@charset "UTF-8";
  :root {
--qt-heading-small: 40px;
--qt-heading-large: 46px;
--qt-title-font-family: 'Manrope';
--qt-title-font-color: #202020;
--qt-title-font-weight: 600;
--qt-title-font-style: normal;
--qt-title-font-transform: none;
--qt-title-font-line-height: 1.25;
--qt-title-gradient-left: #bfa67b;
--qt-title-gradient-right: #bfa67b;
--qt-title-gradient-color: linear-gradient(45deg, var(--qt-title-gradient-color-left) 20%, var(--qt-title-gradient-color-right));
--qt-content-font-family: 'Manrope';
--qt-content-font-weight: 400;
--qt-content-font-color: #757575;
--qt-content-font-size: 16px;
--qt-nav-parent-font-family: 'Manrope';
--qt-nav-parent-font-style: normal;
--qt-nav-parent-font-weight: 800;
--qt-nav-parent-font-transform: none;
--qt-nav-parent-font-size: 18px;
--qt-nav-parent-font-size-mobile: 16px;
--qt-nav-submenu-font-family: 'Manrope';
--qt-nav-submenu-font-style: normal;
--qt-nav-submenu-font-weight: 800;
--qt-nav-submenu-font-transform: none;
--qt-nav-submenu-font-size: 15px;
--qt-nav-submenu-font-size-mobile: 15px;
--qt-dark-color: #000;
--qt-grey-color: #181818;
--qt-light-color: #fff;
--qt-primary-color: #debc28;
--qt-primary-color-darker: red;
--qt-secondary-color: #bfa67b;
--qt-button-font-family: 'Manrope';
--qt-button-font-color: #202020;
--qt-button-font-size: 15px;
--qt-button-font-size-mobile: 15px;
--qt-button-font-weight: 800;
--qt-button-font-style: normal;
--qt-button-font-transform: none;
--qt-button-font-shadow: rgba(0,0,0,0);
--qt-button-background-color: #ffde4d;
--qt-button-background-color-hover: #ffde4d;
--qt-button-outline-border-color: rgba(0,0,0,0.12);
--qt-button-outline-border-color-hover: rgba(0,0,0,0.3);
}  *,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background-color: #fff;
}
main {
display: block;
}
h1 {
font-size: 2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: 700;
color: inherit;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
line-height: 1.55;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
img {
height: auto;
max-width: 100%;
vertical-align: bottom;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-spacing: 0;
}
ul,
li,
ol {
outline: none;
}
svg {
height: 1em;
} body,
button,
input,
select,
textarea,
optgroup {
font-family: var(--qt-content-font-family);
font-size: var(--qt-content-font-size);
color: var(--qt-content-font-color);
line-height: 1.8;
text-rendering: optimizeLegibility;
}
@media (max-width: 991px) {
body,
button,
input,
select,
textarea,
optgroup {
font-size: var(--qt-content-font-size-mobile);
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: var(--qt-title-font-weight);
line-height: 1.25;
color: var(--qt-title-font-color);
margin: 0 0 15px 0;
clear: both;
}
h1 {
font-size: 42px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
margin: 0 0 20px 0;
word-break: break-word;
}
.font-weight-600 {
font-weight: 600;
}
.font-weight-700 {
font-weight: 700;
}
.widget-title,
.widget_block h2 {
font-size: 22px;
margin-bottom: 20px;
}
.title-font {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: 600;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 20px 0 30px 0;
padding: 10px 0 10px 40px;
border-left: 4px solid var(--qt-primary-color);
color: var(--qt-title-font-color);
font-style: italic;
transition: color 0.1s ease-in-out;
}
blockquote:hover {
border-color: var(--qt-primary-color);
}
blockquote cite {
display: block;
margin-top: 20px;
font-size: 15px;
font-style: normal;
font-weight: var(--qt-title-font-weight);
color: var(--qt-primary-color);
}
blockquote > p:last-of-type {
margin-bottom: 0;
}
address {
margin: 0 0 1.5em;
}
pre {
display: block;
overflow: auto;
margin-top: 0;
margin-bottom: 30px;
padding: 0;
color: #343434;
font-family: monospace;
font-size: 14px;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
background-color: transparent;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
color: var(--qt-title-font-color);
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
text-decoration: none;
}
big {
font-size: 125%;
}
a {
color: var(--qt-text-color);
text-decoration: none;
}
a:hover {
color: var(--qt-text-color-hover);
}
.read-more-link {
position: relative;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: 600;
display: inline-flex;
align-items: center;
}
.read-more-link::after {
position: relative;
display: inline-block;
margin-left: 8px;
content: "\f061";
font-size: 16px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
font-style: normal;
color: rgba(0, 0, 0, 0.3);
text-shadow: none;
transition: all .2s ease-in-out;
}
.read-more-link:hover::after {
margin-left: 12px;
color: rgba(0, 0, 0, 0.4);
}
.qt-underline {
position: relative;
}
.qt-underline::before, .qt-underline::after {
position: absolute;
content: "";
height: 2px;
width: 100%;
bottom: -3px;
}
.qt-underline::before {
left: 0;
background-color: var(--qt-primary-color);
}
.qt-underline::after {
right: 0;
background-color: #c8c8c8;
transition: width .2s ease-in-out;
}
.qt-underline:hover::after {
width: 0;
}
.primary-color {
color: var(--qt-primary-color);
}
.secondary-color {
color: var(--qt-secondary-color);
}
.light-color {
color: var(--qt-light-color);
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#primary[tabindex="-1"]:focus {
outline: 0;
}
.d-flex {
display: flex;
align-items: center;
}
.fullwidth {
width: 100%;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.blur-bg {
backdrop-filter: blur(4px);
}
.clearfix {
clear: both;
}
.qt-badge {
display: inline-flex;
align-items: center;
height: 36px;
padding: 0 18px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
font-weight: var(--qt-title-font-weight);
text-transform: var(--qt-title-font-transform);
font-size: 15px;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
background-color: var(--qt-primary-color);
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-between {
justify-content: space-between;
}
.align-start {
align-items: flex-start;
}
.align-center {
align-items: center;
}
.align-end {
align-items: flex-end;
}
.text-center {
align-items: center;
text-align: center;
}
.text-right {
text-align: right;
}
.text-flex-start {
align-items: flex-start;
text-align: left;
}
.text-flex-end {
align-items: flex-end;
text-align: right;
}
.alignleft,
.post-inner .alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright,
.post-inner .alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
@media screen and (min-width: 992px) {
.absolute-desktop {
position: absolute !important;
}
}
.absolute-top {
top: 0;
}
.absolute-bottom {
bottom: 0;
}
.absolute-left {
left: 0;
}
.absolute-right {
right: 0;
}
@media screen and (min-width: 992px) {
.order-lg-1 {
order: 1;
}
}
@media screen and (min-width: 992px) {
.order-lg-2 {
order: 2;
}
}
@media screen and (max-width: 991px) {
.hide-xs-down {
display: none !important;
}
}
@media screen and (min-width: 992px) {
.hide-lg-up {
display: none !important;
}
} @media (max-width: 550px) {
.qt-table-wrap {
overflow-x: auto;
}
}
.qt-table {
width: 100%;
margin-bottom: 0;
}
.qt-table thead {
background-color: var(--qt-primary-color);
}
.qt-table thead td {
padding: 14px 30px;
color: #fff;
font-weight: 700;
border-color: transparent;
}
.qt-table thead td:empty {
background-color: transparent;
}
.qt-table tbody td {
padding: 14px 30px;
border: none;
}
.qt-table tr:hover {
background: none;
}
.qt-table tr:nth-child(2n+0), .qt-table tr:nth-child(2n+0):hover {
background-color: #f9f9f9;
} .qt-btn,
button,
[type="submit"] {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 20px 60px;
font-family: var(--qt-button-font-family);
font-style: var(--qt-button-font-style);
font-weight: var(--qt-button-font-weight);
font-size: var(--qt-button-font-size);
text-transform: var(--qt-button-font-transform);
color: var(--qt-button-font-color);
line-height: 1;
cursor: pointer;
z-index: 1;
text-decoration: none;
text-shadow: 0 1px 1px var(--qt-button-font-shadow);
border: none;
border-radius: 0px;
background-color: var(--qt-button-background-color);
transition: all .2s ease-in-out;
}
@media (max-width: 991px) {
.qt-btn,
button,
[type="submit"] {
font-size: var(--qt-button-font-size-mobile);
}
}
.qt-btn:hover,
button:hover,
[type="submit"]:hover {
color: var(--qt-button-font-color);
background-color: var(--qt-button-background-color-hover);
}
.qt-btn.round {
border-radius: 30px;
}
.qt-btn:not(.btn-outline) .qt-btn-icon {
color: var(--qt-button-font-color);
fill: var(--qt-button-font-color);
}
.qt-btn.btn-outline {
text-shadow: none;
color: #020202;
outline: 2px solid var(--qt-button-outline-border-color);
outline-offset: -2px;
background: none;
}
.qt-btn.btn-outline::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0;
height: 100%;
z-index: -1;
background-color: var(--qt-light-color);
transition: all .2s ease-in-out;
}
.qt-btn.btn-outline:hover {
color: #020202;
outline-color: var(--qt-button-outline-border-color-hover);
}
.qt-btn.btn-outline:hover::after {
width: 100%;
}
.qt-btn.btn-outline.lighter {
outline-color: rgba(255, 255, 255, 0.2);
}
.qt-btn.btn-outline.lighter:not(:hover) {
color: var(--qt-light-color);
}
.qt-btn-icon {
display: inline-flex;
transition: inherit;
}
.btn-icon-before .qt-btn-icon {
margin-right: 8px;
}
.btn-icon-after .qt-btn-icon {
order: 15;
margin-left: 8px;
}
.elementor-align-justify .qt-btn {
width: 100%;
}
body.button-round .qt-btn,
body.button-round button,
body.button-round [type="submit"]
.header-button a {
border-radius: 30px;
}
body.button-round .qt-btn.btn-outline::after {
opacity: 0;
border-radius: 30px;
}
body.button-round .qt-btn.btn-outline:hover::after {
opacity: 1;
}
body.button-round .wp-block-search .wp-block-search__input {
border-radius: 35px 0 0 35px;
}
body.button-round .wp-block-search .wp-block-search__button {
border-radius: 0 35px 35px 0;
}
body.button-round .widget_search .search-form .search-field,
body.button-round .elementor-element .search-form .search-field,
body.button-round .search-overlay .search-form .search-field {
border-radius: 35px 0 0 35px;
}
body.button-round .widget_search .search-form .search-submit,
body.button-round .elementor-element .search-form .search-submit,
body.button-round .search-overlay .search-form .search-submit {
border-radius: 0 35px 35px 0;
} input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
color: var(--qt-content-font-color);
width: 100%;
max-width: 100%;
padding: 15px 25px;
font-weight: 400;
border-radius: 0px;
border: 1px solid #e8e8e8;
background-color: #f9f9f9;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
color: var(--qt-content-font-color);
outline: none;
border-color: #cecece;
}
select {
background: #f9f9f9 url(//vivaveranda.nl/wp-content/themes/viva-theme/assets/images/select-bg.png);
background-position: right 30px center;
background-repeat: no-repeat;
appearance: none;
}
textarea {
width: 100%;
resize: vertical;
}
::-webkit-input-placeholder {
color: var(--qt-content-font-color);
}
:-ms-input-placeholder {
color: var(--qt-content-font-color);
}
::placeholder {
color: var(--qt-content-font-color);
}
.post-password-form label {
display: block;
margin-bottom: 15px;
}
.wpcf7 .wpcf7-form {
position: relative;
}
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap {
display: block;
margin-top: 8px;
margin-bottom: 24px;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
margin: 5px 0 0;
font-size: 15px;
font-family: inherit;
line-height: 1.55;
color: #e75e5e;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
text-align: center;
}
.wpcf7 .wpcf7-form .wpcf7-spinner {
position: absolute;
margin: 0;
}
@media screen and (min-width: 992px) {
.wpcf7 .wpcf7-form .wpcf7-spinner {
right: -30px;
bottom: 15px;
margin: 0;
}
}
.wpcf7 .wpcf7-form label {
display: block;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 16px;
font-weight: var(--qt-title-font-weight);
}
.wpcf7 .wpcf7-form label.asteriks::after {
position: relative;
content: "*";
margin-left: 3px;
color: #e75e5e;
font-size: 19px;
line-height: 1;
}
.wpcf7 .wpcf7-form label > span {
font-weight: inherit;
font-family: inherit;
color: inherit;
}
.wpcf7 .wpcf7-form input[type="text"].wpcf7-not-valid,
.wpcf7 .wpcf7-form input[type="number"].wpcf7-not-valid,
.wpcf7 .wpcf7-form input[type="text"].wpcf7-not-valid,
.wpcf7 .wpcf7-form input[type="email"].wpcf7-not-valid,
.wpcf7 .wpcf7-form input[type="url"].wpcf7-not-valid,
.wpcf7 .wpcf7-form input[type="tel"].wpcf7-not-valid,
.wpcf7 .wpcf7-form input[type="date"].wpcf7-not-valid,
.wpcf7 .wpcf7-form select.wpcf7-not-valid,
.wpcf7 .wpcf7-form textarea.wpcf7-not-valid {
border-color: red;
}
.wpcf7 .wpcf7-form textarea {
height: 200px;
margin-bottom: -7px;
}
.wpcf7 .wpcf7-form select[multiple="multiple"] {
padding-top: 8px;
padding-bottom: 8px;
background-image: none;
}
.wpcf7 .wpcf7-form p {
margin: 0;
}
.wpcf7 .wpcf7-form span.wpcf7-list-item {
margin-left: 0;
margin-right: 30px;
line-height: 1.25;
}
.wpcf7 .wpcf7-form span.wpcf7-list-item.last {
margin-right: 0;
}
@media screen and (max-width: 580px) {
.wpcf7 .wpcf7-form span.wpcf7-list-item {
display: block;
margin-right: 0;
margin-bottom: 5px;
}
}
.wpcf7 .wpcf7-form span.wpcf7-list-item label {
display: inline-flex;
align-items: center;
}
.wpcf7 .wpcf7-form span.wpcf7-list-item .wpcf7-list-item-label {
line-height: 1.7;
}
.wpcf7 .wpcf7-form span.wpcf7-list-item .wpcf7-list-item-label + input {
margin-left: 12px;
margin-right: 0;
}
.wpcf7 .wpcf7-form span.wpcf7-acceptance .wpcf7-list-item {
margin-right: 0;
}
.wpcf7 .wpcf7-form .wpcf7-checkbox,
.wpcf7 .wpcf7-form .wpcf7-radio,
.wpcf7 .wpcf7-form .wpcf7-acceptance {
display: block;
}
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type="checkbox"],
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type="radio"],
.wpcf7 .wpcf7-form .wpcf7-radio input[type="checkbox"],
.wpcf7 .wpcf7-form .wpcf7-radio input[type="radio"],
.wpcf7 .wpcf7-form .wpcf7-acceptance input[type="checkbox"],
.wpcf7 .wpcf7-form .wpcf7-acceptance input[type="radio"] {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0 12px 0 0;
width: 25px;
height: 25px;
color: #565563;
border: 1px solid #eee;
border-radius: 2px;
outline: none;
background-color: #f5f5f5;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
appearance: none;
cursor: pointer;
}
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:hover,
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type="radio"]:hover,
.wpcf7 .wpcf7-form .wpcf7-radio input[type="checkbox"]:hover,
.wpcf7 .wpcf7-form .wpcf7-radio input[type="radio"]:hover,
.wpcf7 .wpcf7-form .wpcf7-acceptance input[type="checkbox"]:hover,
.wpcf7 .wpcf7-form .wpcf7-acceptance input[type="radio"]:hover {
background-color: #eee;
}
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked,
.wpcf7 .wpcf7-form .wpcf7-checkbox input[type="radio"]:checked,
.wpcf7 .wpcf7-form .wpcf7-radio input[type="checkbox"]:checked,
.wpcf7 .wpcf7-form .wpcf7-radio input[type="radio"]:checked,
.wpcf7 .wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked,
.wpcf7 .wpcf7-form .wpcf7-acceptance input[type="radio"]:checked {
border-color: var(--qt-primary-color-darker);
background-color: var(--qt-primary-color-darker);
background-image: url(//vivaveranda.nl/wp-content/themes/viva-theme/assets/images/checkmark.svg);
background-size: 65%;
}
.wpcf7 .wpcf7-form .wpcf7-checkbox + .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-form .wpcf7-radio + .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-form .wpcf7-acceptance + .wpcf7-not-valid-tip {
margin-top: -18px;
text-align: inherit;
}
.wpcf7 .wpcf7-form .wpcf7-radio input[type="radio"] {
border-radius: 50%;
}
.wpcf7 .wpcf7-form .wpcf7-submit[disabled] {
opacity: 0.6;
pointer-events: none;
}
.wpcf7 .wpcf7-form .form-divider {
margin: 40px 0 50px 0;
border-bottom: none;
border-top: 1px solid #e2e2e2;
}
.wpcf7 .wpcf7-form .form-title {
margin-bottom: 35px;
}
.wpcf7 .wpcf7-form .form-file {
width: 100%;
padding: 25px 30px;
margin-bottom: 20px;
border-radius: 4px;
border: 2px dashed rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.02);
}
.wpcf7 .wpcf7-form div.list-inline {
display: flex;
align-items: flex-start;
margin-top: 10px;
width: 100%;
}
.wpcf7 .wpcf7-form div.list-inline p {
display: inherit;
align-items: inherit;
justify-content: inherit;
width: inherit;
}
.wpcf7 .wpcf7-form div.list-inline .wpcf7-form-control-wrap {
margin: 0 0 0 40px;
}
.wpcf7 .wpcf7-form .callback-form {
position: relative;
display: flex;
align-items: center;
box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
}
.wpcf7 .wpcf7-form .callback-form > p {
display: flex;
align-items: center;
flex: 1;
}
@media screen and (max-width: 479px) {
.wpcf7 .wpcf7-form .callback-form > p {
flex-direction: column;
}
}
.wpcf7 .wpcf7-form .callback-form .wpcf7-form-control-wrap {
position: relative;
margin: 0;
width: 100%;
}
.wpcf7 .wpcf7-form .callback-form .wpcf7-not-valid-tip {
position: absolute;
left: 0;
}
.wpcf7 .wpcf7-form .callback-form .wpcf7-response-output {
margin-top: 20px;
padding: 0 30px;
}
.wpcf7 .wpcf7-form .callback-form .wpcf7-spinner {
right: -40px;
bottom: 20px;
}
.wpcf7 .wpcf7-form .callback-form input:not([type='submit']),
.wpcf7 .wpcf7-form .callback-form select {
margin: 0;
height: 65px;
padding-left: 30px;
padding-right: 30px;
border: none;
}
@media screen and (max-width: 479px) {
.wpcf7 .wpcf7-form .callback-form input:not([type='submit']),
.wpcf7 .wpcf7-form .callback-form select {
text-align: center;
}
}
.wpcf7 .wpcf7-form .callback-form .wpcf7-submit {
position: absolute;
right: 0;
margin: 0;
border: none;
height: 65px;
}
@media screen and (max-width: 479px) {
.wpcf7 .wpcf7-form .callback-form .wpcf7-submit {
position: relative;
width: 100%;
margin-top: 5px;
}
}
@media screen and (min-width: 480px) {
.wpcf7 .wpcf7-form .callback-form .wpcf7-submit {
top: 0;
padding-left: 55px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
clip-path: polygon(100% 0%, 100% 100%, 54% 100%, 0% 100%, 13% 0);
}
} .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
@media screen and (min-width: 1400px) {
.container {
max-width: 1470px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
padding-right: 15px;
padding-left: 15px;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media screen and (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.column-xs-12 {
grid-template-columns: repeat(1, 1fr);
}
.column-xs-6 {
grid-template-columns: repeat(2, 1fr);
}
.column-xs-4 {
grid-template-columns: repeat(3, 1fr);
}
.column-xs-3 {
grid-template-columns: repeat(4, 1fr);
}
.column-xs-five {
grid-template-columns: repeat(5, 1fr);
}
.column-xs-2 {
grid-template-columns: repeat(6, 1fr);
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.column-sm-12 {
grid-template-columns: repeat(1, 1fr);
}
.column-sm-6 {
grid-template-columns: repeat(2, 1fr);
}
.column-sm-4 {
grid-template-columns: repeat(3, 1fr);
}
.column-sm-3 {
grid-template-columns: repeat(4, 1fr);
}
.column-sm-five {
grid-template-columns: repeat(5, 1fr);
}
.column-sm-2 {
grid-template-columns: repeat(6, 1fr);
}
}
@media screen and (min-width: 992px) {
.column-lg-12 {
grid-template-columns: repeat(1, 1fr);
}
.column-lg-6 {
grid-template-columns: repeat(2, 1fr);
}
.column-lg-4 {
grid-template-columns: repeat(3, 1fr);
}
.column-lg-3 {
grid-template-columns: repeat(4, 1fr);
}
.column-lg-five {
grid-template-columns: repeat(5, 1fr);
}
.column-lg-2 {
grid-template-columns: repeat(6, 1fr);
}
}
ol,
ul {
padding-left: 20px;
margin-top: 0;
margin-bottom: 30px;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 0;
}
table {
width: 100%;
margin-bottom: 30px;
border-collapse: collapse;
border-spacing: 0;
}
table thead th {
padding: 13px 30px;
color: #fff;
border-color: transparent;
background-color: var(--qt-primary-color);
}
table th,
table td {
padding: 12px 30px;
border: 1px solid #e2e2e2;
}
table tr td {
font-weight: 400;
}
.site-content {
position: relative;
padding: 80px 0;
}
@media screen and (max-width: 991px) {
.site-content {
padding: 50px 0;
}
}
body.page-heading-hide .site-content {
padding-top: 0;
}
body.page-template-template-frontpage .site-content {
padding: 0;
}
.sidebar {
position: relative;
z-index: 2;
padding: 0 50px 50px 50px;
background-color: #f9f9f9;
}
@media screen and (max-width: 991px) {
.sidebar {
padding-top: 50px;
margin-top: 60px;
}
}
@media screen and (min-width: 992px) {
.sidebar {
height: 100%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.sidebar {
padding: 0 30px 30px 30px;
}
}
@media screen and (min-width: 992px) {
.sidebar::after {
position: absolute;
content: "";
top: -80px;
height: calc(100% + 160px);
z-index: -1;
background-color: #f9f9f9;
}
}
.sidebar .widget:not(:last-of-type):not(.widget_icon_box) {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .widget input[type="search"] {
background-color: #fff;
}
@media screen and (min-width: 992px) {
body.sidebar-right .sidebar::after {
left: 0;
width: 1000px;
}
}
@media screen and (min-width: 992px) {
body.sidebar-left .sidebar::after {
right: 0;
width: 1000px;
}
}
.elementor-widget-sidebar {
position: relative;
}
.elementor-widget-sidebar .widget {
margin-bottom: 50px;
}
.elementor-widget-sidebar .widget:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 1400px) {
.site-content .col-lg-9.order-lg-1 > .site-main {
margin-right: 50px;
}
}
@media screen and (min-width: 1400px) {
.site-content .col-lg-9.order-lg-2 > .site-main {
margin-left: 50px;
}
}
@media screen and (min-width: 992px) {
.site-content .col-lg-9.main-content {
flex: 0 0 71%;
max-width: 71%;
}
}
@media screen and (min-width: 992px) {
.site-content .col-lg-3.main-sidebar {
flex: 0 0 29%;
max-width: 29%;
}
}
.boxed-layout {
position: relative;
overflow: clip;
}
body.elementor-page:not(.single-post) .site-content > .container {
max-width: inherit;
padding: 0;
}
body:not(.elementor-page).page-heading-hide .header-transparent {
position: relative;
}
body.search .post-inner .entry-wrapper {
overflow: hidden;
}
body.boxed-enabled .boxed-layout {
max-width: 100%;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 992px) {
body.boxed-enabled .boxed-layout {
width: 1072px;
}
}
@media screen and (min-width: 1200px) {
body.boxed-enabled .boxed-layout {
width: 1500px;
}
}
@media screen and (min-width: 1200px) {
body.boxed-enabled .boxed-layout .container {
width: 1240px;
}
}
@media screen and (min-width: 992px) {
body .bg-full-left::after,
body .bg-full-right::after {
position: absolute;
top: 0;
height: 100%;
width: 1000%;
background-color: inherit;
}
}
body .e-parent .bg-full-right.e-con-full::after {
content: "";
right: -1000%;
}
body .e-parent .bg-full-left.e-con-full::after {
content: "";
left: -1000%;
}
body .bg-full-right .e-con-inner > .e-con::after {
content: "";
right: -1000%;
}
body .bg-full-left .e-con-inner > .e-con::after {
content: "";
left: -1000%;
}
body .elementor-add-section-inner {
position: relative;
}
body .elementor-add-section-inner:hover {
z-index: 100;
}
body .elementor-section {
z-index: 90;
}
@media screen and (min-width: 992px) {
body .elementor-section > .elementor-column-gap-default > .elementor-row {
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (min-width: 992px) {
body .elementor-section > .elementor-column-gap-narrow > .elementor-row {
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
}
}
@media screen and (min-width: 992px) {
body .elementor-section > .elementor-column-gap-extended > .elementor-row {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (min-width: 992px) {
body .elementor-section > .elementor-column-gap-wide > .elementor-row {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (min-width: 992px) {
body .elementor-section > .elementor-column-gap-wider > .elementor-row {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px;
}
}
@media screen and (min-width: 992px) {
.col-lg-five {
flex-basis: 20%;
max-width: 20%;
}
} .header {
position: relative;
z-index: 100;
}
.header a {
text-decoration: none;
}
.header p {
margin-top: 0;
margin-bottom: 0;
}
.header-topbar {
position: relative;
color: #969696;
font-size: 15px;
background-color: #202020;
}
.header-topbar::after {
position: absolute;
content: "";
bottom: 0;
left: 15px;
height: 1px;
width: calc(100% - 30px);
background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 1600px) {
.header-topbar::after {
left: 50px;
width: calc(100% - 100px);
}
}
.header-topbar a {
color: #969696;
}
.header-topbar a:hover {
color: var(--qt-light-color);
}
.header-topbar ul {
display: flex;
margin: 0;
list-style: none;
}
@media screen and (min-width: 992px) {
.header-topbar > .container {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.header-topbar .widget {
position: relative;
display: flex;
flex-shrink: 0;
}
@media screen and (max-width: 991px) {
.header-topbar .widget {
padding: 5px 0px;
min-height: 32px;
}
.header-topbar .widget + .widget {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
}
@media screen and (min-width: 992px) {
.header-topbar .widget {
padding: 0 30px;
height: 55px;
align-items: center;
}
.header-topbar .widget:not(.widget_nav_menu):first-of-type {
padding-left: 0;
}
.header-topbar .widget:not(.widget_nav_menu):last-of-type {
padding-right: 0;
}
.header-topbar .widget:not(:first-of-type)::after {
position: absolute;
content: '';
left: -1px;
top: 16px;
bottom: 16px;
width: 1px;
background-color: rgba(255, 255, 255, 0.15);
}
}
.header-topbar .widget-title {
margin: 0 5px 0 0;
font-size: inherit;
color: inherit;
}
.header-topbar .widget .icon-box {
transition: color .2s ease-in-out;
}
.header-topbar .widget .icon-box-icon {
margin-right: 10px;
color: inherit;
font-size: 17px;
}
@media screen and (max-width: 991px) {
.header-topbar .widget .icon-box-icon {
min-width: 20px;
}
}
.header-topbar .widget .icon-box .description {
display: flex;
align-items: center;
}
.header-topbar .widget .icon-box .title {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
text-transform: inherit;
}
.header-topbar .widget .icon-box .title + .text {
margin-left: 5px;
}
a.icon-box + .header-topbar .widget::after {
display: none;
}
.header-topbar .widget .menu > li {
flex-shrink: 0;
position: relative;
padding-right: 15px;
}
@media (min-width: 992px) {
.header-topbar .widget .menu > li {
height: 55px;
display: flex;
align-items: center;
}
}
.header-topbar .widget .menu > li:last-of-type {
padding-right: 0;
}
@media screen and (min-width: 992px) {
.header-topbar .widget .menu > li:last-of-type > .sub-menu {
left: auto;
right: -20px;
}
}
@media screen and (min-width: 992px) {
.header-topbar .widget .menu > li:last-of-type > .sub-menu li ul.sub-menu {
left: auto;
right: 100%;
}
}
@media screen and (min-width: 992px) {
.header-topbar .widget .menu > li:last-of-type > .sub-menu > li:first-child::before {
left: auto;
right: 20px;
}
}
.header-topbar .widget .menu > li.menu-item-has-children > a::after {
position: relative;
display: inline-block;
content: '';
width: 7px;
height: 7px;
margin-left: 7px;
top: -3px;
border-right: 2px solid #8c9eb9;
border-top: 2px solid #8c9eb9;
transform: rotate(135deg);
transition: border-color .1s ease-in-out;
}
.header-topbar .widget .menu > li.menu-item-has-children:hover > a::after {
border-color: inherit;
}
.header-topbar .widget .menu > li:hover > a {
color: var(--qt-light-color);
}
.header-topbar .widget .menu > li i {
margin-right: 6px;
font-size: 18px;
vertical-align: text-bottom;
}
.header-topbar .widget .menu .sub-menu {
visibility: hidden;
opacity: 0;
display: block;
position: absolute;
top: 100%;
left: 0;
padding: 0;
min-width: 190px;
z-index: 200;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background-color: #9b1b0b;
box-shadow: 0 2px 10px rgba(50, 50, 50, 0.2);
transition: opacity .15s ease-in-out;
}
@media screen and (min-width: 992px) {
.header-topbar .widget .menu .sub-menu {
left: -20px;
}
}
@media screen and (min-width: 992px) {
.header-topbar .widget .menu .sub-menu li:hover > a {
color: var(--qt-light-color);
}
}
.header-topbar .widget .menu .sub-menu > li {
display: block;
}
.header-topbar .widget .menu .sub-menu > li > a {
display: block;
position: relative;
padding: 12px 20px;
color: #e2bdb8;
font-family: var(--qt-nav-submenu-font-family);
font-size: 15px;
font-style: var(--qt-nav-submenu-font-style);
font-weight: var(--qt-nav-submenu-font-weight);
text-transform: var(--qt-nav-submenu-font-transform);
line-height: 1.25;
}
@media screen and (min-width: 992px) {
.header-topbar .widget .menu .sub-menu > li:not(:last-child) > a {
border-bottom: 1px solid rgba(250, 250, 250, 0.1);
}
}
.header-topbar .widget .menu .sub-menu > li:first-child::before {
position: absolute;
content: '';
top: -4px;
left: 20px;
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid;
border-right: 4px solid;
color: #9b1b0b;
transform: rotate(-45deg);
}
.header-topbar .widget .menu .sub-menu > li ul.sub-menu {
margin-top: 0;
left: 100%;
top: 0;
}
.header-topbar .widget .menu .sub-menu > li ul.sub-menu::before {
display: none;
}
.header-topbar .widget .menu .sub-menu .menu-item-has-children > a::after {
position: absolute;
content: '';
width: 0;
height: 0;
right: 0;
top: calc(50% - 4px);
border-style: solid;
border-width: 5px 0px 5px 5px;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.2);
}
.header-topbar .widget .menu .menu-item-has-children:hover > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
.header-topbar .widget_social_icons .social-icons a {
font-size: 16px;
}
.header-topbar .widget_search {
overflow: hidden;
}
.header-topbar .widget_calendar {
display: flex;
align-items: center;
height: auto;
}
.header-topbar .widget_calendar #wp-calendar {
margin-bottom: 0;
}
.header-topbar .widget_recent_entries ul > li:not(:last-child),
.header-topbar .widget_recent_comments ul > li:not(:last-child),
.header-topbar .widget_archive ul > li:not(:last-child),
.header-topbar .widget_categories ul > li:not(:last-child),
.header-topbar .widget_meta ul > li:not(:last-child),
.header-topbar .widget_pages ul > li:not(:last-child) {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.header-topbar .widget_recent_entries ul > li > a::before,
.header-topbar .widget_recent_comments ul > li > a::before,
.header-topbar .widget_archive ul > li > a::before,
.header-topbar .widget_categories ul > li > a::before,
.header-topbar .widget_meta ul > li > a::before,
.header-topbar .widget_pages ul > li > a::before {
display: none;
}
@media screen and (min-width: 992px) {
.header-topbar__left, .header-topbar__right {
display: flex;
align-items: center;
}
}
@media screen and (max-width: 991px) {
.header-topbar__left + .header-topbar__right {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
}
.header-middle {
position: relative;
}
@media screen and (max-width: 991px) {
.header-middle {
background-color: #0d2133;
}
}
.header-middle > .container {
display: flex;
align-items: center;
flex: 100%;
gap: 0 30px;
}
@media screen and (max-width: 991px) {
.header-middle > .container {
flex-flow: wrap;
}
}
@media screen and (min-width: 992px) {
.header-middle > .container {
gap: 20px;
justify-content: space-between;
}
}
@media screen and (min-width: 1200px) {
.header-middle > .container {
gap: 40px;
}
}
.header-logo,
.header-actions,
.header-button {
position: relative;
display: inline-flex;
align-items: center;
}
.header-logo {
flex: 1;
}
@media screen and (max-width: 991px) {
.header-logo {
order: 2;
padding: 20px 0;
}
}
.header-logo .site-title {
margin: 0;
color: var(--qt-light-color);
font-size: 28px;
}
@media screen and (max-width: 991px) {
.header-button {
order: 4;
flex: 1;
margin-bottom: 25px;
}
}
.header-button a {
justify-content: center;
background-color: var(--qt-primary-color);
}
@media screen and (max-width: 991px) {
.header-button a {
width: 100%;
}
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
.header-button a {
padding-left: 25px;
padding-right: 25px;
}
}
.header-button a:hover {
background-color: var(--qt-primary-color-darker);
}
.header-button i {
margin-right: 6px;
}
.header-actions {
position: relative;
column-gap: 8px;
}
@media screen and (max-width: 991px) {
.header-actions {
order: 2;
}
}
@media screen and (min-width: 992px) {
.header-actions {
padding-left: 20px;
}
}
@media screen and (min-width: 1200px) {
.header-actions {
padding-left: 40px;
}
}
@media screen and (min-width: 992px) {
.header-actions::before {
position: absolute;
content: "";
left: 0;
top: 5px;
width: 2px;
height: calc(100% - 10px);
background-color: rgba(255, 255, 255, 0.2);
}
}
.header-actions i {
font-size: 15px;
transition: color 0.1s ease-in-out;
}
.header-search,
.header-cart {
display: flex;
width: 45px;
height: 45px;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.08);
transition: background-color .1s ease-in-out;
}
.header-search:hover,
.header-cart:hover {
background-color: rgba(255, 255, 255, 0.12);
}
@media screen and (min-width: 992px) {
.header {
position: absolute;
top: 0;
width: 100%;
}
}
@media screen and (min-width: 992px) {
.header .container {
width: auto;
max-width: inherit;
}
}
@media screen and (min-width: 1600px) {
.header .container {
padding-left: 50px;
padding-right: 50px;
}
}
@media screen and (min-width: 992px) {
.header .header-logo {
min-height: 114px;
}
}
@media screen and (min-width: 992px) {
.header.header-transparent .header-middle {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
@media screen and (min-width: 992px) {
.header.header-default {
position: relative;
background-color: #202020;
}
}
@media screen and (min-width: 992px) {
.header.header-default .header-middle {
border-bottom: 1px solid transparent;
}
}
.search-overlay {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.9);
}
.search-overlay.is-visible {
opacity: 1;
visibility: visible;
transition-property: all;
transition-duration: 0.2s;
}
.search-overlay__content {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.search-overlay__close {
position: absolute;
top: 20px;
right: 15px;
font-size: 42px;
color: rgba(255, 255, 255, 0.75);
text-align: center;
cursor: pointer;
z-index: 2500;
transition: color .1s ease-in-out;
}
@media screen and (min-width: 580px) {
.search-overlay__close {
right: 50px;
}
}
.search-overlay__close:hover {
color: var(--qt-light-color);
}
.search-overlay__title {
display: flex;
justify-content: center;
margin-bottom: 20px;
color: var(--qt-light-color);
font-size: 24px;
font-weight: var(--qt-title-font-weight);
}
@media screen and (min-width: 580px) {
.search-overlay__title {
font-size: 28px;
}
}
.search-overlay .container {
padding: 0;
width: 100%;
max-width: 1140px;
}
.search-overlay .search-form {
position: relative;
}
@media screen and (max-width: 579px) {
.search-overlay .search-form {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 580px) {
.search-overlay .search-form {
width: 85%;
margin: 0 auto;
}
}
.search-overlay .search-form label {
width: 100%;
float: left;
margin: 0 -1px 0 0;
}
@media screen and (min-width: 580px) {
.search-overlay .search-form label {
width: 80%;
}
}
.search-overlay .search-form .search-field {
width: 100%;
padding: 0 30px;
height: 65px;
}
.search-overlay .search-form .search-field::-webkit-input-placeholder {
color: #999;
}
.search-overlay .search-form .search-field::-moz-placeholder {
color: #999;
}
.search-overlay .search-form .search-field:-ms-input-placeholder {
color: #999;
}
.search-overlay .search-form .search-field:-moz-placeholder {
color: #999;
}
.search-overlay .search-form .search-field:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset;
}
.search-overlay .search-form .search-submit {
height: 65px;
}
@media screen and (min-width: 580px) {
.search-overlay .search-form .search-submit {
width: 20%;
}
}
body.no-scroll {
overflow: hidden;
}
body.admin-bar .search-overlay {
top: 32px !important;
}
.sticky-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 500;
overflow: hidden;
background-color: var(--qt-light-color);
box-shadow: 0 6px 10px -6px rgba(50, 50, 50, 0.2);
transform: translateY(-150%);
transition: all 350ms ease-in-out;
}
@media screen and (min-width: 992px) {
.sticky-header .container {
width: auto;
max-width: inherit;
}
}
@media screen and (min-width: 1400px) {
.sticky-header .container {
padding-left: 50px;
padding-right: 50px;
}
}
.sticky-header .header-logo .site-title {
color: var(--qt-title-font-color);
}
.sticky-header .header-middle {
border-bottom: 1px solid transparent;
background-color: transparent;
}
@media screen and (max-width: 991px) {
.sticky-header.mobile-only.is-visible {
overflow: visible;
transform: translateY(0%);
}
}
@media screen and (max-width: 991px) {
.sticky-header.mobile-only.sticky-mobile-menu__opened {
max-height: 100%;
overflow-y: auto;
}
}
@media screen and (min-width: 992px) {
.sticky-header.desktop-only.is-visible {
overflow: visible;
transform: translateY(0%);
}
}
body.has-header-blur .sticky-header {
backdrop-filter: blur(6px);
}
@media screen and (min-width: 600px) and (max-width: 782px) {
body.admin-bar .sticky-header {
top: 46px;
}
}
@media screen and (min-width: 783px) {
body.admin-bar .sticky-header {
top: 32px;
}
} .navbar-toggle {
display: none;
}
@media screen and (max-width: 991px) {
.navbar-toggle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
order: 3;
height: 54px;
width: 58px;
padding: 0;
border: none;
cursor: pointer;
outline: none;
background: none;
background-color: var(--qt-primary-color);
transition: background-color .2s ease-in-out;
}
}
.navbar-toggle:hover, .navbar-toggle:not(.collapsed) {
background: none;
background-color: var(--qt-primary-color-darker);
}
.navbar-toggle-icon {
margin: 0 auto;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
background-color: var(--qt-light-color);
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.header-navigation {
position: relative;
display: flex;
align-items: center;
flex-shrink: 0;
margin-left: auto;
}
@media screen and (max-width: 991px) {
.header-navigation {
justify-content: flex-start;
order: 3;
flex-wrap: wrap;
flex: 100%;
}
}
@media screen and (max-width: 991px) {
.header-navigation .collapse:not(.show) {
display: none;
}
}
@media screen and (max-width: 991px) {
.header-navigation #main-nav {
flex: 1;
}
}
@media screen and (min-width: 992px) {
.header-navigation #main-nav {
display: inline-flex;
}
}
.header-navigation li {
position: relative;
}
.header-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (min-width: 992px) {
.header-navigation ul {
column-gap: 30px;
align-items: center;
}
}
.header-navigation ul > li > a {
position: relative;
display: flex;
font-family: var(--qt-nav-parent-font-family);
font-style: var(--qt-nav-parent-font-style);
font-weight: var(--qt-nav-parent-font-weight);
color: var(--qt-light-color);
text-transform: var(--qt-nav-parent-font-transform);
text-decoration: none;
transition: color .15s ease-out;
}
@media screen and (max-width: 991px) {
.header-navigation ul > li > a {
padding: 12px 30px;
color: var(--qt-light-color);
font-size: var(--qt-nav-parent-font-size-mobile);
border-top: 1px solid rgba(255, 255, 255, 0.2);
background-color: var(--qt-primary-color);
}
}
@media screen and (min-width: 992px) {
.header-navigation ul > li > a {
font-size: var(--qt-nav-parent-font-size);
}
}
@media screen and (max-width: 991px) {
.header-navigation ul > li:first-of-type > a {
border-top: none;
}
}
@media screen and (min-width: 992px) {
.header-navigation ul > li.menu-item-has-children > a::after {
position: relative;
display: inline-flex;
content: '\f063';
font-family: "Font Awesome 5 Free";
font-size: 16px;
margin-left: 6px;
top: 0px;
transition: color .1s ease-in-out;
}
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li {
display: inline-flex;
line-height: 114px;
}
}
@media screen and (max-width: 991px) {
.header-navigation > ul > li:last-of-type {
margin-bottom: 20px;
}
}
.header-navigation > ul > li:last-of-type.menu-item-has-children:not(.mega-menu) .sub-menu > li ul.sub-menu {
left: auto;
right: 100%;
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li.current-menu-item > a, .header-navigation > ul > li.current_page_parent > a, .header-navigation > ul > li.current-menu-ancestor > a {
color: var(--qt-light-color);
}
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li.current-menu-item > a::before, .header-navigation > ul > li.current_page_parent > a::before, .header-navigation > ul > li.current-menu-ancestor > a::before {
transform: scaleX(1);
transform-origin: left;
}
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li:hover > a {
color: var(--qt-light-color);
}
.header-navigation > ul > li:hover > a::before {
transform: scaleX(1);
transform-origin: left;
}
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li:hover .sub-menu__toggle::before {
border-top-color: var(--qt-light-color);
}
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li > a::before {
position: absolute;
content: '';
top: -1px;
left: -4px;
width: calc(100% + 8px);
height: 6px;
background-color: var(--qt-secondary-color);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.4s ease;
}
}
.header-navigation .sub-menu {
display: none;
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu {
visibility: hidden;
opacity: 0;
display: block;
position: absolute;
top: 65%;
left: -30px;
padding: 0;
min-width: 220px;
z-index: 1;
background-color: #9b1b0b;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
transition: top .15s ease-out;
}
}
.header-navigation .sub-menu > li > a {
padding: 16px 30px;
font-family: var(--qt-nav-submenu-font-family);
font-style: var(--qt-nav-submenu-font-style);
font-weight: var(--qt-nav-submenu-font-weight);
font-size: var(--qt-nav-submenu-font-size);
color: #efbdb7;
text-transform: var(--qt-nav-submenu-font-transform);
line-height: 1.25;
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu > li > a {
padding: 18px 35px;
font-size: var(--qt-nav-submenu-font-size-mobile);
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu > li:not(:first-child) > a {
border-top: 1px solid rgba(250, 250, 250, 0.1);
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu > li:not(:first-child) > a::before {
position: absolute;
content: "";
bottom: -1px;
left: 0;
right: 0;
width: 0;
height: 1px;
background-color: rgba(255, 255, 255, 0.59);
transition: width .2s ease-in-out;
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu > li:first-child::before {
position: absolute;
content: '';
top: -4px;
left: 30px;
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid;
border-right: 4px solid;
color: #9b1b0b;
transform: rotate(-45deg);
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu > li:first-child:hover::before {
color: var(--qt-primary-color-darker);
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu > li:hover > a {
color: var(--qt-light-color);
border-color: transparent;
background-color: var(--qt-primary-color-darker);
}
}
.header-navigation .sub-menu > li.current-menu-item > a, .header-navigation .sub-menu > li.current_page_parent > a {
color: var(--qt-light-color);
}
.header-navigation .sub-menu > li ul.sub-menu {
margin-top: 0;
left: 100%;
top: 0;
}
.header-navigation .sub-menu > li ul.sub-menu li:first-child::before {
display: none;
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu > li ul.sub-menu li > a {
border-top: none;
padding-left: 50px;
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu li.menu-item-has-children > a::after {
position: absolute;
right: 30px;
top: calc(50% - 8px);
transform: rotate(270deg);
}
}
@media screen and (min-width: 992px) {
.header-navigation .sub-menu li.menu-item-has-children:hover > a::after {
border-color: #fff;
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu li.menu-item-has-children .sub-menu__toggle {
border: none;
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu__toggle {
position: absolute;
right: 0;
top: 1px;
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 54px;
font-size: 16px;
z-index: 100;
cursor: pointer;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu__toggle::before {
position: absolute;
content: '';
width: 3px;
height: 15px;
border-radius: 2px;
background-color: var(--qt-light-color);
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu__toggle::after {
position: absolute;
content: '';
width: 15px;
height: 3px;
border-radius: 2px;
background-color: var(--qt-light-color);
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu__opened > .sub-menu {
display: block;
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu__opened > .sub-menu__toggle {
border-left-color: transparent;
background-color: #9b1b0b;
}
}
@media screen and (max-width: 991px) {
.header-navigation .sub-menu__opened > .sub-menu__toggle::before {
display: none;
}
}
@media screen and (min-width: 992px) {
.header-navigation li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
top: 75%;
}
}
@media screen and (min-width: 992px) {
.header-navigation li.menu-item-has-children:hover > .sub-menu .sub-menu {
top: 0;
}
}
.header-navigation li.menu-item-has-children:hover > .sub-menu .sub-menu::before {
display: none;
}
@media screen and (max-width: 991px) {
.header-navigation > ul > li.mega-menu > .sub-menu > li.menu-heading > a {
pointer-events: none;
}
}
@media screen and (min-width: 992px) {
.header-navigation > ul > li.mega-menu {
position: static;
}
.header-navigation > ul > li.mega-menu > .sub-menu {
column-gap: 30px;
display: flex;
align-items: flex-start;
min-width: auto;
padding: 10px 30px 15px 30px;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
.header-navigation > ul > li.mega-menu > .sub-menu::before {
position: absolute;
content: '';
top: -4px;
left: calc(50% - 2px);
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid;
border-right: 4px solid;
color: #9b1b0b;
transform: rotate(-45deg);
}
.header-navigation > ul > li.mega-menu > .sub-menu > li {
display: flex;
flex-direction: column;
min-width: 240px;
}
.header-navigation > ul > li.mega-menu > .sub-menu > li.menu-heading > a {
padding-bottom: 10px;
border-top: none;
pointer-events: none;
}
.header-navigation > ul > li.mega-menu > .sub-menu > li:first-of-type::before {
display: none;
}
.header-navigation > ul > li.mega-menu > .sub-menu > li a {
padding: 16px 0;
}
.header-navigation > ul > li.mega-menu .sub-menu > li > a::after {
display: none;
}
.header-navigation > ul > li.mega-menu .sub-menu > li:not(.menu-heading) > a {
border-top: none;
border-bottom: 1px solid rgba(250, 250, 250, 0.1);
}
.header-navigation > ul > li.mega-menu .sub-menu > li:hover > a {
color: #d4cdcc;
background-color: inherit;
}
.header-navigation > ul > li.mega-menu .sub-menu > li:hover > a:hover {
color: yellow;
}
.header-navigation > ul > li.mega-menu .sub-menu > li .sub-menu > li:last-of-type > a {
border-bottom: none;
}
.header-navigation > ul > li.mega-menu .sub-menu .sub-menu {
position: relative;
left: auto;
top: auto;
min-width: inherit;
box-shadow: none;
}
.header-navigation > ul > li.mega-menu:hover > .sub-menu .sub-menu {
top: auto;
opacity: 1;
visibility: visible;
}
}
@media screen and (min-width: 992px) {
.sticky-header .header-logo {
min-height: 105px;
}
}
@media screen and (min-width: 992px) {
.sticky-header .header-navigation > ul > li {
line-height: 105px;
}
}
@media screen and (min-width: 992px) {
.sticky-header .header-navigation > ul > li.menu-item-has-children > a::after {
border-color: rgba(50, 50, 50, 0.3);
}
}
@media screen and (min-width: 992px) {
.sticky-header .header-navigation > ul > li.current-menu-item > a, .sticky-header .header-navigation > ul > li.current_page_parent > a, .sticky-header .header-navigation > ul > li.current-menu-ancestor > a {
color: var(--qt-primary-color);
}
}
@media screen and (min-width: 992px) {
.sticky-header .header-navigation > ul > li:hover > a {
color: var(--qt-primary-color);
}
}
.sticky-header .header-navigation + .header-actions {
border-color: rgba(50, 50, 50, 0.2);
} .page-header {
position: relative;
margin: 0 auto;
background-color: #5e5e5e;
}
.page-header > .container {
display: flex;
align-items: inherit;
justify-content: center;
flex-direction: column;
padding-top: 20px;
padding-bottom: 20px;
}
.page-header::before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.page-header .page-title {
position: relative;
margin: 0;
color: var(--qt-primary-color);
font-size: 2.625rem;
font-weight: var(--qt-title-font-weight);
}
@media screen and (min-width: 992px) {
.page-header .page-title {
font-size: 3.625rem;
}
}
@media screen and (min-width: 1200px) {
.page-header .page-title {
max-width: 65%;
}
}
.page-header .page-title span {
color: var(--qt-light-color);
font-weight: var(--qt-title-font-weight);
}
.page-header .page-subtitle {
position: relative;
margin: 10px 0 0;
font-size: 1.063rem;
font-weight: 600;
color: #bcbbbb;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 992px) {
.header-transparent .page-header {
padding-top: 170px;
}
} .breadcrumbs {
position: relative;
width: 100%;
font-size: 15px;
z-index: 1;
background-color: rgba(255, 255, 255, 0.08);
}
@media screen and (max-width: 580px) {
.breadcrumbs {
font-size: 14px;
}
}
.breadcrumb {
display: flex;
align-items: center;
overflow: hidden;
}
.breadcrumb p,
.breadcrumb #breadcrumbs span {
padding: 0;
margin: 0;
}
.breadcrumb span {
position: relative;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
line-height: 1.25;
}
.breadcrumb span.current-item {
color: var(--qt-light-color);
font-weight: 700;
}
@media screen and (max-width: 767px) {
.breadcrumb span:last-of-type::after {
display: none;
}
}
.breadcrumb span:first-of-type > span {
display: inline-block;
padding: 25px 0;
}
.breadcrumb a {
position: relative;
display: inline-block;
padding: 25px 15px 25px 0;
margin-right: 15px;
color: #737373;
text-decoration: none;
transition: color 0.1s ease-in-out;
}
@media screen and (min-width: 768px) {
.breadcrumb a {
padding: 25px 25px 25px 0;
margin-right: 25px;
}
}
.breadcrumb a::after {
position: absolute;
content: "";
width: 1px;
height: 16px;
top: calc(50% - 8px);
right: 0;
background-color: rgba(255, 255, 255, 0.2);
z-index: -1;
}
.breadcrumb a:hover {
color: var(--qt-light-color);
} .footer {
position: relative;
color: #a6a6a6;
background-color: #282a2d;
}
.footer a:not(.qt-btn) {
font-weight: 600;
}
.footer .widget-title {
margin-bottom: 25px;
color: var(--qt-light-color);
font-family: var(--qt-title-font-family);
font-size: 20px;
font-weight: 600;
}
.footer p:last-child {
margin: 0;
}
.footer .widget_text p + .qt-btn {
margin-top: 10px;
}
.footer .widget_recent_entries ul li > a::before,
.footer .widget_recent_comments ul li > a::before,
.footer .widget_archive ul li > a::before,
.footer .widget_categories ul li > a::before,
.footer .widget_meta ul li > a::before,
.footer .widget_pages ul li > a::before,
.footer .widget_calendar ul li > a::before {
color: rgba(250, 250, 250, 0.3);
}
.footer .widget_recent_entries ul li:hover > a::before,
.footer .widget_recent_comments ul li:hover > a::before,
.footer .widget_archive ul li:hover > a::before,
.footer .widget_categories ul li:hover > a::before,
.footer .widget_meta ul li:hover > a::before,
.footer .widget_pages ul li:hover > a::before,
.footer .widget_calendar ul li:hover > a::before {
color: rgba(250, 250, 250, 0.5);
}
.footer .widget_recent_entries ul > li:not(:last-child),
.footer .widget_recent_comments ul > li:not(:last-child),
.footer .widget_archive ul > li:not(:last-child),
.footer .widget_categories ul > li:not(:last-child),
.footer .widget_meta ul > li:not(:last-child),
.footer .widget_pages ul > li:not(:last-child),
.footer .widget_calendar ul > li:not(:last-child) {
border-bottom-color: rgba(250, 250, 250, 0.2);
}
.footer .widget_rss li {
border-bottom-color: rgba(250, 250, 250, 0.2);
}
.footer .widget_rss li .rss-date {
color: var(--qt-secondary-color);
}
.footer .wp-block-latest-posts li a::before,
.footer .wp-block-page-list li a::before {
color: rgba(250, 250, 250, 0.3);
}
.footer .wp-block-latest-posts li a:hover::before,
.footer .wp-block-page-list li a:hover::before {
color: rgba(250, 250, 250, 0.5);
}
.footer .wp-block-latest-posts li:not(:last-child),
.footer .wp-block-page-list li:not(:last-child) {
border-bottom-color: rgba(250, 250, 250, 0.2);
}
.footer .wp-block-search .wp-block-search__label {
color: var(--qt-light-color);
}
.footer .wp-block-latest-comments li::before {
color: rgba(250, 250, 250, 0.3);
}
.footer .wp-block-latest-comments li:hover::before {
color: rgba(250, 250, 250, 0.5);
}
.footer .wp-block-social-link svg {
fill: #889fbc;
}
.footer .icon-box .icon-box-icon {
color: inherit;
font-size: 40px;
margin-right: 25px;
}
.footer .icon-box .title {
margin-bottom: 3px;
color: var(--qt-light-color);
font-size: 16px;
font-weight: 600;
}
.footer .icon-box .text {
display: block;
line-height: 1.55;
}
.footer .icon-box:hover .icon-box-icon {
color: var(--qt-light-color);
}
.footer .opening-hours ul li {
color: inherit;
}
.footer .opening-hours ul li:not(:last-child) {
padding-bottom: 8px;
margin-bottom: 8px;
border-color: rgba(255, 255, 255, 0.1);
}
.footer .widget_social_icons .widget-title {
margin-bottom: 20px;
}
.footer .social-icons {
gap: 10px;
}
.footer .social-icons a {
font-size: 22px;
}
.footer .widget_nav_menu .menu > li:not(:last-child) {
margin-bottom: 3px;
padding-bottom: 3px;
}
.footer .widget_nav_menu .menu > li.border-top {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #3a3a3a;
}
.footer .widget_nav_menu .menu > li > a::before {
position: relative;
display: inline-block;
left: 0;
content: "\f061";
margin-right: 12px;
color: inherit;
font-size: 17px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
transform: rotate(45deg);
transition: transform .15s ease-in-out;
}
.footer .widget_nav_menu .menu > li > a:hover::before {
transform: rotate(0deg);
}
.footer .widget_nav_menu .menu li ul.sub-menu {
padding: 10px 0 15px 40px;
}
.footer .widget_nav_menu .menu li ul.sub-menu > li + li {
padding-top: 4px;
}
.footer .widget_nav_menu .menu li ul.sub-menu li ul.sub-menu {
padding-left: 15px;
}
.footer .social-icons a {
color: inherit;
}
.footer .social-icons a:hover {
color: var(--qt-light-color);
}
.footer .footer-text {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 32px;
font-weight: var(--qt-title-font-weight);
line-height: 1.35;
margin-bottom: 30px;
}
.footer .footer-text span {
color: var(--qt-light-color);
}
.footer-main {
position: relative;
padding: 100px 0;
}
@media screen and (max-width: 991px) {
.footer-main {
padding: 60px 0;
}
}
.footer-main .row {
position: relative;
column-gap: 30px;
margin-right: 0;
margin-left: 0;
}
@media screen and (min-width: 992px) {
.footer-main .row {
flex-wrap: nowrap;
}
}
.footer-main__column {
flex-basis: 100%;
}
@media screen and (max-width: 991px) {
.footer-main__column + .footer-main__column {
margin-top: 30px;
}
}
@media screen and (min-width: 992px) {
.footer-main.footer__2 .footer-main__column {
flex-basis: 50%;
}
.footer-main.footer__3 .footer-main__column {
flex-basis: 33.33333%;
}
.footer-main.footer__4 .footer-main__column {
flex-basis: 25%;
}
.footer-main.footer__5 .footer-main__column {
flex-basis: 20%;
}
.footer-main.footer__3 .footer-main__column:first-of-type, .footer-main.footer__4 .footer-main__column:first-of-type, .footer-main.footer__5 .footer-main__column:first-of-type {
flex-basis: 38%;
padding-right: 50px;
border-right: 6px solid #3a3a3a;
}
.footer-main.footer__3 .footer-main__column:last-of-type, .footer-main.footer__4 .footer-main__column:last-of-type, .footer-main.footer__5 .footer-main__column:last-of-type {
padding-left: 50px;
flex-basis: 28%;
border-left: 6px solid #3a3a3a;
}
.footer-main.footer__4 .footer-main__column:nth-child(2) {
flex-basis: 20%;
padding-left: 30px;
}
.footer-main.footer__4 .footer-main__column:nth-child(3) {
flex-basis: 20%;
padding-left: 30px;
}
}
.footer-main .widget + .widget {
margin-top: 45px;
}
.footer-main .widget_text + .widget_icon_box {
margin-top: 40px;
}
.footer-main .widget_icon_box a.icon-box,
.footer-main .widget_icon_box a.icon-box:hover {
color: inherit;
}
.footer-main .widget_icon_box + .widget_icon_box {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 25px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer-bottom {
position: relative;
padding: 25px 0;
background-color: #05182b;
}
@media screen and (min-width: 992px) {
.footer-bottom {
padding: 30px 0;
}
}
.footer-bottom a {
color: var(--qt-light-color);
}
@media screen and (min-width: 992px) {
.footer-bottom > .container {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media screen and (min-width: 580px) {
.footer-bottom__left, .footer-bottom__right {
display: flex;
align-items: center;
}
}
@media screen and (max-width: 991px) {
.footer-bottom__middle {
padding: 5px 0;
}
}
@media screen and (min-width: 580px) {
.footer-bottom .widget {
padding: 0 10px;
}
}
.footer-bottom .widget:first-of-type {
padding-left: 0;
}
.footer-bottom .widget:last-of-type {
padding-right: 0;
}
.footer-bottom .widget_nav_menu .menu > li {
display: inline-block;
position: relative;
padding: 0;
}
.footer-bottom .widget_nav_menu .menu > li:first-of-type > a {
padding-left: 0;
}
.footer-bottom .widget_nav_menu .menu > li:last-of-type > a {
padding-right: 0;
}
.footer-bottom .widget_nav_menu .menu > li > a::before {
display: none;
}
.footer-bottom .widget_nav_menu .menu li {
display: inline-block;
position: relative;
}
.footer-bottom .widget_nav_menu .menu li a {
padding: 0 6px;
}
.footer-bottom .widget_nav_menu .sub-menu {
float: right;
} .widget_nav_menu ul,
.widget_pages ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li {
position: relative;
}
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a {
display: inline-block;
word-break: break-word;
transition: color .1s ease-in-out;
}
.widget_pages ul > li:not(:last-child),
.widget_recent_entries ul > li:not(:last-child),
.widget_recent_comments ul > li:not(:last-child),
.widget_archive ul > li:not(:last-child),
.widget_categories ul > li:not(:last-child),
.widget_meta ul > li:not(:last-child) {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.widget_pages ul > li > a,
.widget_recent_entries ul > li > a,
.widget_recent_comments ul > li > a,
.widget_archive ul > li > a,
.widget_categories ul > li > a,
.widget_meta ul > li > a {
padding-left: 25px;
}
.widget_pages ul > li > a::before,
.widget_recent_entries ul > li > a::before,
.widget_recent_comments ul > li > a::before,
.widget_archive ul > li > a::before,
.widget_categories ul > li > a::before,
.widget_meta ul > li > a::before {
position: absolute;
top: 0;
left: 0;
content: "\f061";
color: rgba(0, 0, 0, 0.3);
font-family: "Font Awesome 5 Free";
font-size: 16px;
font-weight: 900;
transition: color 0.1s ease-in-out;
}
.widget_pages ul > li > a:hover::before,
.widget_recent_entries ul > li > a:hover::before,
.widget_recent_comments ul > li > a:hover::before,
.widget_archive ul > li > a:hover::before,
.widget_categories ul > li > a:hover::before,
.widget_meta ul > li > a:hover::before {
color: rgba(0, 0, 0, 0.5);
}
.widget_pages ul.children,
.widget_recent_entries ul.children,
.widget_recent_comments ul.children,
.widget_archive ul.children,
.widget_categories ul.children,
.widget_meta ul.children {
padding: 8px 0 0px 25px;
}
.widget_text p:last-child {
margin-bottom: 0;
}
.search-form {
display: flex;
align-items: center;
position: relative;
}
.search-form label {
width: 100%;
}
.search-form .search-field {
height: 60px;
padding: 0 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.search-form .search-submit {
position: relative;
padding: 14px 35px;
top: 0;
right: 0;
width: 40%;
height: 60px;
line-height: 24px;
border: none;
cursor: pointer;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.widget_calendar #wp-calendar {
width: 100%;
margin-bottom: 0;
}
.widget_calendar table {
border-collapse: collapse;
border-spacing: 0;
}
.widget_calendar caption {
padding: 8px 0;
font-weight: bold;
text-align: center;
caption-side: top;
color: var(--qt-light-color);
background-color: var(--qt-primary-color);
}
.widget_calendar thead {
background-color: #dedede;
}
.widget_calendar thead tr th {
padding: 5px 0;
color: inherit;
text-align: center;
background: transparent;
border: 1px solid #dedede;
}
.widget_calendar tbody tr td {
padding: 5px 0;
text-align: center;
border: 1px solid #dedede;
}
.widget_calendar tbody tr td#today {
font-weight: var(--qt-title-font-weight);
}
.widget_calendar tfoot tr td {
padding: 5px;
border-top: 1px solid #dedede;
}
.widget_calendar tfoot #next a {
float: right;
}
.widget_calendar tfoot #next,
.widget_calendar tfoot #prev {
font-weight: var(--qt-content-font-weight);
}
.widget_recent_comments ul > li {
padding-left: 25px;
}
.widget_recent_comments ul > li > a {
padding-left: 0;
}
.widget_recent_comments ul > li:hover > a::before {
color: rgba(0, 0, 0, 0.5);
}
.widget_tag_cloud a {
display: inline-block;
padding: 8px 10px;
margin-bottom: 4px;
color: #a5a5a5;
text-decoration: none;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
transition: all .15s ease;
}
.widget_tag_cloud a:hover {
color: var(--qt-light-color);
border-color: transparent;
background-color: var(--qt-primary-color);
}
.widget_recent_entries .post-date {
display: block;
font-size: 15px;
}
.widget_archive select,
.widget_categories select,
.widget_text select {
height: 50px;
padding: 0 40px 0 20px;
border: 1px solid #eee;
background: #f9f9f9 url(//vivaveranda.nl/wp-content/themes/viva-theme/assets/images/select-bg.png);
background-position: right 20px center;
background-repeat: no-repeat;
appearance: none;
}
.widget_archive select:focus,
.widget_categories select:focus,
.widget_text select:focus {
border-color: #cecece;
outline: none;
}
.widget_archive ul li,
.widget_categories ul li {
clear: both;
}
.widget_archive ul li .cat-count,
.widget_categories ul li .cat-count {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
right: 0;
top: 4px;
width: 19px;
height: 19px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: var(--qt-title-font-color);
text-align: center;
border-radius: 50%;
background-color: var(--qt-secondary-color);
transition: all .15s ease;
}
.widget_archive ul li.cat-item-none,
.widget_categories ul li.cat-item-none {
padding-left: 0;
}
.widget_rss .widget-title {
margin-bottom: 15px;
}
.widget_rss .widget-title a:last-of-type {
color: inherit;
}
.widget_rss .widget-title img {
position: relative;
vertical-align: baseline;
}
.widget_rss ul {
padding-left: 0;
list-style: none;
}
.widget_rss li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.widget_rss li a {
display: block;
font-weight: 500;
}
.widget_rss li .rss-date {
display: block;
margin: 0;
font-size: 15px;
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
}
.widget_rss li cite {
display: block;
margin-top: 10px;
}
.widget_rss li:last-of-type {
border-bottom: none;
}
.site-content .widget.widget_nav_menu {
padding: 40px;
border: none;
}
.site-content .widget_nav_menu {
position: relative;
border-radius: 2px;
background-color: var(--qt-primary-color-darker);
}
@media screen and (min-width: 1200px) {
.site-content .widget_nav_menu {
padding: 35px;
}
}
.site-content .widget_nav_menu .widget-title,
.site-content .widget_nav_menu .widgettitle {
color: var(--qt-light-color);
}
.site-content .widget_nav_menu .menu > li > a {
position: relative;
}
.site-content .widget_nav_menu .menu > li > a::before {
position: relative;
display: inline-block;
content: "\f061";
padding-right: 12px;
color: rgba(250, 250, 250, 0.5);
font-family: "Font Awesome 5 Free";
font-size: var(--qt-content-font-size);
font-weight: 900;
transition: color 0.1s ease-in-out;
}
.site-content .widget_nav_menu .menu li {
list-style: none;
position: relative;
}
.site-content .widget_nav_menu .menu li a {
display: inline-block;
margin: 3px 0;
color: rgba(255, 255, 255, 0.8);
font-size: var(--qt-content-font-size);
font-weight: var(--qt-title-font-weight);
text-decoration: none;
transition: color 0.1s ease-in-out;
}
.site-content .widget_nav_menu .menu li a:hover {
color: var(--qt-light-color);
}
.site-content .widget_nav_menu .menu li a:hover::before {
color: var(--qt-light-color);
}
.site-content .widget_nav_menu .menu li.current-menu-item > a, .site-content .widget_nav_menu .menu li.current_page_item > a, .site-content .widget_nav_menu .menu li.current_page_ancestor > a, .site-content .widget_nav_menu .menu li.current_page_parent > a {
color: var(--qt-light-color);
}
.site-content .widget_nav_menu .menu li.current-menu-item > a::before, .site-content .widget_nav_menu .menu li.current_page_item > a::before, .site-content .widget_nav_menu .menu li.current_page_ancestor > a::before, .site-content .widget_nav_menu .menu li.current_page_parent > a::before {
color: var(--qt-light-color);
}
.site-content .widget_nav_menu .menu li ul.sub-menu {
position: relative;
padding-left: 35px;
}
.site-content .widget_nav_menu .menu li ul.sub-menu li a:hover {
color: var(--qt-light-color);
}
.site-content .widget_nav_menu .menu li ul.sub-menu li ul.sub-menu {
padding-left: 15px;
}
.footer-main .widget_rss li .rss-date {
color: inherit;
}
.footer-main .widget_calendar thead tr th {
color: var(--qt-title-font-color);
}
.footer-main .widget_calendar tbody tr td {
border-color: rgba(255, 255, 255, 0.2);
}
.footer-main .widget_calendar tbody tr td#today {
color: var(--qt-light-color);
}
.footer-main .widget_tag_cloud a:not(:hover) {
border-color: rgba(255, 255, 255, 0.2);
} .elementor-element .elementor-counter .elementor-counter-number-wrapper {
color: var(--qt-primary-color);
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
font-size: 62px;
}
.elementor-element .elementor-heading-title {
line-height: 1.4;
}
.icon-box {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.icon-box .title {
margin: 0;
color: var(--qt-title-font-color);
font-size: 20px;
font-weight: var(--qt-title-font-weight);
}
.icon-box .text {
word-break: break-word;
}
.icon-box .icon-box-icon {
margin-right: 20px;
font-size: 38px;
color: var(--qt-content-font-color);
line-height: initial;
transition: color .2s ease-in-out;
}
@media screen and (max-width: 768px) {
.icon-box .icon-box-icon {
text-align: center;
}
}
.icon-box.brochure {
padding: 12px 30px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: var(--qt-light-color);
}
.icon-box.brochure .title {
font-size: var(--qt-content-font-size);
}
.icon-box.brochure .icon-box-icon {
font-size: 20px;
color: var(--qt-primary-color);
}
.icon-box.brochure:hover .icon-box-icon {
color: var(--qt-primary-color-darker);
}
.elementor-element .widget_icon_box .icon-box {
padding: 30px;
}
.elementor-element a.icon-box {
color: inherit;
}
.elementor-element .icon-box {
display: flex;
align-items: inherit;
width: 100%;
overflow: hidden;
transform: translateY(0px);
transition: all .15s ease-in-out;
}
.elementor-element .icon-box::before, .elementor-element .icon-box::after {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
z-index: 0;
border-radius: 0;
transition: opacity .2s ease;
}
.elementor-element .icon-box::before {
z-index: 1;
}
.elementor-element .icon-box::after {
background-blend-mode: multiply;
transition: opacity .2s ease, margin .4s ease;
}
.elementor-element .icon-box:hover::before, .elementor-element .icon-box:hover::after {
opacity: 1;
}
.elementor-element .icon-box:hover::after {
margin: -8px;
}
.elementor-element .icon-box:hover .icon-box__icon {
color: var(--qt-primary-color);
}
.elementor-element .icon-box__icon {
position: relative;
margin: 0;
z-index: 2;
font-size: 32px;
display: flex;
line-height: 1;
transform: translateY(0px);
transition: all .2s ease-in-out;
}
.elementor-element .icon-box__icon svg {
height: 1em;
width: 1em;
font-size: inherit;
position: relative;
display: block;
transition: inherit;
}
.elementor-element .icon-box__content {
position: relative;
display: flex;
flex-direction: column;
z-index: 2;
}
.elementor-element .icon-box__content p {
transition: inherit;
}
.elementor-element .icon-box__content p:last-of-type {
margin-bottom: 0;
}
.elementor-element .icon-box__heading {
display: inline-flex;
margin-bottom: 0;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 20px;
font-weight: 600;
color: var(--qt-title-font-color);
word-break: break-word;
transition: color .2s ease;
}
.elementor-element .icon-box__button {
position: relative;
display: inline-flex;
align-items: center;
color: var(--qt-title-font-color);
cursor: pointer;
z-index: 2;
text-shadow: none;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-top-color .2s ease-in-out;
}
.elementor-element .icon-box__button::after {
content: "\f061";
font-size: 16px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
font-style: normal;
color: rgba(0, 0, 0, 0.2);
text-shadow: none;
transition: all .2s ease-in-out;
}
.elementor-element .icon-box.layout-simple .icon-box__icon {
font-size: 60px;
color: var(--qt-primary-color);
}
.elementor-element .icon-box.layout-simple .icon-box__icon svg {
fill: var(--qt-primary-color);
}
.elementor-element .icon-box.layout-simple .icon-box__content p:first-of-type {
margin-top: 10px;
}
.elementor-element .icon-box.layout-simple .icon-box__button {
margin-top: 25px;
}
.elementor-element .icon-box.layout-simple .icon-box__button::after {
margin-left: 8px;
}
.elementor-element .icon-box.layout-simple .icon-box__button:hover {
color: var(--qt-primary-color);
}
.elementor-element .icon-box.layout-simple .icon-box__button:hover::after {
margin-left: 10px;
}
.elementor-element .icon-box.layout-boxed {
padding: 40px;
background-color: var(--qt-light-color);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.elementor-element .icon-box.layout-boxed:hover {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.elementor-element .icon-box.layout-boxed:hover .icon-box__icon {
background-color: var(--qt-primary-color-darker);
}
.elementor-element .icon-box.layout-boxed:hover .icon-box__button::before {
height: 100%;
}
.elementor-element .icon-box.layout-boxed:hover .icon-box__button::after {
color: rgba(0, 0, 0, 0.3);
}
.elementor-element .icon-box.layout-boxed:hover .icon-box__button:hover {
color: var(--qt-primary-color-darker);
}
.elementor-element .icon-box.layout-boxed:hover .icon-box__button:hover::before {
background-color: rgba(255, 255, 255, 0.25);
}
.elementor-element .icon-box.layout-boxed .icon-box__icon {
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 75px;
height: 75px;
color: #202020;
background-color: var(--qt-primary-color);
}
.elementor-element .icon-box.layout-boxed .icon-box__icon svg {
fill: #202020;
}
.elementor-element .icon-box.layout-boxed .icon-box__content p:first-of-type {
margin-top: 10px;
}
.elementor-element .icon-box.layout-boxed .icon-box__button {
width: 100%;
height: 70px;
padding: 0 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.elementor-element .icon-box.layout-boxed .icon-box__button::before {
position: absolute;
content: '';
bottom: 0;
left: 0;
height: 0;
width: 100%;
z-index: -1;
background-color: rgba(255, 255, 255, 0.15);
transition: height .2s ease-in-out, background-color .2s ease-in-out;
}
.elementor-element .icon-box.layout-boxed .icon-box__button::after {
position: absolute;
right: 40px;
}
.elementor-element .icon-box.layout-boxed .icon-box__button:hover::after {
right: 35px;
color: rgba(0, 0, 0, 0.4);
}
.elementor-element .icon-top {
flex-direction: column;
}
.elementor-element .icon-top .icon-box__icon {
margin-bottom: var(--qt-icon-box-icon-spacing);
}
.elementor-element .icon-right {
flex-direction: row;
align-items: center;
gap: 25px;
}
.elementor-element .icon-right .icon-box__icon {
order: 2;
}
.elementor-element .icon-bottom {
flex-direction: column;
}
.elementor-element .icon-bottom .icon-box__icon {
order: 2;
margin-top: var(--qt-icon-box-icon-spacing);
}
.elementor-element .icon-left {
flex-direction: row;
align-items: center;
gap: 25px;
}
.elementor-element .align-center {
text-align: center;
align-items: center;
}
.elementor-element .align-center .icon-box__content {
text-align: center;
justify-content: center;
align-items: center;
}
.elementor-element .align-right {
text-align: right;
align-items: flex-end;
}
.elementor-element .align-right .icon-box__content {
text-align: right;
justify-content: flex-end;
align-items: flex-end;
}
.align-stretch .elementor-element-wrap > .elementor-element,
.align-stretch .elementor-element-wrap .elementor-element-container {
height: 100%;
}
.align-stretch .icon-box {
height: 100%;
justify-content: stretch;
}
.theme-carousel {
min-width: 100%;
}
.theme-carousel .swiper-button {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-top: -35px;
width: 70px;
height: 70px;
font-size: 20px;
font-weight: 900;
color: #fff;
text-align: center;
outline: none;
background-image: none;
background-color: #202020;
cursor: pointer;
transition: all .15s ease-in-out;
}
.theme-carousel .swiper-button::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #202020;
z-index: -1;
box-shadow: 0 1px 19px rgba(0, 0, 0, 0.1);
transition: all .15s ease-in-out;
}
.theme-carousel .swiper-button:hover {
color: #fff;
background-color: #202020;
}
.theme-carousel .swiper-button:hover::before {
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
transform: scale(1.15);
}
.theme-carousel .swiper-button-next::after, .theme-carousel .swiper-button-prev::after {
display: none;
}
.theme-carousel .swiper-button-next.swiper-button-disabled, .theme-carousel .swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
.theme-carousel .swiper-button-next {
left: auto;
right: 15px;
}
@media screen and (min-width: 1200px) {
.theme-carousel .swiper-button-next {
right: -35px;
}
}
.theme-carousel .swiper-button-prev {
right: auto;
left: 15px;
}
@media screen and (min-width: 1200px) {
.theme-carousel .swiper-button-prev {
left: -35px;
}
}
@media screen and (max-width: 991px) {
.theme-carousel .swiper-button-disabled {
display: none;
}
}
.theme-carousel .swiper-pagination-bullet {
opacity: 0.3;
width: 35px;
height: 7px;
border-radius: 0;
background-color: #8a8a8a;
transition: opacity .2s ease-in-out;
}
.theme-carousel .swiper-pagination-bullet:hover, .theme-carousel .swiper-pagination-bullet-active {
opacity: 1;
}
.theme-carousel .swiper-horizontal > .swiper-pagination-bullets {
display: flex;
justify-content: flex-start;
align-items: flex-end;
position: relative;
bottom: auto;
margin-top: 30px;
}
.theme-carousel .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.theme-carousel .remove-overflow {
overflow: visible;
}
.theme-carousel .freemode-continuous .swiper-wrapper {
transition-timing-function: linear;
}
.theme-carousel.has-pagination .swiper-button {
top: calc(50% - 20px);
}
body .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 0;
}
.single-image {
position: relative;
transition: all .2s ease-in-out;
}
.single-image.img-brightness {
filter: brightness(0) invert(1);
}
.fading-edges .swiper-wrapper::before, .fading-edges .swiper-wrapper::after {
content: "";
position: absolute;
top: 0;
width: 300px;
height: 100%;
z-index: 1;
}
.fading-edges .swiper-wrapper::before {
left: 0;
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.fading-edges .swiper-wrapper::after {
right: 0;
background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.theme-slider {
position: relative;
margin: 0 auto;
}
.theme-slider.fixed-height .slide-image > img {
height: 100%;
}
.theme-slider .container {
padding-left: 0;
padding-right: 0;
}
.theme-slider .swiper {
padding: 0;
margin: 0;
width: auto;
}
.theme-slider .slide-image {
position: relative;
width: 100%;
}
.theme-slider .slide-image::before {
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: transparent;
}
.theme-slider .slide-image > img {
width: 100%;
height: auto;
object-fit: cover;
}
.theme-slider .slide-captions {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.theme-slider .slide-captions.caption-center {
text-align: center;
}
.theme-slider .slide-captions.caption-right {
text-align: right;
}
.theme-slider .slide-subheading {
display: inline-flex;
color: var(--qt-secondary-color);
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 20px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
line-height: 1.25;
}
.theme-slider .slide-heading {
margin-bottom: 10px;
color: var(--qt-light-color);
font-size: 30px;
}
@media (min-width: 768px) {
.theme-slider .slide-heading {
margin-bottom: 25px;
font-size: 58px;
}
}
.theme-slider .slide-heading .qt-gradient {
color: var(--qt-primary-color);
}
.theme-slider .slide-content {
position: relative;
}
.theme-slider .slide-content p {
color: #e1e1e1;
font-size: 17px;
line-height: 1.75;
}
.theme-slider .slide-content p:last-of-type {
margin-bottom: 35px;
}
.theme-slider .slide-content .qt-btn {
display: inline-flex;
}
@media (max-width: 575.98px) {
.theme-slider .slide-content .qt-btn {
padding: 16px 25px;
}
}
.theme-slider .slide-content .qt-btn + .qt-btn {
margin-left: 10px;
}
.theme-slider .swiper-button-prev {
left: 50px;
}
@media (max-width: 767px) {
.theme-slider .swiper-button-prev {
left: 15px;
}
}
.theme-slider .swiper-button-next {
right: 50px;
}
@media (max-width: 767px) {
.theme-slider .swiper-button-next {
right: 15px;
}
}
.theme-slider .slide-pagination {
display: flex;
align-items: center;
position: absolute;
width: 100%;
bottom: 0;
}
.theme-slider .slide-pagination .swiper-pagination {
position: relative;
}
.theme-slider .swiper-pagination-bullet {
width: 13px;
height: 13px;
margin-right: 5px;
border-radius: 50%;
background-color: var(--qt-light-color);
}
.theme-slider .swiper-pagination-bullet:hover {
opacity: 1;
}
.theme-slider .swiper-pagination-bullet-active {
background-color: var(--qt-primary-color);
}
.theme-slider .caption-animation .slide-subheading, .theme-slider .caption-animation .slide-heading, .theme-slider .caption-animation .slide-content {
opacity: 0;
}
.theme-slider .caption-animation .swiper-slide-active .slide-subheading {
opacity: 1;
animation: fadeInDownSlide 0.5s both 0.5s;
}
.theme-slider .caption-animation .swiper-slide-active .slide-heading {
opacity: 1;
animation: fadeInDownSlide 0.5s both 0.7s;
}
.theme-slider .caption-animation .swiper-slide-active .slide-content {
opacity: 1;
animation: fadeInDownSlide 0.5s both 1s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeInDownSlide {
from {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownSlide {
from {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.accordion {
display: flex;
flex-direction: column;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion__item .accordion__title {
position: relative;
display: block;
margin-bottom: 0;
padding: 20px 40px 20px 0;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
font-size: 16px;
border-radius: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
@media screen and (min-width: 992px) {
.accordion__item .accordion__title {
padding: 25px 70px 25px 0;
}
}
.accordion__item .accordion__title:not(.accordion-active):hover {
color: var(--qt-primary-color);
}
.accordion__item .accordion__title:not(.accordion-active):hover::after {
color: rgba(0, 0, 0, 0.4);
}
.accordion__item .accordion__title::after {
position: absolute;
content: "\f067";
top: 50%;
right: 0px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
font-style: normal;
color: rgba(0, 0, 0, 0.25);
line-height: 0;
transition: all .15s ease;
}
@media screen and (min-width: 992px) {
.accordion__item .accordion__title::after {
right: 0px;
}
}
.accordion__item .accordion__toggle {
display: block;
color: inherit;
}
.accordion__item .accordion__content {
padding: 0 0 30px 0;
display: none;
transition: min-height .2s ease-in-out;
}
@media screen and (min-width: 992px) {
.accordion__item .accordion__content {
padding: 0 0 30px 0;
}
}
.accordion__item .accordion__content p:last-child {
margin-bottom: 0;
}
.accordion__item .accordion-active.accordion__title {
color: var(--qt-primary-color-darker);
}
.accordion__item .accordion-active.accordion__title::after {
content: "\f068";
}
.btt-button {
opacity: 0;
visibility: hidden;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
bottom: 0;
right: 20px;
width: 50px;
height: 50px;
cursor: pointer;
color: var(--qt-light-color);
fill: var(--qt-light-color);
font-size: 18px;
z-index: 1000;
transition: all .2s ease-in-out;
}
@media screen and (min-width: 992px) {
.btt-button {
bottom: 20px;
}
}
.btt-button::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
border-radius: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.3);
transition: all .15s ease-in-out;
}
.btt-button.is-visible {
opacity: 1;
visibility: visible;
bottom: 20px;
}
@media screen and (min-width: 992px) {
.btt-button.is-visible {
right: 30px;
}
}
.btt-button.is-visible:hover::after {
background-color: rgba(0, 0, 0, 0.45);
transform: scale(1.15);
}
.button-description {
position: relative;
display: flex;
align-items: flex-end;
justify-content: flex-start;
column-gap: 50px;
}
@media (max-width: 991px) {
.button-description {
gap: 20px;
flex-direction: column;
}
}
.button-description p:last-of-type {
margin-bottom: 0;
}
.button-description .qt-btn {
flex-shrink: 0;
}
.before-after-slider .twentytwenty-handle {
display: none;
}
.before-after-slider.twentytwenty-container .twentytwenty-handle {
display: block;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
font-weight: 700;
padding: 0 20px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-overlay {
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
border-radius: 1000px;
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
color: #fff;
box-shadow: 0 3px 0, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
color: #fff;
box-shadow: 0 -3px 0, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px;
}
.button-group {
position: relative;
display: flex;
align-items: center;
column-gap: 2px;
}
.button-group-wrap {
display: flex;
align-items: center;
column-gap: 40px;
}
@media screen and (max-width: 579px) {
.button-group-wrap {
flex-direction: column;
row-gap: 20px;
}
}
.button-group .button-group-middle {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: -14px;
width: 28px;
height: 28px;
color: #fff;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
font-size: 11px;
border-radius: 50%;
background-color: #303338;
z-index: 2;
}
.background-columns {
position: relative;
display: flex;
overflow: hidden;
border-radius: 2px;
}
@media screen and (max-width: 991px) {
.background-columns {
flex-direction: column;
}
}
.background-columns__single {
position: relative;
z-index: 2;
}
@media screen and (max-width: 991px) {
.background-columns__single:not(:first-child) {
border-top: 1px solid rgba(250, 250, 250, 0.25);
}
}
@media screen and (min-width: 992px) {
.background-columns__single {
height: 700px;
flex: 1;
border-right: 1px solid rgba(250, 250, 250, 0.25);
}
.background-columns__single:nth-last-child(2) {
border-right: none;
}
}
@media screen and (min-width: 992px) {
.background-columns__single:hover .background-columns__heading {
transform: translateY(-12px);
}
}
.background-columns__single:hover .background-columns__heading span {
color: rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 992px) {
.background-columns__single:hover .background-columns__text {
max-height: 100%;
transform: scaleY(1);
transition: transform .3s ease-in-out, max-height 800ms ease-in-out;
}
}
.background-columns__single.active {
backdrop-filter: blur(2px);
}
.background-columns__content {
height: 100%;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: var(--qt-light-color);
transition: backdrop-filter .2s ease-in-out;
}
@media screen and (min-width: 992px) {
.background-columns__content {
padding: 50px;
}
}
.background-columns__image, .background-columns__image::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
}
.background-columns__image {
visibility: hidden;
opacity: 0;
transition: all 600ms ease-in-out;
}
.background-columns__image::before {
content: "";
z-index: 1;
background: rgba(50, 50, 50, 0.5);
}
.background-columns__image.active {
visibility: visible;
opacity: 1;
z-index: 1;
transition-duration: 600ms;
transform: scale(1.05);
}
.background-columns .background-columns__image > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.background-columns__heading {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
transition: transform .3s ease-in-out;
}
.background-columns__heading span {
display: block;
margin-bottom: 10px;
color: rgba(255, 255, 255, 0.4);
font-size: 68px;
font-weight: var(--qt-title-font-weight);
line-height: 1;
transition: color .1s ease-in-out;
}
.background-columns__title {
margin-bottom: 10px;
color: var(--qt-light-color);
font-size: 22px;
font-weight: var(--qt-title-font-weight);
}
@media screen and (min-width: 992px) {
.background-columns__text {
max-height: 0;
transform-origin: bottom;
transform: scaleY(0);
transition: transform .4s ease-in-out, max-height .4s ease-in-out;
}
}
.background-columns__text p {
color: rgba(250, 250, 250, 0.6);
}
.background-columns__text p:last-of-type {
margin-bottom: 30px;
}
.call-to-action__subtitle {
display: inline-flex;
margin-bottom: 5px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 16px;
line-height: 1.25;
color: var(--qt-secondary-color);
}
.call-to-action__title {
margin: 0;
font-size: 26px;
}
.call-to-action__button {
flex-shrink: 0;
}
.call-to-action.layout-block .call-to-action__button {
margin-top: 20px;
}
@media screen and (min-width: 576px) {
.call-to-action.layout-inline {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (max-width: 575px) {
.call-to-action.layout-inline .call-to-action__button {
margin-top: 20px;
}
}
@media (min-width: 576px) {
.call-to-action.layout-inline .call-to-action__content {
padding-right: 40px;
}
}
.careers {
display: block;
position: relative;
}
.careers .career__single {
position: relative;
padding: 22px 30px;
border-radius: 2px;
transition: all .2s ease-in-out;
}
.careers .career__single::before {
opacity: 0;
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 5px;
background-color: transparent;
transition: opacity .2s ease-in-out;
}
@media screen and (min-width: 992px) {
.careers .career__single {
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 40px;
}
}
.careers .career__single:nth-child(odd) {
background-color: #f7f7f7;
}
.careers .career__single a {
transition: color 0.1s ease-in-out;
}
.careers .career__single i {
margin-right: 10px;
color: #b2b7bc;
}
.careers .career__single:hover {
overflow: hidden;
border-radius: 2px;
z-index: 2;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.careers .career__single:hover::before {
opacity: 1;
background-color: var(--qt-secondary-color);
}
.careers .career__title {
margin-bottom: 5px;
color: var(--qt-title-font-color);
font-weight: var(--qt-title-font-weight);
}
@media screen and (min-width: 992px) {
.careers .career__title {
margin: 0;
flex-basis: 30%;
}
}
.careers .career__title a {
color: var(--qt-title-font-color);
}
.careers .career__title a:hover {
color: var(--qt-primary-color);
}
.careers .career__location, .careers .career__label {
display: flex;
align-items: center;
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
}
@media screen and (min-width: 992px) {
.careers .career__location {
flex-basis: 25%;
}
}
@media screen and (min-width: 992px) {
.careers .career__label {
flex-basis: 15%;
}
}
.careers .career__button {
margin-top: 10px;
}
.careers .career__button a {
color: var(--qt-primary-color);
font-size: 15px;
font-weight: var(--qt-title-font-weight);
}
.careers .career__button a:hover {
color: var(--qt-primary-color);
}
@media screen and (min-width: 992px) {
.careers .career__button {
flex-basis: 15%;
margin-top: 0;
text-align: right;
}
}
.theme-grid.has-filter {
display: block;
}
.theme-grid.has-filter .theme-grid-items {
min-height: 100px;
}
.theme-grid.has-filter .single-item {
float: left;
width: 100%;
}
.theme-grid:not(.has-filter) .theme-grid-items {
display: grid;
}
.theme-grid .theme-grid-filter {
margin-bottom: 40px;
background-color: #f0f0f0;
}
.theme-grid .theme-grid-filter ul {
display: flex;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (max-width: 767px) {
.theme-grid .theme-grid-filter ul {
flex-direction: column;
}
}
@media screen and (min-width: 768px) {
.theme-grid .theme-grid-filter ul {
flex-wrap: wrap;
}
}
.theme-grid .theme-grid-filter ul li {
padding: 22px 30px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 16px;
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
line-height: 1.25;
transition: all .1s ease-in-out;
}
@media screen and (max-width: 767px) {
.theme-grid .theme-grid-filter ul li {
padding: 20px 30px;
}
}
.theme-grid .theme-grid-filter ul li:hover, .theme-grid .theme-grid-filter ul li.active {
color: var(--qt-primary-color);
cursor: pointer;
}
.single-project {
position: relative;
overflow: hidden;
}
.single-project:hover .single-project__image img {
transform: scale(1.05);
}
.single-project .single-project__image {
position: relative;
height: 100%;
overflow: hidden;
}
.single-project .single-project__image img {
width: 100%;
height: 100%;
transform: scale(1);
object-fit: cover;
transition: transform .2s ease-in-out;
}
.single-project .single-project__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 50px 50px 45px;
min-height: 100%;
color: inherit;
z-index: 0;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.single-project .single-project__content {
padding: 30px 30px 25px;
}
}
.single-project .single-project__content::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.4);
}
.single-project .single-project__title {
margin: 0;
color: var(--qt-light-color);
font-size: 22px;
}
.single-project .single-project__title span {
display: inline;
background-image: linear-gradient(180deg, transparent 96%, var(--qt-light-color) 0%);
background-size: 0 100%;
background-repeat: no-repeat;
transition: all .2s ease-in-out;
}
.single-project .single-project__title span:hover {
background-size: 100% 100%;
}
.single-project .single-project__category {
position: relative;
margin-bottom: auto;
color: var(--qt-light-color);
font-size: 16px;
line-height: var(--qt-title-font-line-height);
}
.single-project .single-project__category::before {
position: absolute;
content: "\f061";
top: 0;
right: 0;
color: #fff;
font-size: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 1;
z-index: 2;
transform: rotate(-45deg);
}
.single-project .single-project__detail {
margin-bottom: 5px;
color: #e8e8e8;
font-size: 16px;
}
.single-project .single-project__description {
margin-top: 10px;
color: #e8e8e8;
}
.single-project .single-project__description:last-of-type {
margin-bottom: 0;
}
.single-project.no-featured-image {
height: 100%;
}
.single-project.no-featured-image .single-project__content {
position: relative;
}
.theme-carousel.projects .single-slide {
height: auto;
}
.projects-post-links {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 40px;
margin-bottom: 100px;
border-top: 1px solid #e2e2e2;
}
.projects-grid.has-filter .theme-grid-items {
margin: -1px;
}
.projects-grid.has-filter .single-item {
padding: 1px;
}
@media screen and (min-width: 768px) {
.projects-grid.has-filter .single-item {
width: calc(100% / 2);
}
}
@media screen and (min-width: 992px) {
.projects-grid.has-filter .single-item {
width: calc(100% / 4);
}
}
.projects-grid:not(.has-filter) .theme-grid-items {
row-gap: 1px;
column-gap: 1px;
grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 768px) {
.projects-grid:not(.has-filter) .theme-grid-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 992px) {
.projects-grid:not(.has-filter) .theme-grid-items {
grid-template-columns: repeat(4, 1fr);
}
}
.elementor-align-right .single-project .single-project__category::before {
right: auto;
left: 0;
}
.project-details {
padding: 60px 50px;
background-color: #202020;
}
.project-details ul {
padding: 0;
margin: 0;
list-style: none;
}
.project-details ul li {
position: relative;
display: flex;
align-items: center;
column-gap: 10px;
line-height: 1.25;
}
.project-details ul li:not(:last-child) {
padding-bottom: 20px;
}
.project-details ul li:not(:last-child)::after {
position: absolute;
content: "";
bottom: 0;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.project-details ul li:not(:first-child) {
margin-top: 20px;
}
.project-details ul li a {
position: relative;
display: flex;
align-items: center;
column-gap: 10px;
line-height: 1.25;
color: inherit;
}
.project-details .project-detail__icon {
position: relative;
font-size: 18px;
line-height: 1;
}
.project-details .project-detail__icon i, .project-details .project-detail__icon svg {
width: 1.25em;
fill: var(--qt-primary-color);
color: var(--qt-primary-color);
}
.project-details .project-detail__title {
color: #fff;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
font-style: var(--qt-title-font-style);
font-size: 18px;
}
.elementor-align-center .project-details ul li,
.elementor-align-center .project-details ul li a {
justify-content: center;
}
.elementor-align-right .project-details ul li,
.elementor-align-right .project-details ul li a {
justify-content: flex-end;
}
.elementor-align-justify .project-details ul li,
.elementor-align-justify .project-details ul li a {
flex: 1;
}
.elementor-align-justify .project-details ul li .project-detail__title,
.elementor-align-justify .project-details ul li a .project-detail__title {
margin-right: auto;
}
.elementor-align-justify .project-details ul li .project-detail__description,
.elementor-align-justify .project-details ul li a .project-detail__description {
text-align: right;
}
.contact-form__wrapper.box-effect {
padding: 30px 35px 35px 35px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background-color: var(--qt-light-color);
transition: all .15s ease-in-out;
}
@media screen and (min-width: 992px) {
.contact-form__wrapper.box-effect {
padding: 55px 55px 55px 55px;
}
}
.contact-form__wrapper.box-effect:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.featured-page {
position: relative;
overflow: hidden;
}
.featured-page::before {
position: absolute;
content: attr(data-title);
bottom: 45px;
left: 50px;
right: 50px;
color: #fff;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 22px;
font-weight: 600;
line-height: 1.25;
z-index: 1;
transform: translateY(0px);
transition: all .2s ease-in-out;
}
@media screen and (max-width: 767px) {
.featured-page::before {
left: 30px;
right: 30px;
}
}
.featured-page:hover::before {
opacity: 0;
transform: translateY(5px);
}
@media screen and (min-width: 581px) {
.featured-page:hover .featured-page__content p, .featured-page:hover .featured-page__button {
opacity: 1;
}
}
@media screen and (min-width: 581px) {
.featured-page:hover .featured-page__wrapper {
bottom: 0;
}
}
.featured-page:hover .featured-page__image::before {
background-color: rgba(0, 0, 0, 0.5);
}
.featured-page:hover .featured-page__content {
opacity: 1;
bottom: 0;
}
.featured-page .featured-page__image img {
height: auto;
width: 100%;
}
.featured-page__image {
position: relative;
display: block;
overflow: hidden;
}
.featured-page__image::before {
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 15%, rgba(255, 255, 255, 0) 65%);
transition: all .2s ease-in-out;
}
.featured-page__content {
position: absolute;
opacity: 0;
left: 0;
right: 0;
bottom: -200px;
display: flex;
flex-direction: column;
color: var(--qt-light-color);
padding: 35px 45px 40px 45px;
transition: all .3s ease-in-out;
}
@media screen and (max-width: 767px) {
.featured-page__content {
padding: 35px 30px 20px 30px;
}
}
.featured-page__content p {
color: #a5a5a5;
transition: opacity .2s ease-in-out;
}
@media screen and (min-width: 581px) {
.featured-page__content p {
opacity: 0;
}
}
.featured-page__title {
margin-bottom: 15px;
font-size: 22px;
font-weight: 600;
color: var(--qt-light-color);
}
.featured-page__title:hover {
color: var(--qt-light-color);
}
.featured-page__title a {
color: inherit;
text-decoration: none;
transition: color .15s ease-in-out;
}
.featured-page__button {
display: block;
position: relative;
padding: 27px 50px;
margin: 10px -45px -40px;
line-height: 1;
z-index: 1;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(4px);
transition: all 0.2s ease-in-out, opacity 0.3s ease-out;
}
@media screen and (min-width: 580px) {
.featured-page__button {
opacity: 0;
}
}
@media screen and (max-width: 767px) {
.featured-page__button {
margin: 10px -30px -20px;
padding-left: 30px;
padding-right: 30px;
}
}
.featured-page__button::after {
top: 1px;
color: var(--qt-primary-color);
transform: rotate(45deg);
}
.featured-page__button:hover {
background: rgba(255, 255, 255, 0.3);
}
.featured-page__button:hover::after {
margin-left: 8px;
color: var(--qt-primary-color-darker);
}
.featured-page .featured-page__button {
color: var(--qt-light-color);
}
.featured-page.no-featured-image {
background-color: #9f9f9f;
}
.featured-page.no-featured-image .featured-page__content {
position: relative;
}
.theme-carousel.featured-pages .freemode-continuous .featured-page__button {
backdrop-filter: blur(0px);
}
.theme-carousel.featured-pages .theme-carousel:not(.freemode-continuous) .single-slide:not(.swiper-slide-visible) {
opacity: 0.5;
}
.featured-pages-list:hover .page-list__image img {
transform: scale(1.05);
}
.featured-pages-list .page-list__image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.featured-pages-list .page-list__image img {
width: 100%;
height: auto;
transform: scale(1);
transition: transform .2s ease-in-out;
}
.featured-pages-list .page-list__image-text {
position: absolute;
margin: 0;
font-size: 24px;
z-index: 1;
}
.featured-pages-list .page-list__items {
padding: 50px;
background-color: #f9f9f9;
}
@media screen and (max-width: 579px) {
.featured-pages-list .page-list__items {
padding: 30px;
}
}
.featured-pages-list .page-list__item {
position: relative;
padding-right: 40px;
}
.featured-pages-list .page-list__item:not(:first-child) {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.featured-pages-list .page-list__item:first-child .page-list__button {
top: calc(50% - 15px);
}
.featured-pages-list .page-list__item:hover .page-list__button {
transform: rotate(0deg) scale(1.1);
}
.featured-pages-list .page-list__title {
display: inline-flex;
margin-bottom: 3px;
font-size: 20px;
color: var(--qt-title-font-color);
transition: color 0.1s ease-in-out;
}
.featured-pages-list .page-list__title:hover {
color: var(--qt-primary-color-darker);
}
.featured-pages-list .page-list__title a {
color: inherit;
}
.featured-pages-list .page-list__description {
display: block;
}
.featured-pages-list .page-list__button {
position: absolute;
right: 0;
top: calc(50% - 3px);
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
color: #fff;
fill: #fff;
font-size: 16px;
border-radius: 50%;
background-color: var(--qt-button-background-color);
transform: rotate(45deg);
transition: all .2s ease-in-out;
}
.featured-pages-list .page-list__button:hover {
background-color: var(--qt-button-background-color-hover);
}
.featured-pages-list .page-list__button svg {
fill: inherit;
}
.custom-heading__subtitle, .custom-heading__title {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
}
.custom-heading__subtitle {
display: block;
margin: 0 0 5px 0;
font-size: 16px;
font-family: var(--qt-title-font-family);
font-weight: 700;
line-height: 1.25;
color: var(--qt-primary-color);
}
.custom-heading__title {
margin: 0;
font-size: 32px;
font-weight: 600;
}
@media (min-width: 580px) {
.custom-heading__title {
font-size: 40px;
}
}
@media (min-width: 992px) {
.custom-heading__title {
font-size: 46px;
}
}
.custom-heading__title i {
margin-right: 6px;
}
.custom-heading__title > span {
position: relative;
}
.custom-heading .ruler {
position: relative;
display: inline-block;
margin-bottom: 5px;
vertical-align: middle;
}
.custom-heading .ruler::before, .custom-heading .ruler::after {
position: absolute;
content: "";
top: calc(50% - 4px);
width: 0px;
height: 0px;
z-index: 1;
}
.custom-heading .ruler::before {
left: 0px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 8px solid #d0d0d0;
}
.custom-heading .ruler::after {
right: 0px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 8px solid #d0d0d0;
}
.custom-heading .ruler .digit {
position: relative;
display: flex;
align-items: center;
}
.custom-heading .ruler .digit::before, .custom-heading .ruler .digit::after {
position: relative;
display: block;
content: "";
height: 1px;
width: 100%;
background-color: #d0d0d0;
}
.custom-heading .ruler .digit::before {
left: 5px;
}
.custom-heading .ruler .digit::after {
right: 5px;
}
.custom-heading .ruler .digit > span {
flex-shrink: 0;
padding: 0 15px;
color: #b3b3b3;
font-size: 13px;
font-weight: var(--qt-title-font-weight);
line-height: 1;
}
.custom-heading .qt-gradient {
color: var(--qt-primary-color);
}
.custom-heading.primary-color .custom-heading__subtitle {
color: var(--qt-primary-color);
}
.custom-heading.secondary-color .custom-heading__subtitle {
color: var(--qt-secondary-color);
}
.history-carousel {
min-width: auto;
margin-left: auto;
margin-right: auto;
}
.history-carousel .history-image {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
transition: all .4s ease-in-out;
}
.history-carousel .history-image::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.history-carousel .history-image img {
width: 100%;
}
.history-carousel .history-image .history-year {
position: absolute;
color: var(--qt-light-color);
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 72px;
margin: 0;
}
.history-carousel .history-wrap {
display: flex;
flex-direction: column;
height: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.history-carousel .history-content {
flex: 1;
position: relative;
padding: 40px 50px 50px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
background-color: #fff;
transition: all .3s ease-in-out;
}
@media screen and (max-width: 580px) {
.history-carousel .history-content {
padding: 20px 30px 30px;
}
}
.history-carousel .history-content p:last-child {
margin-bottom: 0;
}
.history-carousel .history-year {
display: block;
position: relative;
margin-bottom: 50px;
color: var(--qt-primary-color);
font-size: 42px;
line-height: 1.25;
font-weight: 600;
}
.history-carousel .history-title {
margin-bottom: 30px;
font-size: 18px;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
}
.history-carousel .swiper-slide {
height: auto;
}
.history-carousel .swiper-horizontal .swiper-pagination {
display: flex;
align-items: flex-start;
column-gap: 100px;
margin-top: 80px;
}
@media screen and (max-width: 990px) {
.history-carousel .swiper-horizontal .swiper-pagination {
column-gap: 50px;
}
}
@media screen and (max-width: 580px) {
.history-carousel .swiper-horizontal .swiper-pagination {
column-gap: 10px;
}
}
.history-carousel .swiper-horizontal .swiper-pagination::before {
position: absolute;
content: "";
left: -1000%;
right: -1000%;
top: 10px;
height: 1px;
z-index: -1;
background-color: #dedede;
}
.history-carousel .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
}
.history-carousel .swiper-pagination-bullet {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: auto;
height: auto;
margin: 0;
opacity: 1;
outline: none;
font-family: var(--qt-title-font-family);
font-size: 16px;
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
background: none;
}
.history-carousel .swiper-pagination-bullet::before {
position: relative;
content: "+";
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
width: 22px;
height: 22px;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.25;
border-radius: 50%;
background-color: var(--qt-primary-color);
transform: scale(1) rotate(0deg);
transition: all .2s ease-in-out;
}
.history-carousel .swiper-pagination-bullet::after {
opacity: 0;
position: absolute;
content: "";
bottom: -15px;
left: 0;
right: 0;
height: 5px;
background-color: var(--qt-secondary-color);
transition: bottom .2s ease-in-out, opacity .2s ease-in-out;
}
.history-carousel .swiper-pagination-bullet-active::before {
transform: scale(1.18) rotate(360deg);
background-color: var(--qt-primary-color-darker);
}
.history-carousel .swiper-pagination-bullet-active::after {
opacity: 1;
bottom: -10px;
}
.latest-news {
position: relative;
}
.latest-news:not(.theme-carousel) {
display: grid;
gap: 30px;
}
.latest-news.layout-inline .latest-news__post {
display: flex;
}
@media screen and (min-width: 992px) {
.latest-news.layout-inline .latest-news__post.has-post-thumbnail .latest-news__content {
flex-basis: 62%;
}
}
@media screen and (min-width: 992px) {
.latest-news.layout-inline .latest-news__image {
flex-basis: 38%;
}
}
.latest-news.layout-inline .latest-news__image img {
object-fit: cover;
}
.latest-news.layout-inline .latest-news__image::after {
display: none;
}
.latest-news.layout-inline .latest-news__date {
top: 45px;
left: 40px;
bottom: auto;
right: auto;
text-shadow: none;
}
.latest-news.layout-inline .latest-news__content {
flex: 100%;
}
.latest-news .latest-news__post {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
background-color: #f4f4f4;
transition: box-shadow .2s ease-in-out;
}
.latest-news .latest-news__post:hover .latest-news__image img {
transform: scale(1.05);
}
.latest-news .latest-news__date {
position: absolute;
left: 40px;
bottom: 30px;
display: flex;
align-items: center;
column-gap: 10px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: 600;
font-size: 15px;
line-height: 1;
color: #fff;
text-transform: uppercase;
z-index: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.latest-news .latest-news__date::before {
position: relative;
content: "";
display: inline-block;
width: 6px;
height: 6px;
background-color: var(--qt-primary-color);
}
@media screen and (max-width: 580px) {
.latest-news .latest-news__date {
left: 30px;
}
}
.latest-news .latest-news__image {
position: relative;
display: block;
margin-top: auto;
overflow: hidden;
}
.latest-news .latest-news__image img {
width: 100%;
height: 100%;
transform: scale(1);
transition: all .3s ease-out;
backface-visibility: hidden;
}
.latest-news .latest-news__image::after {
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 15%, rgba(255, 255, 255, 0) 65%);
}
.latest-news .latest-news__content {
position: relative;
padding: 40px;
}
@media screen and (max-width: 580px) {
.latest-news .latest-news__content {
padding: 35px 30px;
}
}
.latest-news .latest-news__content p {
margin-top: 30px;
}
.latest-news .latest-news__content p:last-of-type {
margin-bottom: 0;
}
.latest-news .latest-news__categories {
display: flex;
flex-wrap: wrap;
gap: 3px;
margin-bottom: 25px;
color: #c4c4c4;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: 600;
font-size: 15px;
line-height: 1.25;
}
.latest-news .latest-news__categories a {
color: var(--qt-primary-color);
}
.latest-news .latest-news__categories a:hover {
color: var(--qt-primary-color-darker);
}
.latest-news .latest-news__title {
margin: 0;
font-size: 22px;
font-weight: 600;
}
.latest-news .latest-news__title a {
color: var(--qt-title-font-color);
background-image: linear-gradient(180deg, transparent 96%, var(--qt-secondary-color) 0%);
background-size: 0 100%;
background-repeat: no-repeat;
transition: all .2s ease-in-out;
}
.latest-news .latest-news__title a:hover {
color: inherit;
background-size: 100% 100%;
}
.latest-news .latest-news__button {
position: relative;
display: inline-flex;
margin-top: 20px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 16px;
}
.latest-news .latest-news__button:hover {
color: var(--qt-primary-color-darker);
}
.latest-news .latest-news__button + .latest-news__meta {
padding-top: 20px;
border-top: 1px solid #eee;
}
@media screen and (min-width: 992px) {
.latest-news .col-md-five {
max-width: 20%;
}
}
@media screen and (min-width: 768px) {
.latest-news .col-sm-five {
max-width: 20%;
}
}
.latest-news.theme-carousel .latest-news__post {
margin-bottom: 0;
}
.marquee-text {
--qt-marquee-gap: 30px;
width: 100%;
display: flex;
grid-column-gap: var(--qt-marquee-gap);
overflow: hidden;
}
.marquee-text.marquee-gradient-overlay {
position: relative;
}
.marquee-text.marquee-gradient-overlay::before, .marquee-text.marquee-gradient-overlay::after {
position: absolute;
content: "";
top: 0;
height: 100%;
width: 20%;
z-index: 2;
}
.marquee-text.marquee-gradient-overlay::before {
left: 0;
background: linear-gradient(90deg, white 35%, rgba(255, 255, 255, 0) 100%);
}
.marquee-text.marquee-gradient-overlay::after {
right: 0;
background: linear-gradient(270deg, white 35%, rgba(255, 255, 255, 0) 100%);
}
.marquee-content {
display: flex;
align-items: center;
justify-content: space-around;
flex: none;
padding: 3px 0;
min-width: 100%;
grid-column-gap: var(--qt-marquee-gap);
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
font-size: 46px;
line-height: 1;
color: #cfcfcf;
animation: marquee 20s linear infinite;
}
.marquee-content .marquee-separator {
fill: #cfcfcf;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - var(--qt-marquee-gap)));
}
}
.marquee-hover-pause:hover .marquee-content {
animation-play-state: paused;
}
.opening-hours ul {
margin: 0;
padding: 0;
list-style: none;
}
.opening-hours ul li {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 1.25;
}
.opening-hours ul li:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.opening-hours ul li.is-today {
color: var(--qt-primary-color);
font-weight: 700;
}
.opening-hours ul li.is-today .time {
color: inherit;
}
.opening-hours ul li .time {
flex-shrink: 0;
text-align: right;
font-weight: var(--qt-title-font-weight);
}
.opening-hours ul li .highlight {
color: var(--qt-primary-color);
}
.opening-hours .extra {
display: block;
padding-top: 4px;
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.opening-hours .extra i {
margin-right: 7px;
}
.site-content .opening-hours {
padding: 40px;
background-color: #303338;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.site-content .opening-hours {
padding: 30px;
}
}
.site-content .opening-hours ul li:not(:last-child) {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.site-content .opening-hours ul li:not(.is-today) span:first-of-type {
color: #737373;
}
.site-content .opening-hours ul li:not(.is-today) span.time:not(.highlight) {
color: var(--qt-light-color);
}
@media screen and (min-width: 992px) {
.site-content .sidebar .opening-hours {
padding: 25px 30px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.site-content .sidebar .opening-hours ul li {
flex-direction: column;
align-items: flex-start;
}
}
.pricing-list {
padding: 40px;
border: 9px solid #eee;
background-color: var(--qt-light-color);
}
.pricing-list.box-shadow {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.pricing-list__item {
position: relative;
margin-bottom: 20px;
}
@media screen and (max-width: 580px) {
.pricing-list__item {
padding-bottom: 20px;
border-bottom: 2px dotted rgba(50, 50, 50, 0.15);
}
}
.pricing-list__item > a {
display: block;
color: inherit;
}
.pricing-list__item:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 580px) {
.pricing-list__item:last-of-type {
padding-bottom: 0;
border-bottom: none;
}
}
.pricing-list__item:last-of-type p:last-of-type {
margin-bottom: 0;
}
.pricing-list__head {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
line-height: 1.25;
}
@media screen and (max-width: 580px) {
.pricing-list__head {
text-align: center;
flex-direction: column;
justify-content: center;
}
}
@media screen and (min-width: 581px) {
.pricing-list__head::after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 7px;
border-bottom: 2px dotted rgba(0, 0, 0, 0.2);
}
}
.pricing-list__label {
display: inline-flex;
align-items: center;
flex-shrink: 0;
margin-bottom: 10px;
padding: 4px 13px;
font-size: 14px;
color: var(--qt-light-color);
z-index: 2;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
background-color: var(--qt-primary-color);
}
@media screen and (min-width: 581px) {
.pricing-list__label {
margin-bottom: 0;
}
}
@media screen and (min-width: 581px) {
.pricing-list__label + .pricing-list__name {
padding: 0 15px;
}
}
.pricing-list__name {
position: relative;
margin-bottom: 10px;
font-size: 16px;
color: var(--qt-title-font-color);
z-index: 2;
background-color: var(--qt-light-color);
}
@media screen and (min-width: 581px) {
.pricing-list__name {
margin-bottom: 0;
margin-right: auto;
padding-right: 15px;
}
}
.pricing-list__duration {
position: relative;
display: inline-flex;
align-items: center;
flex-shrink: 0;
height: 25px;
margin-bottom: 10px;
margin-bottom: 10px;
padding: 4px 11px;
font-size: 15px;
color: var(--qt-title-font-color);
z-index: 2;
border-radius: 2px;
background-color: var(--qt-secondary-color);
}
@media screen and (min-width: 581px) {
.pricing-list__duration {
margin-bottom: 0;
}
}
.pricing-list__duration::before {
position: absolute;
content: "";
top: 0;
left: -16px;
bottom: 0;
width: 15px;
background-color: var(--qt-light-color);
}
.pricing-list__price {
position: relative;
font-size: 16px;
z-index: 2;
background-color: var(--qt-light-color);
}
@media screen and (min-width: 581px) {
.pricing-list__price {
padding-left: 20px;
}
}
.pricing-list__description {
margin-top: 15px;
}
@media screen and (max-width: 580px) {
.pricing-list__description {
text-align: center;
}
}
.pricing-table {
position: relative;
padding: 50px;
border-top: 6px solid rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
}
@media screen and (max-width: 580px) {
.pricing-table {
padding: 40px 30px;
}
}
.pricing-table.featured-style {
color: #8b919c;
border-top-color: transparent;
background-color: #202020;
}
.pricing-table.featured-style .pricing-table__title, .pricing-table.featured-style .pricing-table__included, .pricing-table.featured-style .pricing-table__excluded {
color: #fff;
}
.pricing-table.featured-style .pricing-table__after__price, .pricing-table.featured-style .pricing-table__content__title {
color: #8b919c;
}
.pricing-table.featured-style .pricing-table__pricing {
color: var(--qt-primary-color);
}
.pricing-table.featured-style .pricing-table__button .qt-btn {
color: #202020;
background-color: #fff;
}
.pricing-table.featured-style .pricing-table__content {
border-top-color: rgba(255, 255, 255, 0.1);
}
.pricing-table.featured-style .pricing-table__additional {
border-top-color: rgba(255, 255, 255, 0.2);
}
.pricing-table__featured__title {
position: absolute;
left: 50px;
top: -15px;
height: 29px;
font-size: 14px;
padding: 0 12px;
line-height: 1.25;
}
.pricing-table__title {
position: relative;
margin-bottom: 0;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 22px;
color: var(--qt-title-font-color);
}
.pricing-table__subtitle {
position: relative;
display: block;
margin-top: 20px;
}
.pricing-table__pricing {
position: relative;
display: flex;
align-items: baseline;
margin-top: 30px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
color: var(--qt-primary-color);
}
@media screen and (max-width: 991px) {
.pricing-table__pricing {
align-items: center;
}
}
.pricing-table__currency, .pricing-table__price {
font-size: 52px;
font-weight: 400;
line-height: 1;
}
.pricing-table__price {
position: relative;
letter-spacing: -1px;
}
.pricing-table__after__price {
padding-left: 12px;
color: var(--qt-title-font-color);
font-size: var(--qt-content-font-size);
font-weight: var(--qt-title-font-weight);
line-height: 1.25;
}
.pricing-table__label {
position: relative;
display: block;
margin-top: 15px;
text-align: center;
}
.pricing-table__button {
position: relative;
margin: 35px 0 0 0;
}
.pricing-table__button a {
display: flex;
}
.pricing-table__content {
position: relative;
margin-top: 35px;
padding-top: 35px;
font-weight: 700;
word-break: break-word;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-table__content ul {
margin: 0;
padding: 0;
list-style: none;
}
.pricing-table__content li {
display: flex;
align-items: center;
line-height: 1.25;
}
.pricing-table__content li + li {
margin-top: 14px;
}
.pricing-table__content .pricing-icon {
margin-right: 12px;
min-width: 17px;
text-align: center;
font-size: 18px;
line-height: 1;
transition: all .15s ease-in-out;
}
.pricing-table__content__title {
display: block;
margin-bottom: 20px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
color: var(--qt-title-font-color);
}
.pricing-table__included {
color: var(--qt-title-font-color);
}
.pricing-table__included .pricing-icon {
color: #52810f;
fill: #52810f;
}
.pricing-table__excluded {
opacity: 0.5;
margin-top: 18px;
}
.pricing-table__excluded .pricing-icon {
color: #52810f;
fill: #52810f;
}
.pricing-table__additional {
margin-top: 25px;
padding-top: 25px;
color: var(--qt-primary-color);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-table__additional .pricing-icon {
color: var(--qt-primary-color);
fill: var(--qt-primary-color);
}
.elementor-align-center .pricing-table__pricing {
justify-content: center;
}
.elementor-align-center .pricing-table__content li {
justify-content: center;
}
.elementor-align-right .pricing-table__pricing {
justify-content: flex-end;
}
.elementor-align-right .pricing-table__content li {
justify-content: flex-end;
}
.elementor .elementor-element.elementor-element-n-tabs .e-n-tab-title {
padding: 26px 78px;
}
@media screen and (min-width: 768px) and (max-width: 929px) {
.elementor .elementor-element.elementor-element-n-tabs .e-n-tab-title {
padding: 26px 50px;
}
}
.pricing-table-list {
display: block;
}
.pricing-table-list .flex-table-header {
font-family: var(--qt-title-font-family);
font-weight: 700;
font-size: 16px;
color: #fff;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.pricing-table-list .flex-table-header {
min-height: 70px;
margin-bottom: 20px;
}
.pricing-table-list .flex-table-header .flex-row:first-of-type {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pricing-table-list .flex-table-header .flex-row:last-of-type {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
}
.pricing-table-list .flex-table-header .flex-row {
border-color: rgba(255, 255, 255, 0.2);
background-color: var(--qt-primary-color);
}
.pricing-table-list .flex-table {
display: flex;
}
.pricing-table-list .flex-table-rows:nth-child(even) .flex-row {
background-color: #f2f2f2;
}
@media screen and (min-width: 992px) {
.pricing-table-list .flex-table-rows {
overflow: hidden;
min-height: 80px;
}
.pricing-table-list .flex-table-rows .flex-row:first-of-type {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pricing-table-list .flex-table-rows .flex-row:last-of-type {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
}
.pricing-table-list .flex-row {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% / 7);
padding: 20px 15px;
line-height: 1.25;
text-align: center;
}
@media screen and (max-width: 991px) {
.pricing-table-list .flex-row {
border-right: solid 1px #d7d7d7;
border-bottom: solid 1px #d7d7d7;
}
}
.pricing-table-list .flex-row .currency,
.pricing-table-list .flex-row .price {
color: var(--qt-primary-color);
font-family: var(--qt-title-font-weight);
font-weight: 700;
}
.pricing-table-list .flex-row .currency {
position: relative;
top: -2px;
font-size: 17px;
margin-right: 2px;
}
.pricing-table-list .flex-row .price {
font-size: 22px;
margin-right: 5px;
}
.pricing-table-list .flex-row .qt-btn {
padding: 18px 24px;
margin: -7px;
}
.pricing-table-list .flex-row strong {
color: #152539;
}
.pricing-table-list .flex-icon {
font-size: 22px;
color: #152539;
fill: #152539;
line-height: 1;
}
.pricing-table-list.not-responsive {
overflow-x: auto;
}
@media screen and (max-width: 991px) {
.pricing-table-list.not-responsive .flex-table {
display: inline-flex;
}
}
@media screen and (max-width: 991px) {
.pricing-table-list.not-responsive .flex-row {
min-width: 150px;
}
}
.pricing-table-list:not(.not-responsive) .flex-table {
flex-flow: row wrap;
}
@media screen and (max-width: 991px) {
.pricing-table-list:not(.not-responsive) .flex-table {
border-left: solid 1px #d7d7d7;
}
}
@media screen and (max-width: 430px) {
.pricing-table-list:not(.not-responsive) .flex-table .flex-row:last-of-type {
border-bottom: solid 1px #d7d7d7;
}
}
@media screen and (max-width: 767px) {
.pricing-table-list:not(.not-responsive) .flex-table-rows .flex-row {
border-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.pricing-table-list:not(.not-responsive) .flex-row {
width: calc(100% / 3);
}
}
@media screen and (max-width: 430px) {
.pricing-table-list:not(.not-responsive) .flex-row {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.pricing-table-list:not(.not-responsive) .flex-row.first {
width: 100%;
}
}
.signature {
display: flex;
align-items: center;
}
.signature__image {
flex-shrink: 0;
}
.signature__image + .signature__content {
padding-left: 40px;
margin-left: 40px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 769px) {
.signature__image + .signature__content {
padding-left: 20px;
margin-left: 20px;
}
}
.signature__content {
flex-direction: column;
display: flex;
flex-shrink: 0;
}
.signature__name {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 18px;
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
line-height: 1.25;
}
.social-icons {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
line-height: 1;
}
.social-icons a {
font-size: 26px;
transition: color 0.1s ease-in-out;
}
.social-icons.brand-colors .facebook {
color: #3b5998;
}
.social-icons.brand-colors .twitter {
color: #55acee;
}
.social-icons.brand-colors .linkedin {
color: #007bb5;
}
.social-icons.brand-colors .instagram {
color: #e95950;
}
.social-icons.brand-colors .tiktok {
color: #010101;
}
.social-icons.brand-colors .snapchat {
color: #fffc00;
}
.social-icons.brand-colors .whatsapp {
color: #25d366;
}
.social-icons.brand-colors .telegram {
color: #0088cc;
}
.social-icons.brand-colors .youtube {
color: #bb0000;
}
.social-icons.brand-colors .vimeo {
color: #1db8eb;
}
.social-icons.brand-colors .tumblr {
color: #3b5998;
}
.social-icons.brand-colors .pinterest {
color: #cb2027;
}
.social-icons.brand-colors .flickr {
color: #ff0084;
}
.social-icons.brand-colors .yelp {
color: #d32323;
}
.social-icons.brand-colors .houzz {
color: #7ac142;
}
.site-content .social-icons a {
font-size: 24px;
}
.filterable-gallery {
display: inline-block;
width: 100%;
position: relative;
}
.filterable-gallery__filter {
position: relative;
margin-bottom: 30px;
z-index: 2;
}
.filterable-gallery__filter ul {
margin: 0;
padding: 0;
list-style: none;
}
.filterable-gallery__filter ul li {
display: inline-block;
padding: 13px 25px;
margin-right: 10px;
color: var(--qt-light-color);
font-size: 15px;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
cursor: pointer;
background-color: var(--qt-primary-color);
transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.filterable-gallery__filter ul li:hover, .filterable-gallery__filter ul li.active {
background-color: var(--qt-primary-color-darker);
}
.filterable-gallery__filter ul li:last-of-type {
margin-right: 0;
}
.filterable-gallery__items {
position: relative;
display: block;
width: 100%;
margin: -15px;
}
.filterable-gallery__items.gallery-layout-even .grid-image {
height: 250px;
overflow: hidden;
}
.filterable-gallery__items.gallery-layout-even .grid-image img {
height: 100%;
object-fit: cover;
}
.filterable-gallery .grid-item {
display: block;
position: relative;
float: left;
width: calc(100% / 3);
padding: 15px;
}
.filterable-gallery .grid-wrap {
position: relative;
overflow: hidden;
}
.filterable-gallery .grid-image {
display: block;
overflow: hidden;
}
.filterable-gallery .grid-image img {
display: block;
width: 100%;
transition: all .15s ease-in-out;
}
.filterable-gallery .captions-on-image .grid-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
padding: 60px 20px 20px 20px;
font-size: 16px;
color: var(--qt-light-color);
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
}
.team-member {
transition: all .2s ease-in-out;
}
@media screen and (min-width: 992px) {
.team-member {
transform: translateY(0);
}
}
.team-member .team-member__image img {
width: 100%;
}
.team-member__image {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.team-member__image::before {
opacity: 0;
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
transition: opacity .2s ease-in-out;
}
.team-member__image a {
display: block;
}
.team-member__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.team-member__socials {
display: flex;
column-gap: 8px;
position: absolute;
opacity: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -20%);
transition: opacity .2s ease-in-out, transform .2s ease-in-out;
}
.team-member__socials a {
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: rgba(255, 255, 255, 0.8);
border-radius: 50%;
transition: all .15s ease-in-out;
}
.team-member__socials a:hover {
color: var(--qt-light-color);
}
.team-member__content {
position: relative;
}
.team-member__name {
display: block;
position: relative;
margin: 0;
color: var(--qt-title-font-color);
font-size: 20px;
font-weight: var(--qt-title-font-weight);
transition: color 0.1s ease-in-out;
}
.team-member__name a {
color: inherit;
}
.team-member__name a:hover {
color: var(--qt-primary-color);
}
.team-member__tag {
display: block;
margin-top: 8px;
margin-bottom: 3px;
position: relative;
color: var(--qt-primary-color);
font-size: 16px;
font-weight: var(--qt-title-font-weight);
line-height: 1.25;
transition: color 0.1s ease-in-out;
}
.team-member__description {
display: block;
position: relative;
margin-top: 20px;
margin-bottom: 0;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
transition: color 0.1s ease-in-out;
}
.team-member__link {
position: relative;
margin-top: 20px;
display: inline-flex;
align-items: center;
font-weight: 900;
}
.team-member__link::after {
position: relative;
margin-left: 9px;
content: "\f061";
font-size: 15px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
color: rgba(0, 0, 0, 0.3);
text-shadow: none;
transition: all .2s ease-in-out;
}
.team-member__link:hover {
color: var(--qt-secondary-color);
}
.team-member__link:hover::after {
color: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 992px) {
.team-member:hover {
transform: translateY(-5px);
}
}
.team-member:hover .team-member__image::before {
opacity: 1;
}
.team-member:hover .team-member__content::before {
top: 0;
}
.team-member:hover .team-member__socials {
opacity: 1;
transform: translate(-50%, -50%);
}
.team-member.remove-effects:hover {
transform: none;
}
.team-member.layout-boxed {
border-radius: 3px;
overflow: hidden;
background-color: #152539;
}
.team-member.layout-boxed .team-member__image {
margin-bottom: 0;
}
.team-member.layout-boxed .team-member__socials a {
font-size: 26px;
}
.team-member.layout-boxed .team-member__content {
padding: 30px;
}
.team-member.layout-boxed .team-member__name {
color: #fff;
}
.team-member.layout-boxed .team-member__tag {
color: var(--qt-secondary-color);
}
.team-grid.has-filter .theme-grid-items {
margin: -15px -50px;
}
.team-grid.has-filter .single-item {
padding: 15px 50px;
}
@media screen and (min-width: 768px) {
.team-grid.has-filter .single-item {
width: calc(100% / 3);
}
}
@media screen and (min-width: 992px) {
.team-grid.has-filter .single-item {
width: calc(100% / 6);
}
}
.team-grid:not(.has-filter) .theme-grid-items {
row-gap: 30px;
column-gap: 30px;
grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 768px) {
.team-grid:not(.has-filter) .theme-grid-items {
row-gap: 50px;
column-gap: 60px;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 992px) {
.team-grid:not(.has-filter) .theme-grid-items {
column-gap: 80px;
grid-template-columns: repeat(6, 1fr);
}
}
.qt-circle {
width: 25%;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-size: 14px;
line-height: 1.25;
}
.qt-circle-container {
display: flex;
justify-content: flex-start;
}
.qt-circle svg {
height: auto;
width: 100%;
fill: currentColor;
transform-origin: center;
}
.qt-circle text {
font-size: 15px;
}
.text-fill-scroll .text-fill-heading {
margin: 0;
word-break: break-word;
font-size: clamp(48px, 5vw, 48px);
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
letter-spacing: -0.5px;
}
.text-fill-scroll .text-fill-heading .qt-gradient {
color: var(--qt-title-font-color);
}
.testimonial {
position: relative;
transition: all .1s ease-in-out;
}
.testimonial__logo {
display: block;
margin-bottom: 30px;
}
.testimonial__heading {
display: block;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-size: 22px;
font-weight: var(--qt-title-font-weight);
font-style: var(--qt-title-font-style);
line-height: 1.25;
}
.testimonial__heading + .testimonial__content {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.testimonial__content {
margin: 0;
padding: 0;
color: inherit;
font-size: var(--qt-content-font-size);
line-height: 1.8;
font-style: normal;
border: none;
}
.testimonial__content strong {
color: var(--qt-title-font-color);
}
.testimonial .qt-gradient {
font-weight: var(--qt-title-font-weight);
color: var(--qt-primary-color);
}
.testimonial__bottom {
position: relative;
display: flex;
align-items: center;
column-gap: 15px;
margin-top: 35px;
}
.testimonial__names {
display: flex;
flex-direction: column;
text-align: left;
}
.testimonial__author {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-size: 16px;
color: var(--qt-title-font-color);
line-height: 1.25;
}
.testimonial__description {
margin-top: 5px;
line-height: 1.25;
}
.testimonial__image {
width: 50px;
}
.testimonial__image img {
border-radius: 50%;
}
.testimonial__rating {
color: #a5a5a5;
}
.testimonial__video {
display: block;
text-align: center;
}
.testimonial__video a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 110px;
height: 60px;
color: #fff;
font-size: 20px;
border-radius: 15px;
background-color: rgba(255, 255, 255, 0.2);
}
.testimonial.has-background-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-blend-mode: multiply;
}
.testimonial.has-background-image::after {
display: none;
}
.testimonial.testimonial-flex-start {
justify-content: flex-start;
}
.testimonial.testimonial-center {
justify-content: center;
}
.testimonial.testimonial-flex-end {
justify-content: flex-end;
}
.testimonial.testimonial-space-between {
justify-content: space-between;
}
.testimonial.testimonial-space-between .testimonial__logo + .testimonial__heading {
margin-top: auto;
}
.testimonial.layout-1 {
position: relative;
display: flex;
flex-direction: column;
padding: 40px 50px;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 580px) {
.testimonial.layout-1 {
padding: 25px 30px;
}
}
.testimonial.layout-1::after {
position: absolute;
content: '';
bottom: -19px;
left: 50px;
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 10px solid;
border-right: 10px solid;
color: #fff;
transform: rotate(-90deg);
transition: inherit;
}
.testimonial.layout-1 .testimonial__author {
font-weight: var(--qt-title-font-weight);
}
.testimonial.layout-1 .testimonial__rating {
margin-bottom: 15px;
font-size: 18px;
}
.testimonial.layout-2 {
padding: 0;
background: transparent;
box-shadow: none;
}
.testimonial.layout-2::after {
display: none;
}
.testimonial.layout-2 .testimonial__content {
color: var(--qt-title-font-color);
font-size: 26px;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-family);
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.testimonial.layout-2 .testimonial__content {
font-size: 32px;
}
}
.testimonial.layout-2 .testimonial__bottom {
flex-direction: row;
margin-top: 40px;
gap: 20px;
}
.testimonial.layout-2 .testimonial__names {
align-items: center;
flex-direction: row;
column-gap: 5px;
}
@media screen and (max-width: 580px) {
.testimonial.layout-2 .testimonial__names {
flex-direction: column;
}
}
.testimonial.layout-2 .testimonial__author,
.testimonial.layout-2 .testimonial__description {
margin-top: 0;
font-size: 18px;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
color: var(--qt-title-font-color);
}
.testimonial.layout-2 .testimonial__image {
width: 40px;
transition: filter .2s ease-in-out, opacity .2s ease-in-out;
}
.testimonial.layout-2 .testimonial__image img {
max-height: 100%;
width: 100%;
height: auto;
}
.testimonial.layout-2 .testimonial__rating {
margin-bottom: 20px;
font-size: 22px;
}
.testimonials.layout-1.theme-carousel .single-slide {
height: auto;
}
.testimonials.layout-1.theme-carousel .single-slide:not(.swiper-slide-visible) {
opacity: 0.4;
}
.testimonials.layout-1.theme-carousel .swiper-horizontal > .swiper-pagination-bullets {
margin-top: 60px;
}
@media screen and (min-width: 1200px) {
.testimonials.layout-2.theme-carousel {
padding: 0 100px;
}
}
.testimonials.layout-2.theme-carousel .swiper-horizontal > .swiper-pagination-bullets {
margin-top: 95px;
}
@media screen and (max-width: 580px) {
.testimonials.layout-2.theme-carousel .swiper-horizontal > .swiper-pagination-bullets {
margin-top: 50px;
}
}
.testimonials.layout-2.theme-carousel .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
}
.testimonials.layout-2.theme-carousel .swiper-button {
opacity: 0;
}
@media screen and (min-width: 580px) {
.testimonials.layout-2.theme-carousel:hover .swiper-button:not(.swiper-button-disabled) {
opacity: 1;
}
}
.testimonials.layout-2.theme-carousel .swiper-button-next {
right: 0;
}
.testimonials.layout-2.theme-carousel .swiper-button-prev {
left: 0;
}
.testimonials.layout-2.theme-carousel .swiper-pagination-bullet {
flex: 1;
}
.testimonials.layout-2.theme-carousel .swiper-pagination-bullet:hover, .testimonials.layout-2.theme-carousel .swiper-pagination-bullet-active {
background-color: var(--qt-title-font-color);
}
@media screen and (min-width: 1200px) {
.testimonials.layout-2.theme-carousel {
padding: 0 100px;
}
}
.testimonials.layout-2.theme-carousel .swiper-horizontal > .swiper-pagination-bullets {
margin-top: 95px;
}
@media screen and (max-width: 580px) {
.testimonials.layout-2.theme-carousel .swiper-horizontal > .swiper-pagination-bullets {
margin-top: 50px;
}
}
.testimonials.layout-2.theme-carousel .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
}
.testimonials.layout-2.theme-carousel .swiper-button {
opacity: 0;
}
@media screen and (min-width: 580px) {
.testimonials.layout-2.theme-carousel:hover .swiper-button:not(.swiper-button-disabled) {
opacity: 1;
}
}
.testimonials.layout-2.theme-carousel .swiper-button-next {
right: 0;
}
.testimonials.layout-2.theme-carousel .swiper-button-prev {
left: 0;
}
.testimonials.layout-2.theme-carousel .swiper-pagination-bullet {
flex: 1;
}
.testimonials.layout-2.theme-carousel .swiper-pagination-bullet:hover, .testimonials.layout-2.theme-carousel .swiper-pagination-bullet-active {
background-color: var(--qt-title-font-color);
}
.elementor-align-center .testimonial.layout-1::after {
left: calc(50% - 5px);
}
.elementor-align-center .testimonial.layout-1 .testimonial__bottom {
margin-left: 0;
}
.elementor-align-center .testimonial__bottom {
justify-content: center;
}
.elementor-align-center .testimonial__image + .testimonial__names {
text-align: left;
}
.elementor-align-center .testimonial__names {
text-align: center;
}
.elementor-align-right .testimonial.layout-1::after {
left: auto;
right: 50px;
}
.elementor-align-right .testimonial__image {
order: 2;
margin-right: 0;
margin-left: 25px;
}
.elementor-align-right .testimonial__bottom {
justify-content: flex-end;
}
.elementor-align-right .testimonial__names {
text-align: inherit;
}
.depth-1 i:first-child {
color: #e5bc65;
}
.depth-2 i:nth-child(-n+2) {
color: #e5bc65;
}
.depth-3 i:nth-child(-n+3) {
color: #e5bc65;
}
.depth-4 i:nth-child(-n+4) {
color: #e5bc65;
}
.depth-5 i {
color: #e5bc65;
}
.post-links {
display: flex;
gap: 5px;
align-items: center;
}
.elementor-icon-list-items {
list-style: none;
}
.elementor-icon-list-item .elementor-icon-list-icon i {
color: var(--qt-primary-color);
transition: color 0.1s ease-in-out;
}
.elementor-icon-list-item .elementor-icon-list-icon svg {
fill: var(--qt-primary-color);
}
.elementor-icon-list-item:hover .elementor-icon-list-icon i {
color: var(--qt-primary-color-darker);
}
.elementor-icon-list-item:hover .elementor-icon-list-icon svg {
fill: var(--qt-primary-color-darker);
}
.elementor-icon-list-item .elementor-icon-list-text {
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
transition: color .2s ease-in-out;
}
@keyframes smallfadeInDown {
from {
opacity: 0;
transform: translateY(-20%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
.veneer-fadeInDown {
animation-name: smallfadeInDown;
}
@keyframes smallfadeInLeft {
from {
opacity: 0;
transform: translateX(-10%);
}
to {
opacity: 1;
transform: translateX(0%);
}
}
.veneer-fadeInLeft {
animation-name: smallfadeInLeft;
}
@keyframes smallfadeInRight {
from {
opacity: 0;
transform: translateX(10%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
.veneer-fadeInRight {
animation-name: smallfadeInRight;
}
@keyframes smallfadeInUp {
from {
opacity: 0;
transform: translateY(20%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
.veneer-fadeInUp {
animation-name: smallfadeInUp;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
.circle-rotate {
animation: rotate 10s linear infinite;
}
.circle-rotate.animated, .circle-rotate.animated.animated-slow {
animation-duration: 10s;
}
.circle-rotate.animated.animated-fast {
animation-duration: 5s;
} .post-inner .entry-wrapper {
background-color: #f9f9f9;
}
.post-inner .entry-image {
position: relative;
display: block;
margin-bottom: 40px;
}
.post-inner .entry-image .post-date > a {
color: var(--qt-light-color);
}
.post-inner .entry-inline-meta {
position: absolute;
left: 30px;
bottom: 0;
}
@media screen and (min-width: 768px) {
.post-inner .entry-inline-meta {
left: 50px;
}
}
.post-inner .entry-inline-meta ul {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 580px) {
.post-inner .entry-inline-meta ul {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
}
.post-inner .entry-inline-meta ul li {
position: relative;
}
.post-inner .entry-inline-meta .post-date {
background-color: var(--qt-secondary-color);
}
.post-inner .entry-inline-meta .author {
color: var(--qt-title-font-color);
text-shadow: none;
text-transform: none;
}
.post-inner .entry-meta {
position: relative;
padding: 20px 0 0 0;
margin-top: 20px;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-size: 15px;
font-style: var(--qt-title-font-style);
font-weight: var(--qt-title-font-weight);
text-transform: var(--qt-title-font-transform);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.post-inner .entry-meta {
margin-top: 40px;
}
}
.post-inner .entry-meta ul {
padding: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 768px) {
.post-inner .entry-meta ul {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
}
.post-inner .entry-meta ul li {
position: relative;
}
@media screen and (min-width: 768px) {
.post-inner .entry-meta ul li::after {
display: inline-block;
position: relative;
top: 0;
content: "";
width: 2px;
height: 14px;
margin: 0 22px;
background-color: rgba(0, 0, 0, 0.15);
transform: skew(-25deg);
}
}
.post-inner .entry-meta ul li:last-of-type::after {
display: none;
}
.post-inner .entry-meta ul li a {
color: var(--qt-title-font-color);
transition: color 0.1s ease-in-out;
}
.post-inner .entry-meta ul li a + a {
margin-left: 2px;
}
.post-inner .entry-meta ul li a:hover {
color: var(--qt-primary-color);
}
.post-inner .entry-meta ul i {
margin-right: 8px;
color: var(--qt-primary-color);
font-size: 14px;
}
.post-inner .post-date.updated {
display: flex;
align-items: center;
}
.post-inner .entry-title {
font-size: 28px;
margin-bottom: 20px;
word-wrap: break-word;
line-height: 1.4;
}
@media screen and (min-width: 992px) {
.post-inner .entry-title {
font-size: 30px;
}
}
.post-inner .entry-title a {
color: var(--qt-title-font-color);
background-image: linear-gradient(180deg, transparent 96%, var(--qt-secondary-color) 0%);
background-size: 0 100%;
background-repeat: no-repeat;
transition: all .2s ease-in-out;
}
.post-inner .entry-title a:hover {
color: inherit;
background-size: 100% 100%;
}
.post-inner .entry-content {
position: relative;
}
.post-inner .entry-content > p {
margin-bottom: 30px;
}
.post-inner .entry-content .wp-block-heading {
margin-top: 40px;
margin-bottom: 25px;
}
.post-inner.product .entry-image img {
width: 100%;
}
.blog-list .post-inner + .post-inner {
margin-top: 60px;
}
@media screen and (max-width: 991px) {
.blog-list .post-inner + .post-inner {
margin-top: 30px;
}
}
.blog-list .post-inner.sticky .entry-content::after {
position: absolute;
content: "";
top: 55px;
left: 0;
bottom: 0;
width: 3px;
background-color: var(--qt-primary-color);
}
.blog-list .post-inner .entry-image {
margin-bottom: -1px;
}
.blog-list .post-inner .entry-content {
padding: 30px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.blog-list .post-inner .entry-content {
padding: 40px;
}
}
@media screen and (min-width: 992px) {
.blog-list .post-inner .entry-content {
padding: 50px;
}
}
.blog-list .post-inner .entry-excerpt p:last-of-type {
margin-bottom: 0;
}
.blog-list .post-inner .entry-excerpt .read-more-link {
margin-top: 20px;
}
.blog-list .post-inner .comment-form textarea,
.blog-list .post-inner .wp-block-search .wp-block-search__input {
background-color: #fff;
}
.blog-grid {
display: grid;
grid-gap: 40px;
}
.blog-grid .post-inner:not(.sticky) .entry-wrapper {
border-radius: 0;
overflow: hidden;
transition: box-shadow .2s ease;
}
.blog-grid .post-inner .entry-image {
position: relative;
margin-bottom: 0;
}
.blog-grid .post-inner .entry-image img {
width: 100%;
}
.blog-grid .post-inner .entry-content {
padding: 45px 50px 40px;
border-radius: 0;
}
.blog-grid .post-inner .entry-meta {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
line-height: 1.55;
border-top: 1px solid #e5e5e5;
}
.blog-grid .post-inner .entry-meta ul {
display: flex;
}
@media screen and (max-width: 580px) {
.blog-grid .post-inner .entry-meta ul {
display: block;
}
}
.blog-grid .post-inner .entry-meta ul li::after {
display: none;
}
@media screen and (min-width: 581px) {
.blog-grid .post-inner .entry-meta ul li:not(:first-child)::before {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
content: "\2014";
margin: 0 10px;
color: #c4c4c4;
}
}
.blog-grid .post-inner .entry-category {
display: inline-flex;
gap: 5px;
margin-bottom: 20px;
color: #c4c4c4;
font-family: var(--qt-title-font-family);
font-size: 15px;
font-weight: var(--qt-title-font-weight);
line-height: 1.25;
text-transform: var(--qt-title-font-transform);
}
.blog-grid .post-inner .entry-category a {
color: var(--qt-primary-color);
}
.blog-grid .post-inner .entry-title {
margin-bottom: 20px;
font-size: 24px;
}
.blog-grid .post-inner .entry-more-button {
position: relative;
overflow: hidden;
line-height: 1.25;
}
.blog-grid .post-inner .entry-more-button i {
display: none;
}
.blog-grid .post-inner .entry-more-button::before, .blog-grid .post-inner .entry-more-button::after {
position: relative;
top: 0;
left: 0;
display: block;
content: "\f061";
font-size: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
transform: rotate(45deg);
transition: all .3s ease-in-out;
}
.blog-grid .post-inner .entry-more-button::after {
position: absolute;
top: -20px;
left: -20px;
}
.blog-grid .post-inner .entry-more-button:hover::before {
left: 20px;
top: 20px;
}
.blog-grid .post-inner .entry-more-button:hover::after {
top: 0;
left: 0;
}
@media screen and (min-width: 992px) {
.blog-grid.blog-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 992px) {
.blog-grid.blog-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 992px) {
.blog-grid.blog-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 992px) {
.blog-grid.blog-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
}
.blog-cards .post-inner.sticky .entry-content::after {
left: 50px;
top: 0;
height: 3px;
width: 100%;
}
.blog-cards .post-inner + .post-inner {
margin-top: 50px;
}
@media screen and (max-width: 991px) {
.blog-cards .post-inner + .post-inner {
margin-top: 30px;
}
}
@media screen and (min-width: 992px) {
.blog-cards .post-inner.has-post-thumbnail .entry-content {
flex-basis: 50%;
}
}
.blog-cards .post-inner:not(.sticky) .entry-wrapper {
transition: box-shadow .2s ease;
}
.blog-cards .post-inner .entry-wrapper {
overflow: hidden;
}
@media screen and (min-width: 992px) {
.blog-cards .post-inner .entry-wrapper {
display: flex;
align-items: stretch;
}
}
.blog-cards .post-inner .entry-inline-meta .post-date {
color: var(--qt-light-color);
background-color: var(--qt-secondary-color);
}
.blog-cards .post-inner .entry-image {
margin-bottom: 0;
}
@media screen and (min-width: 992px) {
.blog-cards .post-inner .entry-image {
flex-basis: 50%;
}
}
.blog-cards .post-inner .entry-image img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
@media screen and (max-width: 580px) {
.blog-cards .post-inner .entry-image img {
height: 250px;
}
}
@media screen and (min-width: 581px) and (max-width: 991px) {
.blog-cards .post-inner .entry-image img {
height: 350px;
}
}
@media screen and (max-width: 991px) {
.blog-cards .post-inner .entry-image img {
position: relative;
}
}
.blog-cards .post-inner .entry-image .entry-inline-meta {
bottom: auto;
top: 0;
}
.blog-cards .post-inner .entry-content {
padding: 45px 50px;
}
.blog-cards .post-inner .entry-title {
font-size: 24px;
}
@media screen and (max-width: 767px) {
body.single-post .post-inner .entry-image {
margin-bottom: 20px;
}
}
body.single-post .post-inner .entry-image img {
border-radius: 2px;
}
body.single-post .post-inner .entry-meta {
margin-top: 0;
margin-bottom: 30px;
padding-top: 0;
padding-bottom: 20px;
border-top: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
body.single-post .post-inner .entry-meta {
margin-top: -20px;
}
}
@media screen and (min-width: 992px) {
body.single-post .post-inner .entry-title {
font-size: 36px;
}
}
body.single-post .pagination {
margin-top: 0;
}
.author-box {
display: flex;
column-gap: 30px;
margin-top: 50px;
padding: 40px;
border-radius: 3px;
background-color: #f9f9f9;
}
@media screen and (max-width: 579px) {
.author-box {
flex-direction: column;
gap: 20px;
padding: 20px;
}
}
.author-box h5 {
font-size: 22px;
}
.author-box .author-box-inner {
display: flex;
flex-direction: column;
}
.author-box .author-avatar {
flex-shrink: 0;
margin-top: 6px;
}
.author-box .author-description p {
margin-bottom: 0;
} .single-post .comments-area {
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.comment-list {
list-style: none;
padding: 20px;
margin: 30px 0;
background-color: #f9f9f9;
}
@media screen and (min-width: 768px) {
.comment-list {
padding: 50px;
margin-bottom: 50px;
}
}
.comment-list > li {
margin-bottom: 40px;
}
.comment-list li:last-of-type {
margin-bottom: 0;
}
.comment-list li .children {
margin: 0;
padding: 20px 0 0 30px;
list-style: none;
}
@media screen and (max-width: 579px) {
.comment-list li .children {
padding-left: 10px;
}
}
@media screen and (min-width: 768px) {
.comment-list li .children {
padding: 40px 0 0 65px;
}
}
.comment-list li .children > li {
margin-bottom: 30px;
}
.comment-list .comment-author {
float: left;
margin-right: 30px;
}
@media screen and (max-width: 579px) {
.comment-list .comment-author {
width: 30px;
margin-right: 20px;
}
}
.comment-list .comment-author img {
border-radius: 0;
}
.comment-list .comment-details {
position: relative;
display: flex;
flex: 100%;
flex-direction: column;
padding: 35px 40px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: var(--qt-light-color);
}
@media screen and (max-width: 579px) {
.comment-list .comment-details {
padding: 25px;
}
}
.comment-list .comment-details p:first-of-type {
margin-top: 0;
}
.comment-list .comment-details p:last-of-type {
margin-bottom: 0;
}
.comment-list .comment-meta {
display: flex;
margin-bottom: 25px;
flex-direction: column;
}
.comment-list .comment-meta .author-name {
color: var(--qt-title-font-color);
font-size: 20px;
font-family: var(--qt-title-font-family);
font-weight: var(--qt-title-font-weight);
line-height: 1.25;
text-transform: var(--qt-title-font-transform);
}
@media screen and (max-width: 579px) {
.comment-list .comment-meta .author-name {
margin-right: 50px;
}
}
.comment-list .comment-meta .author-name a {
color: var(--qt-title-font-color);
text-decoration: var(--qt-title-font-t);
transition: color 0.1s ease-in-out;
}
.comment-list .comment-meta .author-name a:hover {
color: var(--primary-color);
}
.comment-list .comment-meta .author-meta {
margin-top: 5px;
font-size: 15px;
font-weight: 700;
line-height: 1.25;
}
@media screen and (max-width: 579px) {
.comment-list .comment-meta .author-meta {
display: flex;
flex-direction: column;
gap: 10px;
}
}
.comment-list .comment-meta .author-meta .comment-date a {
color: var(--qt-content-font-color);
transition: color 0.1s ease-in-out;
}
.comment-list .comment-meta .author-meta .comment-date a:hover {
color: var(--qt-primary-color);
}
.comment-list .comment-meta .author-meta .comment-edit-link {
margin-left: 5px;
}
.comment-list .comment-meta .reply {
display: inline-flex;
margin-left: 0;
position: absolute;
top: 35px;
right: 40px;
}
@media screen and (max-width: 579px) {
.comment-list .comment-meta .reply {
position: relative;
top: auto;
right: auto;
}
}
.comment-list .comment-meta .reply .comment-reply-link {
display: block;
padding: 5px 12px;
font-size: 13px;
color: var(--qt-button-font-color);
font-family: var(--qt-button-font-family);
font-weight: var(--qt-button-font-weight);
text-decoration: none;
text-transform: var(--qt-button-font-transform);
text-shadow: 0 1px 1px var(--qt-button-font-shadow);
background-color: var(--qt-button-background-color);
transition: all .1s ease-in-out;
}
.comment-list .comment-meta .reply .comment-reply-link:hover {
background-color: var(--qt-button-background-color-hover);
}
.comment-list .comment-awaiting-moderation {
font-weight: var(--qt-content-font-weight);
color: var(--qt-primary-color);
}
.comment-list .comment + .comment-respond {
max-width: calc(100% - 94px);
margin-top: 35px;
margin-left: auto;
}
.comment-list #cancel-comment-reply-link {
position: relative;
top: -3px;
padding: 5px 12px;
margin-left: 15px;
font-size: 13px;
color: var(--qt-button-font-color);
font-family: var(--qt-button-font-family);
font-weight: var(--qt-button-font-weight);
text-decoration: none;
text-transform: var(--qt-button-font-transform);
text-shadow: 0 1px 1px var(--qt-button-font-shadow);
background-color: var(--qt-button-background-color);
}
.comment-list #cancel-comment-reply-link:hover {
background-color: var(--qt-button-background-color-hover);
}
.comment-list .trackback,
.comment-list .pingback {
margin-bottom: 15px;
}
.comment-list .comment-form input:not([type="submit"]),
.comment-list .comment-form textarea {
background-color: var(--qt-light-color);
}
.comment-form label {
display: block;
margin-bottom: 10px;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-size: var(--qt-content-font-size);
font-weight: var(--qt-title-font-weight);
text-transform: var(--qt-title-font-transform);
}
.comment-form input:not([type="submit"]),
.comment-form textarea {
transition: all .15s ease-in-out;
}
.comment-form textarea {
max-width: 100%;
}
.comment-form input[type="submit"] {
border: none;
}
@media screen and (min-width: 992px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
display: inline-flex;
flex-wrap: wrap;
width: calc(33.33% - 23px);
margin: 0 30px 20px 0;
}
}
@media screen and (min-width: 992px) {
.comment-form .comment-form-url {
margin-right: 0;
}
}
.comment-form .comment-form-comment {
margin-bottom: 20px;
}
.comment-form .comment-form-cookies-consent {
display: inline-flex;
align-items: center;
margin: 15px 0 10px 0;
}
.comment-form .comment-form-cookies-consent label {
margin: 0;
}
.comment-form .comment-form-cookies-consent input[type="checkbox"] {
margin-right: 9px;
width: 14px;
height: 14px;
}
.comment-respond .comment-reply-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
text-transform: var(--qt-title-font-transform);
}
.comment-respond .comment-notes {
float: right;
margin: 0;
}
.comment-respond .logged-in-as {
font-size: 16px;
}
@media screen and (min-width: 992px) {
.comment-respond .logged-in-as {
position: absolute;
top: 0;
right: 0;
display: flex;
gap: 10px;
margin: 0;
}
}
.comment-respond .comment-form {
position: relative;
}
.comment-respond .comment-form .form-allowed-tags {
margin: 20px 0;
}
.comment-respond .comment-form .form-allowed-tags code {
font-size: 12px;
}
.comment-respond .form-submit {
margin-top: 20px;
margin-bottom: 0;
}
.bypostauthor {
position: relative;
}
.bypostauthor span.label {
position: relative;
top: 1px;
margin-left: 6px;
padding: 2px 11px 3px 11px;
font-size: 12px;
color: #fff;
text-transform: lowercase;
border-radius: 2px;
background-color: #315499;
}
.comments-title,
.comment-reply-title {
font-size: 26px;
font-weight: var(--qt-title-font-weight);
font-family: var(--qt-title-font-family);
color: var(--qt-title-font-color);
}
.byline,
.updated:not(.published) {
display: none;
} .pagination,
.nav-links {
display: flex;
flex: 100%;
align-items: center;
column-gap: 10px;
}
.pagination {
margin-top: 80px;
}
@media screen and (max-width: 991px) {
.pagination {
margin-top: 50px;
}
}
.pagination .page-numbers,
.pagination .post-page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 60px;
color: var(--qt-title-font-color);
font-size: 15px;
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
font-weight: 700;
text-decoration: none;
text-transform: var(--qt-title-font-transform);
border-radius: 0;
background-color: #f5f5f5;
transition: all .15s ease-in-out;
}
.pagination .page-numbers.current,
.pagination .post-page-numbers.current {
color: var(--qt-light-color);
background-color: var(--qt-primary-color-darker);
}
.pagination .page-numbers.current .page-numbers,
.pagination .post-page-numbers.current .page-numbers {
color: inherit;
background-color: transparent;
}
.pagination .page-numbers:not(.current):not(.dots):hover,
.pagination .post-page-numbers:not(.current):not(.dots):hover {
color: var(--qt-light-color);
background-color: var(--qt-primary-color-darker);
}
.pagination .page-numbers.prev, .pagination .page-numbers.next,
.pagination .post-page-numbers.prev,
.pagination .post-page-numbers.next {
width: auto;
padding: 0 35px;
}
.pagination .page-numbers.next,
.pagination .post-page-numbers.next {
margin-left: auto;
margin-right: 0;
}
.pagination .page-links-title {
margin-right: 15px;
background: transparent;
}
.page-links {
clear: both;
margin: 1.5em 0;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
iframe {
vertical-align: bottom;
height: auto;
max-width: 100%;
}
.embed-responsive {
position: relative;
display: block;
margin-bottom: 20px;
}
.embed-responsive::before {
display: block;
content: "";
padding-top: 56.25%;
}
.embed-responsive.classic-twitter-embed::before {
padding-top: 0;
}
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery .gallery-item {
max-width: inherit !important;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
margin-top: 10px;
font-size: 15px;
color: var(--qt-content-font-color);
} .error404 .page-header,
.error404 .breadcrumb,
.error404 .site-content {
text-align: center;
}
.error404 .site-content .error-image {
margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
.error404 .site-content .widget_search {
width: 50%;
margin: 30px auto 0;
}
}
.error404 .site-content .search-form label {
width: 100%;
}
.error404 .site-content .search-form .search-submit {
padding: 14px 35px;
} body:not(.blog):not(.page).sidebar-hide .alignfull {
width: 100vw;
margin-left: 50%;
max-width: none;
transform: translateX(-50%);
}
body:not(.blog):not(.page).sidebar-hide .alignfull img {
width: 100vw;
}
@media screen and (min-width: 992px) {
body:not(.blog):not(.page).sidebar-hide .alignwide {
left: 0;
margin-left: 50%;
max-width: inherit;
transform: translateX(-50%);
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
body:not(.blog):not(.page).sidebar-hide .alignwide {
width: 970px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
body:not(.blog):not(.page).sidebar-hide .alignwide {
width: 95%;
}
}
@media screen and (min-width: 1400px) {
body:not(.blog):not(.page).sidebar-hide .alignwide {
width: 100%;
}
}
.wp-block-table {
margin: 0;
}
.wp-block-table th {
border-color: transparent;
}
.wp-block-table td,
.wp-block-table th {
padding: 10px 20px;
border: 1px solid #e2e2e2;
}
.wp-block-table figcaption {
font-size: 15px;
color: #a5a5a5;
}
.wp-block-table.is-style-stripes td {
border-bottom-color: #f2f2f2;
}
.wp-block-table.is-style-stripes tr:last-of-type td {
border-bottom: none;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
padding-top: 10px;
padding-bottom: 10px;
border-style: solid;
border-color: var(--qt-primary-color);
transition: border- color 0.1s ease-in-out;
}
.wp-block-quote:not(.is-large):not(.is-style-large):hover {
border-color: var(--qt-primary-color);
}
.wp-block-quote:not(.is-large):not(.is-style-large):not(.has-text-align-right) {
padding-left: 50px;
border-width: 0 0 0 4px;
}
.wp-block-quote:not(.is-large):not(.is-style-large).has-text-align-right {
padding-right: 50px;
border-width: 0 4px 0 0;
}
.wp-block-quote p:last-of-type {
margin-bottom: 0;
}
.wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation {
display: block;
margin-top: 20px;
font-size: 15px;
font-style: normal;
font-weight: 700;
color: var(--qt-primary-color);
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
border: none;
margin: 20px 0 30px 0;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 15px;
text-align: left;
}
.wp-block-quote.is-large::before, .wp-block-quote.is-style-large::before {
display: none;
}
.wp-block-quote.is-style-large:not(.is-style-plain) {
padding-left: 50px;
margin: 30px 0;
}
.wp-block-quote.is-style-large:not(.is-style-plain) p {
font-size: 24px;
}
.wp-block-quote.is-style-large:not(.is-style-plain) cite {
font-size: 16px;
text-align: left;
}
.wp-block-pullquote {
margin: 30px 0;
padding: 50px 0;
border-left: none;
border-top-color: rgba(0, 0, 0, 0.08);
border-bottom-color: rgba(0, 0, 0, 0.08);
}
.wp-block-pullquote.alignleft {
margin-top: 10px;
margin-right: 30px;
}
.wp-block-pullquote.alignright {
margin-top: 10px;
margin-left: 30px;
}
@media (max-width: 580px) {
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: inherit;
}
}
.wp-block-pullquote blockquote {
margin: auto;
padding: 0;
border-left: none;
}
.wp-block-pullquote blockquote:hover {
border-color: inherit;
}
.wp-block-pullquote blockquote p {
padding: 0 50px;
color: var(--qt-title-font-color);
font-size: 22px;
font-style: normal;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote footer, .wp-block-pullquote blockquote__citation {
display: block;
margin-top: 15px;
text-transform: none;
font-size: 15px;
font-style: normal;
font-weight: 700;
color: var(--qt-primary-color);
}
.wp-block-pullquote blockquote::before {
display: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
text-align: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 22px;
}
.wp-block-code {
display: inline-block;
padding: 0;
color: #343434;
font-family: monospace;
font-size: 14px;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
border: none;
background-color: transparent;
}
.wp-block-button {
margin-bottom: 28px;
}
.wp-block-button .wp-block-button__link {
font-family: var(--qt-title-font-family);
font-style: var(--qt-title-font-style);
text-transform: var(--qt-title-font-transform);
font-weight: var(--qt-button-font-weight);
font-size: var(--qt-button-font-size);
line-height: 1;
color: var(--qt-button-font-color);
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 20px 35px;
cursor: pointer;
z-index: 1;
text-decoration: none;
text-shadow: 0 1px 1px var(--qt-button-font-shadow);
border-radius: 0;
border: 2px solid transparent;
background-color: var(--qt-button-background-color);
transition: all .15s ease-in-out;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active:focus {
border-color: transparent;
background-color: var(--qt-button-background-color-hover);
}
.wp-block-button .wp-block-button__link:first-of-type {
margin-right: 5px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 1px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
padding: 20px 35px;
color: #969696;
text-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
border-color: var(--qt-button-outline-border-color);
background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
color: #969696;
border-color: rgba(0, 0, 0, 0.2);
}
.wp-block-button.aligncenter {
text-align: center;
margin-bottom: 20px;
}
.wp-block-buttons {
margin-bottom: 28px;
}
.wp-block-buttons .wp-block-button {
margin: 0 10px 0 0;
}
.wp-block-latest-comments {
padding: 0;
margin-bottom: 0;
}
.wp-block-latest-comments li {
position: relative;
display: flex;
align-items: flex-start;
}
.wp-block-latest-comments li:first-of-type {
margin-bottom: 0;
}
.wp-block-latest-comments li:not(:last-of-type) {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wp-block-latest-comments__comment-avatar {
margin-right: 20px;
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: 15px;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 16px;
}
.wp-block-latest-comments__comment-excerpt p:last-of-type {
margin-bottom: 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 15px;
}
.wp-block-categories,
.wp-block-archives,
.wp-block-latest-posts:not(.is-grid) {
padding-left: 0;
}
.wp-block-categories li:not(:last-of-type),
.wp-block-archives li:not(:last-of-type),
.wp-block-latest-posts:not(.is-grid) li:not(:last-of-type) {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-categories li,
.wp-block-archives li,
.wp-block-latest-posts:not(.is-grid) li {
position: relative;
list-style: none;
}
.wp-block-categories li a,
.wp-block-archives li a,
.wp-block-latest-posts:not(.is-grid) li a {
position: relative;
padding-left: 25px;
font-weight: 500;
}
.wp-block-categories li a::before,
.wp-block-archives li a::before,
.wp-block-latest-posts:not(.is-grid) li a::before {
position: absolute;
left: 0;
content: "\f061";
color: rgba(0, 0, 0, 0.3);
font-family: "Font Awesome 5 Free";
font-size: var(--qt-content-font-size);
font-weight: 900;
transition: color .15s ease-in-out;
}
.wp-block-categories li a:hover::before,
.wp-block-archives li a:hover::before,
.wp-block-latest-posts:not(.is-grid) li a:hover::before {
color: rgba(0, 0, 0, 0.5);
}
.wp-block-categories li .cat-count,
.wp-block-archives li .cat-count,
.wp-block-latest-posts:not(.is-grid) li .cat-count {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 6px;
width: 19px;
height: 19px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: var(--qt-title-font-color);
text-align: center;
border-radius: 50%;
background-color: var(--qt-primary-color);
transition: all .15s ease-in-out;
}
.wp-block-categories.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-latest-posts:not(.is-grid).aligncenter {
text-align: center;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a::before {
display: none;
}
.wp-block-latest-posts.wp-block-latest-posts__list > li a {
display: block;
}
.wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
margin: 15px 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__featured-image > a::before {
display: none;
}
.wp-block-latest-posts__post-author {
margin-top: 5px;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
font-size: 15px;
}
.wp-block-latest-posts__post-excerpt {
line-height: initial;
}
.wp-block-query .wp-block-post-template > .wp-block-post {
margin-bottom: 30px;
}
.wp-block-query .wp-block-post-template .wp-block-post-excerpt {
margin-top: 10px;
}
.wp-block-page-list li .wp-block-navigation__submenu-container {
padding-top: 8px;
}
.wp-block-column {
margin-bottom: 0;
}
.wp-block-separator {
height: auto;
margin: 30px auto;
border-bottom: 1px solid #d0d5da;
background: none;
}
.wp-block-separator + h2 {
clear: left;
}
.wp-block-post-comments-form textarea:not(:focus) {
border-color: #e8e8e8;
}
.wp-block-columns {
margin-bottom: 30px;
}
.wp-block-image {
margin-bottom: 30px;
}
.wp-block-image figcaption {
margin-top: 10px;
margin-bottom: 0;
font-size: 15px;
color: #a5a5a5;
}
.wp-block-gallery {
margin-bottom: 20px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
padding: 10px;
font-style: 15px;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption {
padding: 15px 10px;
font-size: 15px;
}
.blocks-gallery-caption,
.wp-block-embe figcaption,
.wp-block-image figcaption {
margin-top: 10px;
margin-bottom: 0;
font-size: 15px;
color: #a5a5a5;
}
.wp-block-cover,
.wp-block-cover-image {
margin-bottom: 30px;
color: #fff;
line-height: 1.25;
}
.wp-block-cover.has-background-dim .wp-block-cover-text,
.wp-block-cover-image.has-background-dim .wp-block-cover-text {
color: #fff;
}
pre.wp-block-verse {
display: block;
font-family: monospace;
}
.wp-block-embed {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.wp-block-embed figcaption {
margin-top: 10px;
margin-bottom: 0;
font-size: var(--qt-content-font-size);
color: var(--qt-content-font-color);
}
@media screen and (max-width: 580px) {
.wp-block-embed__wrapper {
overflow: scroll;
}
}
.wp-block-embed__wrapper .embed-responsive {
overflow: visible;
margin-bottom: 0;
}
.wp-block-embed-twitter {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-embed-twitter .embed-responsive::before {
padding-top: 0;
}
.wp-block-embed-facebook .embed-responsive::before {
padding-top: 0;
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before,
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 0;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 0;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper .embed-responsive::before {
padding-top: 68%;
}
.wp-block-calendar {
margin-bottom: 30px;
}
.wp-block-calendar table {
margin-bottom: 0;
}
.wp-block-calendar table:where(:not(.has-text-color)) {
color: inherit;
}
.wp-block-calendar table td#today {
font-weight: 700;
color: var(--qt-primary-color);
}
.wp-block-calendar table > caption {
padding: 8px 0;
font-weight: bold;
text-align: center;
caption-side: top;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.25);
background-color: var(--qt-primary-color);
}
.wp-block-calendar table thead {
background-color: #dedede;
}
.wp-block-calendar table thead tr th {
padding: 0;
color: inherit;
font-weight: 700;
color: var(--qt-title-font-color);
text-align: center;
background: transparent;
border: 1px solid #dedede;
}
.wp-block-search {
margin-bottom: 25px;
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
align-items: center;
}
.wp-block-search .wp-block-search__input {
color: #a5a5a5;
width: 100%;
max-width: 100%;
padding: 0 20px;
height: 60px;
background-color: #f9f9f9;
}
.wp-block-search .wp-block-search__input:active, .wp-block-search .wp-block-search__input:focus {
color: #a5a5a5;
outline: none;
border-color: #cecece;
}
.wp-block-search .wp-block-search__label {
display: block;
margin-bottom: 20px;
color: var(--qt-title-font-color);
font-family: var(--qt-title-font-family);
font-size: 22px;
font-style: var(--qt-title-font-style);
font-weight: var(--qt-title-font-weight);
text-transform: var(--qt-title-font-transform);
line-height: var(--qt-title-font-line-height);
}
.wp-block-search .wp-block-search__button {
margin-left: 0;
height: 60px;
width: 40%;
padding: 14px 35px;
}
.wp-block-search .wp-block-search__button svg {
font-size: 24px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 0;
border: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: inherit;
padding: 0 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 14px 35px;
}
.wp-block-audio audio {
min-width: auto;
}
.wp-block-audio figure {
margin-left: auto;
margin-right: auto;
}
.wp-block-audio figcaption {
font-size: 15px;
color: #a5a5a5;
}
.wp-block-file:not(.wp-element-button) {
font-size: initial;
}
.wp-block-file .wp-block-file__button {
font-weight: 700;
color: var(--qt-light-color);
background-color: var(--qt-primary-color);
}
.wp-block-file .wp-block-file__button:hover {
opacity: 1;
background-color: var(--qt-primary-color);
}
.wp-block-tag-cloud .tag-cloud-link {
display: inline-block;
padding: 5px 10px;
margin-bottom: 4px;
color: #a5a5a5;
text-decoration: none;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
transition: all .15s ease-in-out;
}
.wp-block-tag-cloud .tag-cloud-link:hover {
color: #fff;
border-color: transparent;
background-color: var(--qt-primary-color);
}
p:last-of-type + .wp-block-media-text,
p:last-of-type + .wp-block-cover {
margin-top: 20px;
}
.wp-block-group {
margin-bottom: 20px;
}
.wp-block-group + p:last-of-type {
margin-top: 25px;
}
.wp-block-social-links {
padding: 0;
list-style: none;
}
.wp-block-social-links a {
font-size: 24px;
}
.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
font-size: 15px;
}
.wp-block-rss__item-excerpt {
margin-top: 5px;
margin-bottom: 20px;
}
.wp-block-post-navigation-link + .wp-block-post-navigation-link {
margin-top: 10px;
}