/* 
Theme Name: Olyve
Theme URI: https://olyve.tanshcreative.com
Description: Olyve is a WordPress Theme designed and developed by tansh
Version: 1.1.0
Author: tansh
Author URI: https://themeforest.net/user/tansh
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: Custom license
License URI: http://themeforest.net/licenses/terms/regular
Text Domain: olyve
*/
/*---------- TABLE OF CONTENTS ----------*/
/*
1  General styles
2  Layout
3  Buttons
4  Lists
5  Header
6  Responsive header
7  Footer
8  Elements
9  Forms
10 Pagers for pages, posts, comments etc.
11 Blog
12 Comments
13 Widgets
14 Misc
15 WordPress core
16 Colors
*/
/*----------------------------------------*/
/*----- 1 General styles -----*/
/*----------------------------------------*/
:root { --dtr-base-color-primary: #0e0f0f;
--dtr-base-color-secondary: #141514;
--dtr-base-color-tertiary: #bbbaa6;
--dtr-base-color-quaternary: #fefce1;
/*text colors*/
--dtr-text-color-one: rgba(187, 186, 166, .7);
--dtr-text-color-two: #fefce1;
--dtr-text-color-three: #bbbaa6;
--dtr-text-color-four: #141514;
--dtr-text-on-base-primary: var(--dtr-text-color-one);
--dtr-text-on-base-secondary: var(--dtr-text-color-one);
--dtr-text-on-base-tertiary: var(--dtr-text-color-four);
--dtr-text-on-base-quaternary: var(--dtr-text-color-four);
/*heading*/
--dtr-text-color-heading: var(--dtr-text-color-two);
--dtr-text-color-heading-link: var(--dtr-text-color-two);
/*link*/
--dtr-link-color: var(--dtr-text-color-three);
--dtr-link-hover-color: var(--dtr-text-color-two);
/*border*/
--dtr-border-color-main: rgba(187, 186, 166, .2);
/*radius*/
--dtr-radius-square: 0;
--dtr-radius-rounded: 16px;
--dtr-radius-rounded-medium: 8px;
--dtr-radius-rounded-small: 4px;
--dtr-radius-round: 9999px;
--dtr-radius-pagination: var(--dtr-radius-round);
/*btn*/
--dtr-btn-font-size: var(--dtr-font-size-base);
--dtr-btn-line-height: 22px;
--dtr-btn-font-weight: 500;
--dtr-btn-border-width: 0;
--dtr-btn-radius: var(--dtr-radius-round);
--dtr-btn-color: var(--dtr-text-color-four);
--dtr-btn-hover-color: var(--dtr-text-color-four);
--dtr-btn-border-color: var(--dtr-border-color-main);
/*input*/
--dtr-input-bg: #101111;
--dtr-input-color: var(--dtr-text-color-one);
--dtr-input-border-color: transparent;
--dtr-input-border-width: 1px;
--dtr-input-border-radius: var(--dtr-radius-rounded-medium);
--dtr-input-focus-border-color: #bbbaa6;
/*typography*/
--dtr-font-size-base: 16px;
--dtr-font-size-sm: .833em;
--dtr-font-size-h6: 1em;
--dtr-font-size-h5: 1.333em;
--dtr-font-size-h4: 1.6em;
--dtr-font-size-h3: 2em;
--dtr-font-size-h2: 2.467em;
--dtr-font-size-h1: 2.933em;
--dtr-font-weight-normal: 400;
--dtr-font-weight-medium: 500;
--dtr-font-weight-bold: 600;
--dtr-font-weight-extra-bold: 800;
--dtr-font-weight-heading: 500;
--dtr-line-height-normal: 1.4;
--dtr-line-height-heading: 1.2;
/*misc*/
--wpadminbar-height: 32px;
}
/*== Typography ==*/
body { font-family: Arial, Helvetica, sans-serif; font-size: var(--dtr-font-size-base, 16px); font-weight: var(--dtr-font-weight-normal); line-height: var(--dtr-line-height-normal); font-style: normal; -webkit-font-smoothing: antialiased; overflow-x: hidden; background-color: var(--dtr-base-color-primary); color: var(--dtr-text-color-one); }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 1rem 0; }
h1, h2, h3, h4, h5, h6, .elementor-widget-heading h1.elementor-heading-title, .elementor-widget-heading h2.elementor-heading-title, .elementor-widget-heading h3.elementor-heading-title, .elementor-widget-heading h4.elementor-heading-title, .elementor-widget-heading h5.elementor-heading-title, .elementor-widget-heading h6.elementor-heading-title { font-family: Arial, Helvetica, sans-serif; font-weight: var(--dtr-font-weight-heading); line-height: var(--dtr-line-height-heading); padding: 0; clear: both; -webkit-font-smoothing: antialiased; color: var(--dtr-text-color-heading); }
.h1, h1, .elementor-widget-heading h1.elementor-heading-title { font-size: var(--dtr-font-size-h1); line-height: var(--dtr-line-height-heading); }
.h2, h2, .elementor-widget-heading h2.elementor-heading-title { font-size: var(--dtr-font-size-h2); line-height: var(--dtr-line-height-heading); }
.h3, h3, .elementor-widget-heading h3.elementor-heading-title { font-size: var(--dtr-font-size-h3); line-height: var(--dtr-line-height-heading); }
.h4, h4, .elementor-widget-heading h4.elementor-heading-title { font-size: var(--dtr-font-size-h4); line-height: var(--dtr-line-height-heading); }
.h5, h5, .elementor-widget-heading h5.elementor-heading-title { font-size: var(--dtr-font-size-h5); line-height: var(--dtr-line-height-heading); }
.h6, h6, .elementor-widget-heading h6.elementor-heading-title { font-size: var(--dtr-font-size-h6); line-height: var(--dtr-line-height-heading); }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; color: var(--dtr-text-color-heading-link, currentColor); }
p { margin: 0 0 10px 0; padding: 0; }
p:last-child { margin-bottom: 0; }
.dtr-text--color-one { color: var(--dtr-text-color-one); }
.dtr-text--color-two { color: var(--dtr-text-color-two); }
.dtr-text--color-three { color: var(--dtr-text-color-three); }
.dtr-text--color-four { color: var(--dtr-text-color-four); }

@media (max-width: 782px) {
.dtr-page-title { font-size: 3.438em; }
.dtr-single-post-title .dtr-page-title { font-size: 2.845em; }
}
/*== Default links ==*/
a { text-decoration: none; cursor: pointer; font-style: normal; color: var(--dtr-link-color); }
a:visited { }
a:hover { text-decoration: none; color: var(--dtr-link-hover-color); }
a:active { }
a:focus { outline: 0; text-decoration: none; }
/*== Misc ==*/
img { height: auto; max-width: 100%; }
video { height: auto; max-width: 100%; }
embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; }
iframe { border: none; }
.dtr-radius--square { border-radius: var(--dtr-radius-square); }
.dtr-radius--rounded { border-radius: var(--dtr-radius-rounded); }
.dtr-radius--rounded-medium { border-radius: var(--dtr-radius-rounded-medium); }
.dtr-radius--round { border-radius: var(--dtr-radius-round); }
hr { border: 0; height: 1px; margin-bottom: 1.5em; background-color: var(--dtr-border-color-main); opacity: 1; }
.dtr-entry-excerpt, .dtr-page-title, .dtr-archive-post-title, .dtr-single-post-title, .dtr-button-text, .dtr-single-nav-prev, .dtr-single-nav-next, .breadcrumbs li { -ms-word-wrap: break-word; word-wrap: break-word; }
/*== icon / svg ==*/
.dtr-icon i, .dtr-icon svg { position: relative; display: flex; width: 1em; height: 1em; color: inherit; }
.dtr-icon svg { fill: currentColor; }
/*----------------------------------------*/
/*----- 2 Layout -----*/
/*----------------------------------------*/
.elementor-default.elementor-page #dtr-main-wrapper { padding-top: 0 !important; }
.elementor-default.elementor-page #dtr-main-wrapper { padding-bottom: 0 !important; }
.single.single-post #dtr-main-wrapper { padding-top: 100px !important; padding-bottom: 100px !important; }
.elementor-default.elementor-page.single-post #dtr-main-wrapper { padding-top: 100px !important; padding-bottom: 100px !important; }
#dtr-main-wrapper { padding-top: 100px; padding-bottom: 100px; }
.dtr-content-area, .dtr-widget-area { width: 68%; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dtr-widget-area { width: 30%; float: right; }
.dtr-left-sidebar .dtr-widget-area { float: left; }
.dtr-left-sidebar .dtr-content-area { float: right; }
.dtr-right-sidebar .dtr-widget-area { float: right; }
.dtr-fullwidth .dtr-content-area { width: 100% !important; float: none; }
/*----------------------------------------*/
/*----- 3 Buttons -----*/
/*----------------------------------------*/
button, .dtr-btn, .dtr-form-btn, input[type="submit"], button[type="submit"], input[type="reset"], .wp-block-button__link { position: relative; width: auto; height: auto; padding: 15px 30px; border-width: var(--dtr-btn-border-width); border-style: solid; border-radius: var(--dtr-btn-radius); font-size: var(--dtr-btn-font-size, 19px); font-weight: var(--dtr-btn-font-weight); line-height: var(--dtr-btn-line-height); text-align: center; text-decoration: none; outline: none; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; }
.wp-block-button__link { border: 0; }
.dtr-btn--full-width input[type="submit"], .dtr-btn--full-width button { width: 100%; display: block; margin: 0; text-align: center; }
.dtr-btn--large { font-size: 24px; line-height: 32px; padding: 20px 50px 18px 50px; }
.dtr-btn--small { font-size: 14px; line-height: 18px; padding: 10px 15px 8px 15px; }
.dtr-header-btn { margin-left: 30px; }
/* btn radius */
.dtr-btn--square, button[type="submit"].dtr-btn--square { border-radius: var(--dtr-radius-square); }
.dtr-btn--rounded, button[type="submit"].dtr-btn--rounded { border-radius: var(--dtr-radius-rounded-medium); }
.dtr-btn--round, button[type="submit"].dtr-btn--round { border-radius: var(--dtr-radius-round); }
/* flex */
.dtr-btn, input[type="submit"], input[type="reset"] { display: inline-flex; align-items: center; flex-wrap: nowrap; justify-content: center; }
.dtr-btn__icon, .dtr-form-btn i { margin-left: 15px; font-weight: normal; }
.dtr-btn--icon-position-left { flex-direction: row-reverse; }
.dtr-btn--icon-position-left .dtr-btn__icon { margin-right: 15px; margin-left: 0; }
/* common */
.dtr-wrapping-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; }
/* colors */
.dtr-btn__text { color: inherit; }
.dtr-btn, input[type="submit"], button[type="submit"], input[type="reset"], .dtr-form-btn, #submit { background-size: 200%; background-color: var(--dtr-base-color-tertiary); background-image: -o-linear-gradient( left, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 51%, var(--dtr-base-color-tertiary) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(var(--dtr-base-color-tertiary)), color-stop(51%, var(--dtr-base-color-quaternary)), to(var(--dtr-base-color-tertiary)) ); background-image: linear-gradient( to right, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 51%, var(--dtr-base-color-tertiary) 100% ); border-color: var(--dtr-btn-border-color); color: var(--dtr-btn-color); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.dtr-btn:hover, button[type="submit"]:hover, input[type="reset"]:hover, .dtr-form-btn:hover, #submit:hover { background-position: -100%; color: var(--dtr-btn-color); }
.dtr-btn--trans { background: none; background-color: transparent; color: var(--dtr-text-color-two); }
.dtr-btn--trans:hover, .dtr-btn--trans .dtr-btn__icon { background: none; color: var(--dtr-text-color-one); }
/*----------------------------------------*/
/*----- 4 Lists -----*/
/*----------------------------------------*/
ul, ol { margin: 0; padding: 0; list-style-position: inside; display: block; }
li > ul, li > ol { margin: 0; margin-left: 1.5em; }
ol li, ul li { margin-bottom: 10px; }
/*----------------------------------------*/
/*----- 5 Header -----*/
/*----------------------------------------*/
/*== Topbar ==*/
#dtr-topbar { padding: 10px 50px; border-width: 0 0 1px 0; border-style: solid; border-color: var(--dtr-border-color-main); background-color: var(--dtr-base-color-primary); }
.dtr-topbar-content { display: flex; align-items: center; justify-content: space-between; }
.dtr-topbar-left, .dtr-topbar-right, .dtr-header-widget-wrapper, .dtr-header-right { display: flex; align-items: center; }
.dtr-topbar-left .widget { margin-right: 30px; }
.dtr-topbar-right .widget, .dtr-header-widget-wrapper .widget { margin-left: 30px; }
/*== Main header ==*/
#dtr-header-global { padding: 20px 50px; border-width: 0 0 1px 0; border-style: solid; border-color: var(--dtr-border-color-main); z-index: 999; background-color: var(--dtr-base-color-primary); }
.dtr-header-global-content { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
#dtr-header-global.header-fixed { border: 0; padding: 20px 50px; z-index: 999; }
.elementor-editor-active #dtr-header-global, .elementor-editor-active .dtr-page-title-main, .elementor-editor-active #dtr-topbar, .elementor-editor-active #dtr-footer-section, .elementor-editor-active #dtr-responsive-header, .elementor-editor-active #dtr-main-header, .elementor-editor-active #comments { display: none; }
.dtr-logo { font-size: 22px; line-height: 22px; display: flex; align-items: center; }
.dtr-logo, .dtr-logo:hover { color: var(--dtr-text-color-two); }
.dtr-logo-subtext { margin-left: 10px; }
/*== Page title ==*/
.dtr-page-title--section { position: relative; background-position: center center; z-index: 1; border-width: 0; border-style: solid; padding: 100px 0; background-color: var(--dtr-base-color-secondary); }
.dtr-page-title--section .container { position: relative; z-index: 9; }
.dtr-page-title__overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.dtr-page-title { margin: 0; padding: 0; }
/*== Breadrcrumb ==*/
.dtr-breadcrumb-wrapper { position: relative; margin: 30px 0 0 0; }
.breadcrumbs { float: none; padding: 0; margin: 0; font-size: 0.875em; }
.breadcrumbs li { list-style: none; display: inline; margin: 0; }
.breadcrumbs li:after { font-family: 'icomoon'; content: "\e93d"; vertical-align: middle; margin: 0 4px 0 8px; font-size: var(--dtr-font-size-sm); font-weight: normal; }
.breadcrumbs li:last-child:after { content: none; }
/*== Main menu ==*/
.main-navigation .sf-menu { margin: 0; }
.sf-menu, .sf-menu * { list-style: none; padding: 0; margin: 0; }
.sf-menu ul { position: absolute; display: none; top: 100%; z-index: 999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); padding: 30px 0; margin-top: 0; left: -10px; }
.sf-menu ul ul { text-align: center; top: 0; left: 100%; margin-top: -31px; margin-left: 0; }
.sf-menu li { position: relative; float: left; padding: 0; margin: 0; }
.sf-menu ul li { display: block; min-width: 12em; width: 100%; white-space: nowrap; float: none; padding: 0; border: 0; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu a { position: relative; display: block; text-align: center; padding: 5px 20px; border: 0; font-weight: var(--dtr-font-weight-bold); }
.sf-menu li:last-child a::after, .sf-menu li li a::after { content: none; }
.sf-menu > li li.menu-item-has-children { position: relative; }
/*dropdown*/
.sf-menu .sub-menu li { padding: 0 10px; }
.sf-menu .sub-menu a { width: 100%; padding: 10px 20px; margin: 1px 0; box-sizing: border-box; text-align: left; border-width: 0; border-radius: var(--dtr-radius-round); }
.sf-menu .sub-menu li:first-child > a { border-top-width: 1px; }
.sf-menu > li li.menu-item-has-children > a::after { font-family: 'icomoon'; content: "\e93d"; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: inherit; background: none; }
.sf-menu a .sf-sub-indicator, .sf-menu li li a .sf-sub-indicator, .sf-menu li li a .sf-sub-indicator:last-child { display: none; }
/*== Main navigation colors ==*/
/* main menu link */
.dtr-menu-default .sf-menu a { color: var(--dtr-text-color-three); }
.dtr-menu-default .sf-menu .sub-menu a:hover { background-color: var(--dtr-base-color-primary); }
.dtr-menu-default .sf-menu li a:hover, .dtr-menu-default .sf-menu li.current-menu-item a, .dtr-menu-default .sf-menu li.current-menu-ancestor > a, .dtr-menu-default .sf-menu .active { color: var(--dtr-text-color-two); }
/*dropdown link color*/
.dtr-menu-default .sf-menu li li a, .dtr-menu-default .sf-menu .sub-menu li.current-menu-item li a, .dtr-menu-default .sf-menu li.current-menu-item li a, .dtr-menu-default .sf-menu ul li.current-menu-item a, .dtr-menu-default .sf-menu li li.current-menu-ancestor > a:hover { color: #bbbaa6; }
/*dropdown hover active color*/
.dtr-menu-default .sf-menu .sub-menu li.current-menu-item li a:hover, .dtr-menu-default .sf-menu .sub-menu li.current-menu-item a, .dtr-menu-default .sf-menu li li.current-menu-ancestor > a, .dtr-menu-default .sf-menu ul li a:hover, .dtr-menu-default .sf-menu ul li:hover > a, .dtr-menu-default .sf-menu > li li.menu-item-has-children a:hover { color: var(--dtr-text-color-two); background-color: var(--dtr-base-color-primary); }
/*dropdown background color*/
.dtr-menu-default .sf-menu ul { background-color: var(--dtr-base-color-secondary); }
/*== Alt Navigation Colors ==*/
/* main menu link */
.dtr-menu-alt .sf-menu a { color: var(--dtr-text-color-three); }
.dtr-menu-alt .sf-menu .sub-menu a:hover { background-color: var(--dtr-base-color-primary); }
.dtr-menu-alt .sf-menu li a:hover, .dtr-menu-alt .sf-menu li.current-menu-item a, .dtr-menu-alt .sf-menu li.current-menu-ancestor > a, .dtr-menu-alt .sf-menu .active { color: var(--dtr-text-color-two); }
/*Dropdown link color*/
.dtr-menu-alt .sf-menu li li a, .dtr-menu-alt .sf-menu .sub-menu li.current-menu-item li a, .dtr-menu-alt .sf-menu li.current-menu-item li a, .dtr-menu-alt .sf-menu ul li.current-menu-item a, .dtr-menu-alt .sf-menu li li.current-menu-ancestor > a:hover { color: #bbbaa6; }
/*dropdown hover active color*/
.dtr-menu-alt .sf-menu .sub-menu li.current-menu-item li a:hover, .dtr-menu-alt .sf-menu .sub-menu li.current-menu-item a, .dtr-menu-alt .sf-menu li li.current-menu-ancestor > a, .dtr-menu-alt .sf-menu ul li a:hover, .dtr-menu-alt .sf-menu ul li:hover > a, .dtr-menu-alt .sf-menu > li li.menu-item-has-children a:hover { color: var(--dtr-text-color-two); background-color: var(--dtr-base-color-primary); }
/*dropdown background color*/
.dtr-menu-alt .sf-menu ul { background-color: var(--dtr-base-color-secondary); }
/*----------------------------------------*/
/*----- 6 Responsive header -----*/
/*----------------------------------------*/
#dtr-responsive-header { position: relative; padding: 15px 0; z-index: 999; border-bottom: 1px solid var(--dtr-border-color-main); }
#dtr-responsive-header .container { position: relative; }
#dtr-responsive-header .dtr-logo.logo-default { display: inline-block; }
#dtr-responsive-header, .slicknav_menu, #dtr-menu-button { display: none; }
#dtr-menu-button { display: block; padding: 0; z-index: 9999; position: absolute; left: auto; right: 12px; top: 50%; margin-top: -8px; }
#dtr-menu-button:focus { outline: none; }
.dtr-responsive-header-menu { position: relative; }
.slicknav_menu { position: relative; z-index: 999; }
/*== Mobile hamburger ==*/
.dtr-hamburger { display: inline-block; padding: 0; margin: 0; cursor: pointer; transition-timing-function: linear; transition-duration: .3s; transition-property: opacity, filter; text-transform: none; border: 0; overflow: visible; color: inherit; background-color: transparent; width: 30px; height: 25px; }
.dtr-hamburger-lines-wrapper { position: relative; display: inline-block; width: 30px; height: 25px; }
.dtr-hamburger-lines, .dtr-hamburger-lines:after, .dtr-hamburger-lines:before { position: absolute; right: 0; width: 30px; height: 2px; transition-timing-function: ease; transition-duration: .3s; transition-property: transform; }
.dtr-hamburger-lines:before { width: 30px; }
.dtr-hamburger-lines:after, .dtr-hamburger-lines:before { display: block; content: ''; }
.dtr-hamburger-lines { display: block; top: 0; transition: background-color 0s linear .13s; }
.dtr-hamburger-lines:before { top: 8px; transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19); }
.dtr-hamburger-lines:after { top: 16px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19); }
.dtr-hamburger.is-active .dtr-hamburger-lines { transition-delay: .22s; background-color: transparent!important; }
.dtr-hamburger.is-active .dtr-hamburger-lines:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(45deg); }
.dtr-hamburger.is-active .dtr-hamburger-lines:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(-45deg); }
.dtr-hamburger.is-active:hover, .dtr-hamburger:hover { opacity: 1; }
/*== Slicknav menu ==*/
.slicknav_nav { border: 0; margin: 0; padding: 20px 15px; position: absolute; top: 14px; left: 0; right: 0; }
.slicknav_menu { padding: 0; margin: 0; border: 0; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 5px; }
.slicknav_nav { clear: both; }
.slicknav_nav ul, .slicknav_nav li { display: block; margin-bottom: 0; }
.slicknav_nav ul, .slicknav_nav ul ul { margin: 0; padding: 0; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; }
.slicknav_menu::before, .slicknav_menu::after { content: ""; display: table; }
.slicknav_menu::after { clear: both; }
.slicknav_nav a { display: block; position: relative; outline: none; padding: 8px 0; margin: 0; text-align: left; text-decoration: none; }
.slicknav_nav li { position: relative; padding: 0; margin: 0; border-width: 0 0 1px 0; border-style: solid; }
.slicknav_nav li:last-child { padding: 0; border: 0; }
.slicknav_menu .slicknav_menutxt { font-weight: bold; text-shadow: none; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover { border-radius: 0; background: transparent; }
.slicknav_menu .sub-menu { margin: 0; }
.slicknav_arrow { display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -13px; width: 26px; height: 26px; border-radius: var(--dtr-radius-round); text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: transparent; color: var(--dtr-text-color-on-primary); }
.slicknav_arrow::after { font-family: 'icomoon'; content: "\e93d"; font-weight: normal; line-height: 26px; }
.slicknav_parent.slicknav_open .slicknav_arrow { transform: rotate(-90deg); }
.slicknav_parent.slicknav_open .slicknav_collapsed .slicknav_arrow { transform: none; }
.slicknav_nav .sub-menu { border-top: 1px solid #000; margin: 0; padding: 0; }
.slicknav_nav li a { position: relative; }
.slicknav_nav .sub-menu a { padding-left: 20px; }
.slicknav_nav .sub-menu a a { padding-left: 0; }
.slicknav_nav li a { padding-right: 40px; }
/*== Responsive menu colors ==*/
#dtr-responsive-header, .slicknav_nav, .slicknav_menu { background-color: var(--dtr-base-color-primary); }
.dtr-hamburger-lines, .dtr-hamburger-lines:after, .dtr-hamburger-lines:before { background-color: var(--dtr-text-color-two); }
.slicknav_nav li, .slicknav_nav .sub-menu { border-color: var(--dtr-border-color-main); }
.slicknav_nav, .slicknav_nav a, .slicknav_menu .slicknav_menutxt, .slicknav_menu .current-menu-item .sub-menu a { color: var(--dtr-text-color-one); }
.slicknav_nav a:hover, .slicknav_menu .current-menu-item a, .slicknav_menu .current-menu-item .sub-menu a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a { color: var(--dtr-text-color-two); }
/*----------------------------------------*/
/*----- 7 Footer -----*/
/*----------------------------------------*/
#dtr-footer-section { position: relative; padding: 0; border-style: solid; border-width: 0; }
.dtr-footer-section-wrap { background-color: var(--dtr-base-color-primary); }
.dtr-footer-section-wrap .dtr-meta, .dtr-footer-section-wrap .dtr-meta a { color: inherit; }
.dtr-footer-row { padding: 50px 0; }
.dtr-copyright { padding: 30px 0; border-style: solid; border-width: 1px 0 0 0; border-color: var(--dtr-border-color-main); color: rgba(187, 186, 166, .5); text-align: center; }
.copyright-list, .dtr-copyright ul { list-style-type: none; padding: 0; margin: 0; }
.copyright-list li, .dtr-copyright li { display: inline-block; padding: 0; margin: 0 15px; }
.dtr-copyright .widget_nav_menu ul { padding: 0; margin: 0; display: block; text-align: center; }
.dtr-copyright .widget_nav_menu li a { padding: 0 15px; }
.dtr-copyright a { color: var(--dtr-text-color-three); }
.dtr-copyright a:hover { color: var(--dtr-text-color-two); }
/* take-to-top */
#take-to-top { display: block; position: fixed; bottom: 15px; right: 15px; width: 40px; height: 40px; line-height: 40px; z-index: 99; text-align: center; text-decoration: none; cursor: pointer; opacity: 0; visibility: hidden; border-radius: var(--dtr-radius-round); -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); background-color: var(--dtr-base-color-secondary); color: var(--dtr-text-on-base-secondary); }
#take-to-top::before { display: block; font-family: 'icomoon'; content: "\e93e"; font-size: 16px; line-height: 40px; color: inherit; }
#take-to-top.active { -webkit-animation: CustomInDown 1s; animation: CustomInDown 1s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
 @-webkit-keyframes CustomInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -200px, 0);
transform:translate3d(0, -200px, 0)
}
100% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes CustomInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -200px, 0);
transform:translate3d(0, -200px, 0)
}
100% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
/*----------------------------------------*/
/*----- 8 Elements -----*/
/*----------------------------------------*/
/*== Blockquote ==*/
blockquote { padding: 30px; margin: 0; border-style: solid; border-width: 0 0 0 3px; border-color: var(--dtr-border-color-secondary); }
cite { font-style: italic; }
.wp-block-quote.is-style-large { padding: 0; margin: 0; }
.wp-block-quote.is-style-large cite { display: block; }
.wp-block-pullquote blockquote { border-left: none; }
/* theme quote */
.dtr-quote blockquote { font-size: 1.2em; line-height: 1.55; padding: 0; margin: 0; border: 0; }
.dtr-quote blockquote p { padding: 0; margin: 0; }
.dtr-quote { padding: 50px; background-color: var(--dtr-base-color-secondary); }
.dtr-quote__content { padding-left: 30px; border-width: 0 0 0 3px; border-style: solid; border-color: var(--dtr-base-color-tertiary); }
.dtr-quote__content::before { display: inline-block; font-family: 'icomoon'; content: "\e99f"; font-size: 18px; margin-bottom: 25px; }
.dtr-quote__author { display: block; font-size: 1.4em; font-style: normal; margin: 25px 0 0 0; }
.dtr-quote__source { display: block; font-size: .9em; }
.dtr-quote__center-align { text-align: center; }
.dtr-quote__right-align { text-align: right; }
.dtr-quote__right-align .dtr-quote__content { padding-left: 0; padding-right: 30px; border-width: 0 5px 0 0; }
.dtr-quote__center-align .dtr-quote__content { padding-left: 0; padding-right: 0; border-width: 0; }
/*== Feature ==*/
.dtr-feature { display: flex; align-items: flex-start; }
.dtr-feature--boxed { padding: 15px; border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-base-color-two); }
.dtr-feature--boxed.dtr-radius--square { border-radius: var(--dtr-square); }
.dtr-feature__subtext { margin: 0; padding: 0 0 5px 0; font-size: var(--dtr-font-size-sm); }
.dtr-feature__heading { margin: 0; padding: 0; }
.dtr-feature__text { margin: 10px 0 0 0; }
.dtr-feature__link { display: inline-flex; align-items: center; margin-top: 20px; }
.dtr-feature__link::after { font-family: 'icomoon'; content: "\e967"; margin-left: 10px; }
/* icon vert align */
.dtr-feature--icon-vert-align-top { align-items: flex-start; }
.dtr-feature--icon-vert-align-center { align-items: center; }
/* icon align */
.dtr-feature--icon-align-right { flex-direction: row-reverse; }
.dtr-feature--icon-align-left .dtr-feature__content { margin-left: 30px; }
.dtr-feature--icon-align-right .dtr-feature__content { margin-right: 30px; }
.dtr-feature--icon-align-left.dtr-feature--size-small .dtr-feature__content { margin-left: 20px; }
.dtr-feature--icon-align-right.dtr-feature--size-small .dtr-feature__content { margin-right: 20px; }
.dtr-feature--icon-align-top, .dtr-feature--icon-align-top .dtr-feature__content, .dtr-feature--icon-align-top .dtr-feature__icon { display: block; }
.dtr-feature--icon-align-top .dtr-feature__content { margin-top: 20px; }
/* text align */
.dtr-feature--icon-align-top.dtr-feature--text-left { text-align: left; }
.dtr-feature--icon-align-top.dtr-feature--text-right { text-align: right; }
.dtr-feature--icon-align-top.dtr-feature--text-center { text-align: center; }
.dtr-feature--icon-align-top.dtr-feature--text-center .dtr-feature__icon { display: inline-block; margin-left: auto; margin-right: auto; }
.dtr-feature--icon-align-top.dtr-feature--text-right .dtr-feature__icon { display: inline-block; margin-left: auto; }
/* icon style */
.dtr-feature--style-default .dtr-feature__icon { font-size: 32px; }
.dtr-feature--style-circle .dtr-feature__icon, .dtr-feature--style-square .dtr-feature__icon, .dtr-feature--style-rounded .dtr-feature__icon { display: flex; align-items: center; justify-content: center; border: 1px solid var(--dtr-border-color-main); background-color: var(--dtr-base-color-secondary); color: var(--dtr-text-on-base-secondary); }
/* circle / square */
.dtr-feature--size-small .dtr-feature__icon { width: 60px; height: 60px; min-width: 60px; font-size: 24px; line-height: 1; }
.dtr-feature--size-medium .dtr-feature__icon { width: 80px; height: 80px; min-width: 80px; font-size: 32px; line-height: 1; }
.dtr-feature--size-large .dtr-feature__icon { width: 120px; height: 120px; min-width: 120px; font-size: 64px; line-height: 1; }
.dtr-feature--style-circle .dtr-feature__icon svg, .dtr-feature--style-square .dtr-feature__icon svg { display: block; }
.dtr-feature--style-circle .dtr-feature__icon { border-radius: 50%; }
.dtr-feature--style-rounded .dtr-feature__icon { border-radius: var(--dtr-radius-rounded); }
.dtr-feature--style-square .dtr-feature__icon { border-radius: 0; }
/* elementor align */
.elementor-align-center .dtr-feature__icon { margin: 0 auto; }
.elementor-align-right .dtr-feature__icon { margin-left: auto; }
/*== Icon + heading ==*/
.dtr-iconhead { display: inline-flex; align-items: center; }
.dtr-iconhead__icon { display: inline-flex; align-items: center; }
.dtr-iconhead__heading { margin: 0; padding: 0; }
.dtr-iconhead--align-left .dtr-iconhead__icon { margin-right: 10px; }
.dtr-iconhead--align-right { flex-direction: row-reverse; }
.dtr-iconhead--align-right .dtr-iconhead__icon { margin-left: 10px; }
.dtr-iconhead--style-default .dtr-iconhead__icon { font-size: 16px; }
.dtr-iconhead--style-circle .dtr-iconhead__icon, .dtr-iconhead--style-square .dtr-iconhead__icon { text-align: center; border: 1px solid rgba(187,179,158,0.4); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; border-radius: 50%; font-size: 16px; line-height: 1; }
.dtr-iconhead--style-square .dtr-iconhead__icon { border-radius: 0; }
.dtr-iconhead--style-circle .dtr-iconhead__icon svg, .dtr-iconhead--style-square .dtr-iconhead__icon svg { display: block; }
.dtr-iconhead--boxed { padding: 10px 20px; /*background-color: var(--dtr-bg-gray);*/ }
.dtr-iconhead--boxed a { color: inherit; }
/*== Icon list ==*/
.dtr-icon-list { margin: 0; padding: 0; }
.dtr-icon-list__list-item { position: relative; list-style-type: none; display: flex; flex-direction: row; align-items: center; align-content: center; padding: 0 0 15px 0; margin: 0 0 15px 0; font-size: 18px; border-bottom: 1px solid var(--dtr-border-color-main); }
.dtr-icon-list__link { display: flex; }
.dtr-icon-list__icon { margin-right: 10px; }
/*== Theme heading ==*/
.dtr-heading { margin: 0; padding: 0; }
.dtr-heading__gradient { display: inline-block; background-image: -moz-linear-gradient(to right, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 100%); background-image: -webkit-linear-gradient(to right, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 100%); background-image: linear-gradient( to right, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/*== Recent post carousel ==*/
.dtr-recentposts-carousel .swiper-slide { height: auto; align-self: stretch; }
.dtr-recentposts-carousel .dtr-post-block__content-wrapper { display: flex; flex-direction: column; height: 100%; padding: 20px; box-sizing: border-box; background-color: var(--dtr-base-color-secondary); }
.dtr-radius--rounded .dtr-post-block__content-wrapper { border-radius: var(--dtr-radius-rounded); }
.dtr-radius--rounded .dtr-post-block__img-wrapper, .dtr-radius--rounded .dtr-post-block__img-wrapper img { border-radius: var(--dtr-radius-rounded-medium); }
.dtr-post-block__img-wrapper { margin-bottom: 20px; }
.dtr-post-block__title, .dtr-post__button-wrap .dtr-post__button { margin: 0; padding: 0; border: 0; }
.dtr-post-block .dtr-meta-category { margin-bottom: 20px; }
.dtr-post-block__excerpt { margin-top: 20px; }
.dtr-post__button-wrap { margin-top: 50px; }
.dtr-recentposts-carousel .dtr-meta-category { font-size: var(--dtr-font-size-sm); }
.dtr-recentposts-carousel .dtr-post-block__meta { margin-top: 50px;  }
.dtr-post-block__btm-content {  margin-top: auto; }
/*== About ==*/
.dtr-about__img { position: relative; display: inline-flex; }
.dtr-about-title__left { position: absolute; left: 0; top: 30%; }
.dtr-about-title__right { position: absolute; right: 3rem; bottom: 10%; }
.dtr-about-title { position: relative; padding: 8px 10px; border-radius: 8px; background-color: var(--dtr-base-color-quaternary); font-size: var(--dtr-font-size-sm); font-weight: var(--dtr-font-weight-bold); color: var(--dtr-text-on-base-quaternary); }
.dtr-about-title::after { position: absolute; top: -22px; font-size: 16px; font-family: 'icomoon'; content: "\e95e"; color: var(--dtr-base-color-quaternary); }
.dtr-about-title__left .dtr-about-title::after { right: -15px; }
.dtr-about-title__right .dtr-about-title::after { left: -15px; transform: rotate(-90deg); }
@keyframes aboutCursorLeft {
0% {
transform:translate(0)
}
15% {
transform:translate(1rem, -4rem)
}
50% {
transform:translate(0)
}
75% {
transform:translate(-4rem, -5rem)
}
}
@keyframes aboutCursorRight {
0% {
transform:translate(0)
}
15% {
transform:translate(1rem, -5rem)
}
50% {
transform:translate(0)
}
75% {
transform:translate(-5rem, -6rem)
}
}
@keyframes aboutCursorLeftsm {
0% {
transform:translate(0)
}
15% {
transform:translate(1rem, -2rem)
}
50% {
transform:translate(0)
}
75% {
transform:translate(-2rem, -3rem)
}
}
@keyframes aboutCursorRightsm {
0% {
transform:translate(0)
}
15% {
transform:translate(1rem, -3rem)
}
50% {
transform:translate(0)
}
75% {
transform:translate(-3rem, -4rem)
}
}

@media (min-width: 993px) {
.dtr-aboutCursorLeft { animation: aboutCursorLeft 12s ease infinite; }
.dtr-aboutCursorRight { animation: aboutCursorRight 12s cubic-bezier(.40, .20, .50, 1.20) infinite; }
}

@media (max-width: 992px) {
.dtr-about-title__left { position: absolute; left: 2rem; bottom: 18rem; }
.dtr-about-title__right { position: absolute; right: 2rem; bottom: 2rem; }
.dtr-aboutCursorLeft { animation: aboutCursorLeftsm 12s ease infinite; }
.dtr-aboutCursorRight { animation: aboutCursorRightsm 12s cubic-bezier(.40, .20, .50, 1.20) infinite; }
}
/*== number ==*/
.dtr-number-feature { position: relative; }
.dtr-number-feature--boxed { padding: 30px 20px; background-color: var(--dtr-base-color-secondary); }
.dtr-number-feature__number { display: inline-flex; align-items: center; justify-content: center; border-radius: var(--dtr-radius-rounded-medium); font-size: 15px; line-height: 15px; font-weight: normal; z-index: 9; border: 1px solid var(--dtr-border-color-main); padding: 5px 10px; background-color: transparent; }
.dtr-number-feature__content { margin-top: 50px; }
.dtr-number-feature__heading { margin: 0; padding: 0; }
.dtr-number-feature__text { margin: 20px 0 0 0; }
.dtr-number-feature__link::after { font-family: 'icomoon'; content: "\e967"; font-size: 32px; font-weight: normal; }
.dtr-number-feature__link { display: inline-flex; position: absolute; right: -10px; top: -10px; transform: rotate(-45deg); }
.dtr-number-feature--boxed .dtr-number-feature__link { right: 20px; top: 30px; }
.dtr-number-feature:hover .dtr-number-feature__link { transform: rotate(0); }
/*== Testimonial ==*/
.dtr-testimonial { padding: 50px; background-color: var(--dtr-base-color-secondary); border-radius: var(--dtr-radius-rounded); }
.dtr-testimonial__content img { margin-top: 15px; }
.dtr-testimonial__client-info { display: flex; flex-direction: column; align-items: flex-start; }
.dtr-testimonial__client-name { margin: 0; padding: 0; }
.dtr-testimonial__client-job { margin: 0; padding: 0; font-size: .9em; }
.dtr-testimonial__client-info-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.dtr-testimonial__client-img-wrapper { position: relative; width: 70px; height: 70px; margin-left: 15px; }
.dtr-testimonial .dtr-testimonial__client-img, .dtr-testimonial .dtr-testimonial__client-img-wrapper img { width: 70px; height: 70px; border-radius: var(--dtr-radius-round); }
.dtr-testimonial__icon { display: block; margin-bottom: 20px; }
.dtr-testimonial__icon::before { font-family: 'icomoon'; content: "\e99f"; font-size: 18px; color: inherit; }
/*== Marquee ==*/
.dtr-marquee-wrapper { max-width: 100%; overflow: hidden; }
.dtr-marquee { white-space: nowrap; display: flex; align-items: center; font-size: 1.7em; animation-duration: 15s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: dtr-marquee; color: var(--dtr-text-color-three); }
.dtr-marquee-l { animation-direction: reverse; }
.dtr-marquee__text { margin: 0 50px 0 0; }
.dtr-marquee__icon { display: inline-flex; padding: 0; margin: 0 0 0 50px; }
@keyframes dtr-marquee {
0% {
 transform: translate3d(0, 0, 0);
}
100% {
 transform: translate3d(-50%, 0, 0);
}
}
/*== Timeline ==*/
.dtr-timeline { display: flex; align-items: center; }
.dtr-timeline__heading { margin: 0; padding: 0; color: var(--dtr-text-color-two); }
.dtr-timeline__heading-subtext { color: var(--dtr-text-color-one); }
.dtr-timeline__text { display: inline-flex; align-items: center; align-content: center; padding: 5px 10px; margin: 5px 0 0 0; border-radius: var(--dtr-radius-rounded-medium); font-size: var(--dtr-font-size-sm); line-height: 1em; border: 1px solid var(--dtr-border-color-main); color: var(--dtr-text-color-one); }
.dtr-timeline--icon-align-right { flex-direction: row-reverse; }
.dtr-timeline--icon-align-left .dtr-timeline__content { margin-left: 20px; }
.dtr-timeline--icon-align-right .dtr-timeline__content { margin-right: 20px; }
.dtr-timeline--style-default .dtr-timeline__icon { font-size: 32px; }
.dtr-timeline--style-circle .dtr-timeline__icon, .dtr-timeline--style-square .dtr-timeline__icon, .dtr-timeline--style-rounded .dtr-timeline__icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; min-width: 60px; font-size: 24px; line-height: 1; border: 0; background-color: var(--dtr-base-color-primary); color: var(--dtr-text-on-base-primary); }
.dtr-timeline--style-circle .dtr-timeline__icon, .dtr-timeline--style-square.dtr-timeline--size-small .dtr-timeline__icon { border-radius: 50%; }
.dtr-timeline--style-square .dtr-timeline__icon { border-radius: 0; }
.dtr-timeline--style-rounded .dtr-timeline__icon { border-radius: var(--dtr-radius-rounded); }
.dtr-timeline--style-circle .dtr-timeline__icon svg, .dtr-timeline--style-square .dtr-timeline__icon svg { display: block; }
.arrow { display: inline-flex; }
.arrow::after { font-family: 'icomoon'; content: "\e93d"; margin: 0 2px; color: inherit; }
/*== skills ==*/
.dtr-skills { text-align: center; }
.dtr-skills__icon { display: flex; justify-content: center; font-size: 32px; }
.dtr-skills__content { padding: 20px; border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-base-color-secondary); }
.dtr-skills__heading { margin: 20px 0 0 0; padding: 0; }
.dtr-skills__number { margin: 30px 0 0 0; font-size: var(--dtr-font-size-sm); }
/*== Video ==*/
.dtr-video-popup { display: flex; align-items: center; }
.dtr-video-button { position: relative; display: inline-block; width: 100px; height: 100px; text-align: center; border-radius: 50%; z-index: 9; background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.dtr-video-button::after { font-family: 'icomoon'; content: "\e939"; font-size: 32px; vertical-align: middle; line-height: 100px; margin-left: 2px; color: inherit; }
.dtr-border-animation { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-width: 1px; border-style: solid; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-animation: pulse-border 4.5s linear 0s infinite; -ms-animation: pulse-border 4.5s linear 0s infinite; -o-animation: pulse-border 4.5s linear 0s infinite; animation: pulse-border 4.5s linear 0s infinite; -webkit-animation-play-state: running; -moz-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running; opacity: 0; z-index: 9; /*border-color: var(--dtr-white);*/ }
.dtr-video-button:hover .dtr-border-animation { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused }
.dtr-video-btn-text { padding-left: 10px; }
.dtr-video-button:hover { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.dtr-border-animation.dtr-border-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
.dtr-border-animation.dtr-border-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
/* pulse border */
@-webkit-keyframes pulse-border {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-webkit-transform:scale(1.6);
transform:scale(1.6);
opacity:1
}
50% {
-webkit-transform:scale(1.9);
transform:scale(1.9);
opacity:1
}
100% {
-webkit-transform:scale(2.3);
transform:scale(2.3);
opacity:0
}
}
@-moz-keyframes pulse-border {
0% {
-moz-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-moz-transform:scale(1.6);
transform:scale(1.6);
opacity:1
}
40% {
-moz-transform:scale(1.9);
transform:scale(1.9);
opacity:1
}
100% {
-moz-transform:scale(2.3);
transform:scale(2.3);
opacity:0
}
}
@keyframes pulse-border {
0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
20% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:1
}
40% {
-webkit-transform:scale(1.9);
-moz-transform:scale(1.9);
-o-transform:scale(1.9);
transform:scale(1.9);
opacity:1
}
100% {
-webkit-transform:scale(2.3);
-moz-transform:scale(2.3);
-o-transform:scale(2.3);
transform:scale(2.3);
opacity:0
}
}
/*===== portfolio grid =====*/
.dtr-portfolio-grid-2col, .dtr-portfolio-grid-3col, .dtr-portfolio-grid-4col, .dtr-portfolio-grid-5col { margin: 0 -10px; }
.dtr-portfolio-grid-2col.dtr-portfolio-compact, .dtr-portfolio-grid-3col.dtr-portfolio-compact, .dtr-portfolio-grid-4col.dtr-portfolio-compact, .dtr-portfolio-grid-5col.dtr-portfolio-compact { margin: 0; }
.dtr-portfolio-grid-2col .dtr-portfolio-item { width: 50%; padding: 0 10px; }
.dtr-portfolio-grid-3col .dtr-portfolio-item { width: 33.33333333%; padding: 0 10px; }
.dtr-portfolio-grid-4col .dtr-portfolio-item { width: 25%; padding: 0 10px; }
.dtr-portfolio-grid-5col .dtr-portfolio-item { width: 20%; padding: 0 10px; }
.dtr-portfolio-grid-2col.dtr-portfolio-compact .dtr-portfolio-item, .dtr-portfolio-grid-3col.dtr-portfolio-compact .dtr-portfolio-item, .dtr-portfolio-grid-4col.dtr-portfolio-compact .dtr-portfolio-item, .dtr-portfolio-grid-5col.dtr-portfolio-compact .dtr-portfolio-item { padding: 0; }
.dtr-portfolio-grid .dtr-portfolio-item { margin-bottom: 20px; }
.dtr-portfolio-compact .dtr-portfolio-item { margin-bottom: 0; }
/*== filter nav ==*/
.dtr-portfolio__head-wrapper { display: flex; align-items: center; align-content: center; justify-content: space-between; margin-bottom: 30px; }
.dtr-portfolio__main-title { margin: 0; }
.dtr-filter-nav { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.dtr-filter-nav li { padding: 0; margin: 0; display: inline-flex; list-style-type: none; }
.dtr-filter-nav a { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 7px 30px; margin: 0 0 0 10px; font-size: 18px; line-height: 24px; font-weight: var(--dtr-btn-font-weight); text-align: center; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-round); background-color: transparent; color: var(--dtr-text-color-three); background-size: 200%; }
.dtr-filter-nav a:hover { color: var(--dtr-text-color-two); }
.dtr-filter-nav a.active { background-color: var(--dtr-base-color-tertiary); background-image: -o-linear-gradient( left, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 51%, var(--dtr-base-color-tertiary) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(var(--dtr-base-color-tertiary)), color-stop(51%, var(--dtr-base-color-quaternary)), to(var(--dtr-base-color-tertiary)) ); background-image: linear-gradient( to right, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 51%, var(--dtr-base-color-tertiary) 100% ); color: var(--dtr-btn-hover-color); }
.dtr-filter-nav a:hover { background-position: -100%; }
.dtr-filter-nav a.active:hover { background-position: 0; }
/*elementor fix */
.elementor-widget-dtr-grid-portfolio .elementor-widget-container { min-height: 1px; }
/*== portfolio item ==*/
.dtr-portfolio-item { position: relative; float: left; overflow: hidden; }
.dtr-portfolio-item__wrapper { display: block; position: relative; overflow: hidden; padding: 20px; background-color: var(--dtr-base-color-secondary); }
.dtr-portfolio-item__img { display: block; overflow: hidden; }
.dtr-portfolio-item__img img { position: relative; width: 100%; height: auto; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; will-change: transform; }
.dtr-radius--rounded .dtr-portfolio-item__img, .dtr-radius--rounded .dtr-portfolio-item__img img { border-radius: var(--dtr-radius-rounded-medium); }
.no-portfolio-img { background-color: var(--dtr-base-color-secondary); min-height: 250px; }
.dtr-portfolio-item:hover .dtr-portfolio-item__img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.dtr-radius--square .dtr-portfolio-item__img, .dtr-radius--square .dtr-portfolio-item__img img, .dtr-radius--square.dtr-portfolio-item__wrapper { border-radius: 0; }
.dtr-portfolio-item__wrap-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 90; }
.dtr-portfolio-item__content { position: relative; padding: 15px 50px 0 0; }
.dtr-portfolio-item__heading { padding: 0; margin: 0; }
.dtr-portfolio-item__subheading { padding: 0; margin: 10px 0 0 0; line-height: var(--dtr-line-height-heading); }
.dtr-portfolio-item__link { position: absolute; left: auto; right: 0; top: 10px; z-index: 99; transform: rotate(-45deg); }
.dtr-portfolio-item__link::after { font-family: 'icomoon'; content: "\e967"; font-size: 32px; line-height: 32px; font-weight: normal; }
.dtr-portfolio-item:hover .dtr-portfolio-item__link { transform: rotate(0); }
/* portfolio single */
.dtr-portfolio-thumb, .dtr-portfolio-thumb img { border-radius: var(--dtr-radius-rounded); }
/*----------------------------------------*/
/*----- 9 Forms -----*/
/*----------------------------------------*/
/*== Forms ==*/
form { margin: 0; padding: 0; z-index: 0; }
form p { margin: 0; padding: 0; }
label { width: 100%; height: auto; font-weight: var(--dtr-font-weight-bold); margin-bottom: 10px; }
form label.error { font-size: 10px; line-height: 1; font-weight: var(--dtr-font-weight-normal); }
select, textarea, input { position: relative; display: block; width: 100%; padding: 10px 15px; margin: 0 0 10px 0; border-width: var(--dtr-input-border-width); border-style: solid; border-radius: var(--dtr-input-border-radius); font-weight: var(--dtr-font-weight-normal); vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
select { background-image: url(assets/images/select-arrow-light.png); background-repeat: no-repeat; background-position: top 50% right 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=radio], input[type=checkbox] { margin: 0 10px 0 0; vertical-align: middle; width: auto; display: inline-block; }
textarea, #commentform textarea { width: 100% !important; height: auto; border-radius: var(--dtr-input-border-radius); }
/* form colors */
select, textarea, input, input[type="search"] { background-color: var(--dtr-input-bg); border-color: var(--dtr-input-border-color); color: var(--dtr-input-color); }
select:focus, textarea:focus, input:focus { border: 1px solid var(--dtr-input-focus-border-color); }
/*== Form column styles ==*/
.dtr-form-row, .dtr-form-row-2col, .dtr-form-row-3col, .dtr-form-row-unequal, .dtr-form-row-2col-unequal { margin-right: -7px; margin-left: -7px }
.dtr-form-column { position: relative; min-height: 1px; padding-right: 7px; padding-left: 7px; width: 50%; float: left; }
.dtr-for-row::before, .dtr-form-row-2col::before, .dtr-form-row-3col::before, .dtr-form-row-unequal::before, .dtr-form-row-2col-unequal::before { display: table; content: ""; }
.dtr-for-row::after, .dtr-form-row-2col::after, .dtr-form-row-3col::after, .dtr-form-row-unequal::after, .dtr-form-row-2col-unequal::after { clear: both }
.dtr-form-row-2col .dtr-form-column { width: 50%; }
.dtr-form-row-3col .dtr-form-column { width: 33.33333333% }
.dtr-form-row-unequal .dtr-form-column { width: 60% }
.dtr-form-row-unequal .dtr-form-column:last-child { width: 40% }
.dtr-form-row-2col-unequal .dtr-form-column { width: 70%; }
.dtr-form-row-2col-unequal .dtr-form-column:last-child { width: 30%; }
/*== Header search ==*/
.dtr-search-modal-trigger { width: auto; height: auto; display: inline-block; text-align: center; position: relative; border: 0; border-radius: var(--dtr-radius-round); padding: 0; margin-left: 15px; }
.dtr-search-modal-trigger::after { font-family: 'icomoon'; content: "\e925"; vertical-align: middle; font-size: 16px; line-height: 18px; z-index: 9; color: inherit; }
/*== Search modal ==*/
.dtr-search-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); visibility: hidden; opacity: 0; z-index: 9999; background-color: var(--dtr-base-color-primary); }
.dtr-search-modal .dtr-modal-content { max-width: 500px; height: auto; position: absolute; top: 50%; left: 0; right: 0; padding: 15px; margin: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.dtr-search-modal.open { -webkit-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; }
.dtr-modal-close { position: absolute; top: 50px; right: 50px; cursor: pointer; /*color: var(--dtr-white);*/ }
.dtr-modal-close:after, .vbox-close::after { font-family: 'icomoon'; content: "\e921"; display: inline-block; font-size: 20px; line-height: 20px; transform: rotate(45deg); }
.vbox-close img, .vbox-close svg { display: none; }
/*== Search form ==*/
.dtr-search-form, .wp-block-search, .wp-block-search__inside-wrapper { position: relative; }
.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; }
.dtr-search-form input[type="search"], .wp-block-search .wp-block-search__input { position: relative; width: 100%; height: 50px; padding: 15px 50px 15px 15px; margin: 0; border-width: var(--dtr-input-border-width); border-style: solid; border-radius: var(--dtr-input-border-radius); }
button.dtr-search-submit, .dtr-search-submit, .wp-block-search .wp-block-search__button { display: block; width: 36px; height: 36px; font-weight: var(--dtr-font-weight-normal); padding: 0; margin: 0; border-width: 0; border-radius: 50%; cursor: pointer; position: absolute; top: 7px; right: 15px; left: auto; text-align: center; box-sizing: border-box; background: none; }
.dtr-search-submit::before, .wp-block-search__button::before { font-family: 'icomoon'; content: "\e925"; font-size: 14px; line-height: 36px; font-weight: var(--dtr-font-weight-normal); text-decoration: none; vertical-align: middle; color: inherit; }
.wp-block-search .wp-block-search__button { font-size: 0; border: 0; margin: 0 0 -5px 0; }
.wp-block-search__button-inside .wp-block-search__button { font-size: 0; border: 0; margin: 5px 0 0 0; }
.wp-block-search__label { display: none; }
.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 0; }
.wp-block-search__button svg { display: none; }
/*== Comment form ==*/
#comments label { display: none; }
#commentform #submit { margin: 0; }
#commentform .form-submit { margin-top: 20px; }
#comment .comment-notes { margin-bottom: 20px; font-size: .80em; }
.comment-form-cookies-consent { display: flex; align-items: center; margin: 20px 0 10px 0; }
#comments .comment-form-cookies-consent label { display: inline-flex; margin: 0; font-weight: var(--dtr-font-weight-normal); }
.comment-notes { margin-bottom: 10px; }
#comments .dtr-form-column, .login-username { margin-bottom: 10px; }
.login-remember { margin-top: 10px; }
.comment-aste { font-weight: bold; margin-left: 3px; color: #bc1b06; }
/*== Contact form7 override ==*/
.wpcf7-validation-errors { display: block; margin: 0; }
.wpcf7 .wpcf7-not-valid-tip { margin-top: 0; font-size: .85em; }
span.wpcf7-list-item { display: inline-block; margin-right: 20px; margin-left: 0; }
.wpcf7 form .wpcf7-response-output { margin: 10px 0; }
.wpcf7-response-output.wpcf7-validation-errors { display: block; }
.wpcf7 label { line-height: 2; }
.wpcf7-acceptance label { font-weight: normal; }
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {
display:none;
}
/*== Forms ==*/
form label.error { color: #fc7474; }
form input.error, form textarea.error, form password.error { border-color: #fc7474; }
/* focus */
select:focus, textarea:focus, input:focus { outline: none; }
/* placeholder */
::-webkit-input-placeholder {
color: rgba(187, 186, 166, .35);
}
:-moz-placeholder {
color: rgba(187, 186, 166, .35);
}
::-moz-placeholder {
color: rgba(187, 186, 166, .35);
}
:-ms-input-placeholder {
color: rgba(187, 186, 166, .35);
}
/*----------------------------------------*/
/*----- 10 Pagers for pages, posts, comments etc. -----*/
/*----------------------------------------*/
.dtr-archive-nav { margin: 50px 0; }
/*== Single post nav ==*/
.dtr-single-post-nav { display: flex; justify-content: space-between; align-items: center; max-width: 100%; margin: 50px 0; }
.single-dtr_portfolio .dtr-single-post-nav { margin-bottom: 0; }
.single-dtr_portfolio.elementor-default .dtr-single-post-nav { margin: 100px 0; }
.dtr-single-nav-prev { width: 50%; padding-right: 10px; }
.dtr-single-nav-next { width: 50%; padding-left: 10px; }
.dtr-single-nav-text a { display: flex; align-items: center; }
.dtr-single-nav-next a { justify-content: flex-end; }
/*== Archive / Number / General Arrow Nav / Single post nav arrow ==*/
.dtr-arrow-nav, .dtr-number-nav, .dtr-page-links { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.dtr-arrow-nav { align-items: flex-start; }
.dtr-nav__button a, .dtr-nav__button .current, .post-page-numbers, .dtr-single-nav-prev a::before, .dtr-single-nav-next a::after { width: 40px; height: 40px; display: inline-flex; padding: 0; margin: 0; border: 0; justify-content: center; align-items: center; border-radius: var(--dtr-radius-pagination); font-size: 16px; font-weight: var(--dtr-font-weight-normal); background-color: var(--dtr-base-color-secondary); }
.dtr-nav__prev-button a::before, .dtr-single-nav-prev a::before { font-family: 'icomoon'; content: "\e968"; font-size: 32px; }
.dtr-nav__next-button a::after, .dtr-single-nav-next a::after { font-family: 'icomoon'; content: "\e967"; font-size: 32px; }
.dtr-single-nav-prev a::before { margin-right: 10px; }
.dtr-single-nav-next a::after { margin-left: 10px; }
.dtr-number-nav { list-style: none; }
.dtr-number-nav li, .post-page-numbers { display: inline-block; text-align: center; margin: 0 2px; padding: 0; }
.dtr-page-links { margin: 20px 0 10px 0; justify-content: flex-start; }
.dtr-arrow-nav .dtr-nav__button { margin: 0 2px; }
/*== Comments nav ==*/
.dtr-comments-navigation { margin: 50px 0; }
.dtr-comments-nav-left-text, .dtr-comments-nav-right-text { margin: 0; }
.dtr-comments-nav-right-text { text-align: right; }
/*----------------------------------------*/
/*----- 11 Blog -----*/
/*----------------------------------------*/
.dtr-archive-post-title { font-size: var(--dtr-font-size-h3); }
/*== Thumb ==*/
.dtr-entry-thumb { position: relative; margin: 0 0 30px 0; }
.dtr-entry-thumb iframe { margin-bottom: 0; }
.single-dtr_testimonial .dtr-testimonial-thumb { margin-bottom: 30px; }
.single-dtr_portfolio .dtr-portfolio-thumb { margin-top: 50px; margin-bottom: 30px; }
.dtr-radius--rounded.dtr-entry-thumb img, .dtr-radius--rounded.dtr-single-thumb img { border-radius: var(--dtr-radius-rounded); }
/*== Meta ==*/
.dtr-meta { display: flex; align-items: center; align-content: center; flex-direction: row; flex-wrap: wrap; font-size: var(--dtr-font-size-sm); }
.text-center .dtr-meta { justify-content: center; }
.text-right .dtr-meta { justify-content: flex-end; }
.dtr-meta-item { margin: 0 20px 0 0; display: inline-flex; align-items: center; }
.dtr-entry-meta .dtr-meta-item { margin-bottom: 10px; }
.dtr-meta-item:last-child { margin-right: 0; }
.dtr-meta-item::before { display: inline-flex; color: var(--dtr-text-color-three); }
.dtr-meta-author::before { font-family: 'icomoon'; content: "\e952"; font-size: 16px; margin-right: 10px; }
.dtr-meta-date::before { font-family: 'icomoon'; content: "\e958"; font-size: 16px; margin-right: 10px; }
.dtr-meta a { color: inherit; }
.dtr-meta a:hover { color: var(--dtr-text-color-two); }
.dtr-post-footer-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 50px; }
.dtr-entry-meta { margin-bottom: 5px; }
.dtr-single-pre-meta { margin-bottom: 30px; }
.dtr-single-post-meta { margin: 30px 0; }
.dtr-meta-title { margin-right: 10px; }
/*category*/
.dtr-meta-category { display: flex; align-items: center; flex-wrap: wrap; }
.dtr-meta-category a { display: inline-flex; padding: 5px 10px; margin: 0 5px 5px 0; border-radius: var(--dtr-radius-rounded-medium); border: 1px solid var(--dtr-border-color-main); }
.dtr-entry-meta .dtr-meta-category { margin-right: 15px; margin-bottom: 5px; }
/*excerpt*/
.dtr-entry-excerpt { margin-top: 20px; }
.dtr-post__button { display: flex; padding-top: 20px; margin-top: 30px; }
/*== post footer ==*/
.dtr-post-divider { display: block; }
.dtr-blog-default .dtr-post-divider { height: 100px; }
.dtr-blog-grid .dtr-post-divider { height: 20px; }
/*== Grid / masonry - blog / search ==*/
.dtr-post-item__content-wrapper { padding: 20px; border: 0 solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-base-color-secondary); }
.dtr-blog-grid .dtr-post-item, .dtr-search-grid .dtr-search-item { width: 49.99%; float: left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.dtr-blog-grid.dtr-blog-grid-3col .dtr-post-item { width: 33.222222%; }
.dtr-search-grid .dtr-search-item { width: 33%; margin-bottom: 20px; }
.dtr-blog-grid .dtr-post-grid, .dtr-search-grid-wrapper .dtr-search-grid { margin: 0 -10px 0 -10px; }
.dtr-post-item.first-post { width: 100%; display: block; float: none; box-sizing: border-box; }
/*== Single post ==*/
.dtr-single-post-title { display: flex; align-items: center; justify-content: center; }
.text-left .dtr-single-post-title { justify-content: flex-start; }
.text-right .dtr-single-post-title { justify-content: flex-end; }
/*== Search items ==*/
.dtr-search-item-inner { padding: 20px; border-width: 0; border-style: solid; border-color: var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-base-color-secondary); }
.dtr-search-grid .dtr-entry-thumb { margin-bottom: 20px; border-radius: var(--dtr-radius-rounded-medium); }
.dtr-search-grid .dtr-entry-thumb img { border-radius: var(--dtr-radius-rounded-medium); }
.dtr-search-grid .dtr-search-post-title { padding: 0; margin: 0; }
/*= Author bio ==*/
.dtr-author-info { display: flex; flex-direction: row; margin: 50px 0; padding: 20px; background-color: var(--dtr-base-color-secondary); border-radius: var(--dtr-radius-rounded); }
.dtr-author-title { font-size: 30px; line-height: 34px; margin: 0; }
.dtr-author-description { margin: 10px 0 0 0; }
.dtr-user-url { display: block; }
.dtr-user-url, .dtr-author-description .dtr-social-list { margin: 15px 0 0 0; }
.dtr-author-info .dtr-author-link { display: block; }
.dtr-author-avatar { min-width: 130px; width: 130px; height: 130px; margin-right: 30px; }
.dtr-author-avatar img { border-radius: var(--dtr-radius-rounded-medium); }
.dtr-author-jobtitle { margin-top: 5px; }
.dtr-author-page-link { margin-top: 20px; }
.dtr-protected-msg { text-align: left; }
/*----------------------------------------*/
/*----- 12 Comments -----*/
/*----------------------------------------*/
#comments { margin: 50px 0 0 0; padding: 0; border: 0; }
#commentform { margin-bottom: 50px; }
.logged-in-as { margin-bottom: 10px; }
#respond { margin: 50px 0; }
#respond form { margin: 0; }
.comments-title { margin-bottom: 30px; }
.comments-title, .comment-reply-title { font-size: 32px; }
/* comment list */
.comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; }
.comment-list { margin: 0; padding: 0; }
.comment-list li.comment { padding-bottom: 0; margin-bottom: 0; }
.comment-list li.comment ol.children { padding: 0; margin: 0; }
.comment-list li.comment ol.children li { padding: 0; margin: 0; }
.comment-list li.comment ol.children li { padding-left: 30px; }
/* comment meta */
.dtr-comment-body { padding: 0; box-sizing: border-box; }
.dtr-comment-wrapper { width: 100%; display: table; table-layout: fixed; padding-bottom: 20px; margin-bottom: 20px; border: 0; }
.dtr-comment-avatar, .dtr-comment-content { display: table-cell; vertical-align: top; }
.dtr-comment-avatar { width: 80px; border-radius: var(--dtr-radius-round); }
.dtr-comment-avatar img { width: 60px; border-radius: var(--dtr-radius-round); }
.dtr-comment-content { min-width: 1%; width: auto; }
.dtr-comment-content-inner { padding-top: 15px; }
.dtr-comment-meta-wrapper { display: flex; align-content: space-between; align-items: flex-start; }
.dtr-comment-author { margin: 0 0 10px 0; }
.dtr-comment-date, .comment-edit-link { margin-right: 15px; font-size: var(--dtr-font-size-sm); }
.comment-reply-link { position: relative; display: inline-block; margin: 0 0 0 auto; }
.dtr-reply { position: relative; margin-left: auto; padding-left: 20px; }
.dtr-reply a { padding: 7px 15px; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-round); }
.dtr-reply a::before { font-family: 'icomoon'; content: "\e930"; margin-right: 10px; }
#cancel-comment-reply-link { margin-left: .7em; }
#reply-title small { font-size: var(--dtr-font-size-sm); }
.pingback .comment-edit-link { display: block; margin: 0; }
.pingback .comment-body { margin-left: 0; min-height: 1px; }
/*----------------------------------------*/
/*----- 13 Widgets -----*/
/*----------------------------------------*/
#dtr-main-header .widget { margin-bottom: 0; }
.dtr-widget-group .wp-block-group, .wp-block-cover, .wp-block-cover-image { padding: 20px; border-radius: var(--dtr-radius-rounded); }
.dtr-widget-group .wp-block-group { position: relative; border: 0; background-color: var(--dtr-base-color-secondary); }
.dtr-widget-area .wp-block-heading { color: var(--dtr-text-color-three); }
/*== Custom - Social Widget ==*/
.dtr-social li { list-style: none; display: inline-block; text-align: center; margin: 0 5px; }
.dtr-social-circle li, .dtr-social-square li { margin: 2px; }
.text-left .dtr-social li:first-child { margin-left: 0; margin-right: 2px; }
.text-right .dtr-social li:last-child { margin-left: 2px; margin-right: 0; }
.dtr-social li a { display: flex; border-width: 1px; border-style: solid; border-radius: var(--dtr-radius-round); width: 40px; height: 40px; font-size: 16px; padding: 0; justify-content: center; align-items: center; }
.dtr-social-default .dtr-social li a { font-size: 24px; }
.dtr-social-share.dtr-social-default .dtr-social li a { font-size: 16px; width: 18px; height: 18px; margin-left: 15px; }
.dtr-social-share.dtr-social-default .dtr-social li:first-child a { margin-left: 0; }
.dtr-social a::before { color: inherit; }
.dtr-social-square .dtr-social li a { border-radius: var(--dtr-square); }
/*== social icons ==*/
.dtr-social a::before, .dtr-social a i, .dtr-social-share-list li a::before { display: inline-block; font-family: 'icomoon'; vertical-align: middle; font-weight: var(--dtr-font-weight-normal); }
.dtr-social .dtr-facebook::before, .dtr-social-share-list .dtr-facebook-share::before { content: "\e97a"; }
.dtr-social .dtr-twitter::before, .dtr-social-share-list .dtr-twitter-share::before { content: "\e99d"; }
.dtr-social .dtr-pinterest::before, .dtr-social-share-list .dtr-pinterest-share::before { content: "\e985"; }
.dtr-social .dtr-google::before, .dtr-social-share-list .dtr-google-share::before { content: "\e97e"; }
.dtr-social .dtr-linkedin::before, .dtr-social-share-list .dtr-linkedin-share::before { content: "\e980"; }
.dtr-social .dtr-instagram::before, .dtr-social-share-list .dtr-instagram-share::before { content: "\e97f"; }
.dtr-social .dtr-meta::before { content: "\e984"; }
.dtr-social .dtr-threads::before { content: "\e995"; }
.dtr-social .dtr-behance::before { content: "\e975"; }
.dtr-social .dtr-vimeo::before { content: "\e999"; }
.dtr-social .dtr-mail::before { content: "\e962"; }
.dtr-social .dtr-youtube::before { content: "\e99e"; }
.dtr-social .dtr-dribbble::before { content: "\e977"; }
.dtr-social .dtr-whatsapp::before { content: "\e99c"; }
.dtr-social .dtr-telegram::before { content: "\e994"; }
.dtr-social .dtr-dropbox::before { content: "\e978"; }
.dtr-social .dtr-messenger::before { content: "\e97b"; }
.dtr-social .dtr-medium::before { content: "\e983"; }
.dtr-social .dtr-mastodon::before { content: "\e982"; }
.dtr-social a:focus { outline: none; }
.dtr-social-default .dtr-social li a { border-color: transparent; }
.dtr-social-with-bg .dtr-social li a { background-color: var(--dtr-base-color-secondary); border-color: var(--dtr-base-color-secondary); color: var(--dtr-text-on-base-secondary); }
/*== share ==*/
.dtr-social-share { display: flex; align-items: center; }
.dtr-social-share-list { display: inline-flex; }
.dtr-social-share-list li { list-style: none; margin: 0; }
.dtr-social-share-list li a { margin: 0 0 0 10px; }
/*== WP tag cloud ==*/
.dtr-meta-tags { display: flex; align-items: center; }
.wp-block-tag-cloud a, .dtr-meta-tags a { display: inline-flex; padding: 7px 12px; margin: 2px 10px 2px 0; font-size: var(--dtr-font-size-sm); border: 0; border-radius: var(--dtr-radius-rounded-medium); background-color: #101111; color: var(--dtr-text-on-base-secondary); }
.dtr-meta-tags a { background-color: var(--dtr-base-color-secondary); }
.wp-block-tag-cloud a { margin: 0 5px 5px -4px !important; }
/*== WP pages ==*/
.widget_pages ul li, .wp-block-page-list li { margin: 7px 0; padding: 0; list-style-type: none; display: block; }
.widget_pages ul li li, .wp-block-page-list li li { margin-left: 15px; }
.widget_pages a, .wp-block-page-list li a { display: inline-block; }
.widget_pages ul ul, .wp-block-page-list ul { margin-left: 0; }
/*== WP meta ==*/
.widget_meta { margin: 0; padding: 0; list-style-type: none; }
.widget_meta li { margin: 0 0 10px 0; padding: 0; list-style-type: none; }
.widget_meta li a { display: inline-block; }
.widget_meta li a:before { content: "-"; margin-right: 10px; vertical-align: middle; }
/*== WP archives / WP category / WP comments ==*/
.wp-block-latest-comments li { margin: 0; padding: 15px 0; list-style-type: none; display: block; border-width: 0; }
.wp-block-latest-comments li:first-child { padding-top: 0; }
.wp-block-latest-comments li:last-child { padding-bottom: 0; border: 0; }
.wp-block-latest-comments li > ul { margin-left: 0; }
.wp-block-categories-list, .wp-block-archives-list { margin: 0; padding: 0; list-style-type: none; display: block; }
.wp-block-categories-list li > ul, .wp-block-archives-list li > ul { margin-left: 0; }
.wp-block-categories-list > li, .wp-block-archives-list > li { margin: 0 0 10px 0; padding: 5px 0; list-style-type: none; display: block; }
.wp-block-categories-list > li:first-child, .wp-block-archives-list > li:first-child { padding-top: 0; }
.wp-block-categories-list > li:last-child, .wp-block-archives-list > li:last-child { padding-bottom: 0; border: 0; }
.wp-block-categories-list > li li, .wp-block-archives-list > li li { margin: 0; padding: 8px 0 0 0; list-style-type: none; display: block; }
.wp-block-categories-list .children li, .wp-block-archives-list .children li { padding-left: 15px; }
.wp-block-latest-comments__comment-excerpt { margin-top: 10px; }
.wp-block-latest-comments__comment-date { font-size: .875em; }
.wp-block-latest-comments__comment-excerpt p { font-size: 1em; }
.dtr-post-count { display: inline-block; margin-left: 5px; }
.wp-block-categories-list a, .wp-block-archives-list a { display: flex; align-items: center; }
/*== WP calendar ==*/
.wp-block-calendar { width: 100%; }
.wp-block-calendar a { text-decoration: none; }
.wp-block-calendar .wp-calendar-nav { text-align: left; }
.wp-block-calendar th, .wp-block-calendar td { text-align: center; background-color: var(--dtr-base-color-secondary); font-weight: bold; }
.wp-block-calendar tbody td, .wp-block-calendar th, .wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th { border-color: var(--dtr-border-color-main); }
.wp-block-calendar th { font-weight: bold; }
/*== WP RSS ==*/
.widget_rss ul { list-style-type: none; }
/*== WP latest posts ==*/
.wp-block-latest-posts li { margin-bottom: 15px; list-style-type: none; }
.wp-block-latest-posts li:last-child { margin-bottom: 0; }
.wp-block-latest-posts li::after { display: block; clear: both; content: ""; }
.wp-block-latest-posts__featured-image { margin-bottom: 10px; border-radius: var(--dtr-radius-rounded-small); }
.wp-block-latest-posts__featured-image img { border-radius: var(--dtr-radius-rounded-small); }
.wp-block-latest-posts li .alignright, .wp-block-latest-posts li .alignleft { margin-top: 0; }
.wp-block-latest-posts__post-excerpt { margin-bottom: 0; }
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; font-size: var(--dtr-font-size-sm); }
/*== WP navigation ==*/
.widget_nav_menu ul { padding: 0; margin: 0; list-style-type: none; }
.widget_nav_menu ul ul { margin: 0; padding: 0; border: none; }
.widget_nav_menu li { padding: 0; margin: 0; }
.widget_nav_menu li a { position: relative; display: block; padding: 10px 40px 10px 0; cursor: pointer; }
.widget_nav_menu a:hover, .widget_nav_menu li.active > a { text-decoration: none; }
.widget_nav_menu a::after { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.widget_nav_menu .parent > a:after { font-family: 'icomoon'; content: "\e967"; font-size: 32px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); font-weight: var(--dtr-font-weight-normal); }
.widget_nav_menu .parent.active > a:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.widget_nav_menu a:hover:after, .widget_nav_menu .current-menu-item a::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }
.widget_nav_menu .current_page_item > .sub-menu, .widget_nav_menu .current-menu-item > .sub-menu { display: block; }
.widget_nav_menu .sub-menu li { padding-left: 20px; }
.wp-block-categories-list li, .wp-block-archives-list li, .wp-block-latest-comments li, .widget_nav_menu li + li, .widget_nav_menu .sub-menu li { border-color: var(--dtr-border-color-main); }
/* menu via elementor */
.elementor-widget-wp-widget-nav_menu ul { padding: 0; margin: 0; list-style-type: none; border: none; }
.elementor-widget-wp-widget-nav_menu ul ul { padding: 0; margin: 0; padding: 0; }
.elementor-widget-wp-widget-nav_menu li { padding: 0; margin: 0; }
.elementor-widget-wp-widget-nav_menu li a { position: relative; display: block; padding: 10px 40px 10px 0; margin-bottom: 10px; cursor: pointer; transition: all 0.35s; font-size: 20px; }
.elementor-widget-wp-widget-nav_menu a:hover, .elementor-widget-wp-widget-nav_menu li.active > a { text-decoration: none; }
.elementor-widget-wp-widget-nav_menu a::after { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.elementor-widget-wp-widget-nav_menu a:after { font-family: 'icomoon'; content: "\e967"; font-size: 32px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); font-weight: var(--dtr-font-weight-normal); color: inherit; }
.elementor-widget-wp-widget-nav_menu .parent.active > a:after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.elementor-widget-wp-widget-nav_menu a:hover:after, .elementor-widget-wp-widget-nav_menu .current-menu-item a::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }
.elementor-widget-wp-widget-nav_menu .current_page_item > .sub-menu, .elementor-widget-wp-widget-nav_menu .current-menu-item > .sub-menu { display: block; }
.elementor-widget-wp-widget-nav_menu .sub-menu li { padding-left: 20px; }
.widget_nav_menu a:hover, .widget_nav_menu .current-menu-item a, .elementor-widget-wp-widget-nav_menu a:hover, .elementor-widget-wp-widget-nav_menu .current-menu-item a { color: var(--dtr-text-color-two); }
/*----------------------------------------*/
/*----- 14 Misc -----*/
/*----------------------------------------*/
.dtr-slider-has-arrows, .swiper.dtr-slider-has-arrows, .dtr-swiper.swiper.arrows { padding-bottom: 80px; }
.dtr-slider-has-dots, .swiper.dtr-slider-has-dots, .dtr-swiper.swiper.dots { padding-bottom: 50px; }
/*== Swiper navigation ==*/
.dtr-swiper .dtr-swiper-button { background-image: none; width: 40px; height: 40px; margin-top: -20px; border: 1px solid #eee; border-radius: var(--dtr-radius-round); text-align: center; opacity: 1; top: auto; bottom: 0; background-color: var(--dtr-base-color-secondary); border-color: var(--dtr-base-color-secondary); color: var(--dtr-text-on-base-secondary); }
.dtr-swiper .dtr-swiper-button:hover { background-color: var(--dtr-base-color-tertiary); border-color: var(--dtr-base-color-tertiary); color: var(--dtr-text-on-base-tertiary); }
.dtr-swiper:hover .dtr-swiper-button { opacity: 1; }
.dtr-swiper .dtr-swiper-button.swiper-button-disabled, .dtr-swiper:hover .dtr-swiper-button.swiper-button-disabled { opacity: 0; }
.dtr-swiper .swiper-button-next::after, .dtr-swiper .swiper-button-prev::after { font-family: 'icomoon'; font-size: 32px; line-height: 30px; color: inherit; }
.dtr-swiper .swiper-button-prev::after, .dtr-swiper.swiper-container-rtl .swiper-button-next::after { content: "\e968"; }
.dtr-swiper .swiper-button-next::after, .dtr-swiper.swiper-container-rtl .swiper-button-prev::after { content: "\e967"; }
.dtr-swiper .swiper-button-prev, .dtr-swiper.swiper-container-rtl .swiper-button-next { left: 50%; right: auto; margin-left: -43px; }
.dtr-swiper .swiper-button-next, .dtr-swiper.swiper-container-rtl .swiper-button-prev { right: 50%; left: auto; margin-right: -43px; }
/*bullet*/
.dtr-swiper .swiper-pagination { width: 100%; bottom: -50px; text-align: center; }
.dtr-swiper .swiper-pagination-horizontal .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; margin: 0 10px; background-color: var(--dtr-border-color-main); }
.dtr-swiper .swiper-pagination-bullet:hover, .dtr-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--dtr-base-color-tertiary); }
/*===== 404 error page =====*/
.error-404 { text-align: center; }
.subtext-404 { margin-top: 30px; font-size: 40px; }
.text-404 { font-size: 20px; margin-top: 20px; }
.heading-404 { background-image: url(assets/images/404.png); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 auto 20px auto; line-height: 1; width: 100%; min-width: 512px; min-height: 226px; }
.link-404 { margin-top: 30px; }

/*===== bootstrap overridde for smooth scroll =====*/
/* default: smooth */
@media (prefers-reduced-motion:no-preference) {
:root { scroll-behavior: auto }
}
/*== common transition ==*/
a:link, .dtr-nav a, #dtr-header-global, .dtr-form-btn, input, select, textarea, .dtr-swiper-button, .wp-block-categories-list li a::after, .wp-block-archives-list li a::after, .widget_nav_menu li, .elementor-widget-wp-widget-nav_menu li, .dtr-media-link, .dtr-search-modal, .swiper-pagination-bullet, .dtr-nav__button a, .post-page-numbers, .dtr-feature--boxed, .dtr-feature__icon, .dtr-icon-list__icon, .dtr-icon-list__list-text, .dtr-icon-list__list-item, .dtr-icon-list__icon, .dtr-single-nav-prev a::before, .dtr-single-nav-next a::after { -webkit-transition: all .3s ease; transition: all .3s ease; }
/*----------------------------------------*/
/*----- 15 WordPress core -----*/
/*----------------------------------------*/
/* WP gallery */
.gallery { margin-bottom: 1.5em; margin-left: -1em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0 0 1.5em; padding: 0 0 0 1em; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; font-size: 0.923em; text-align: center; padding: 5px 10px; }
.gallery-item a, .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; }
.gallery-item img { display: block; transition: all .2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.gallery br+br { display: none; }
.gallery-item img:hover { opacity: 0.8; }
/* Media */
figcaption, figure { display: block; }
figure { margin: 1em 0; }
.bypostauthor { padding: 0; margin: 0; }
.wpstats { display: none }
/* Text meant only for screen readers. */
.says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f2f2f2; -webkit-box-shadow: 0 0 2px 2px rgba(38,38,40,0.15); box-shadow: 0 0 2px 2px rgba(38,38,40,0.15); clip: auto !important; color: #262628; display: block; font-size: 14px; font-size: 0.882rem; font-weight: 500; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }
.mejs-container { margin-bottom: 1.5em; }
.mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover { background: transparent; border: 0; }
/* Caption */
.wp-caption { display: block; background: none; border: none; max-width: 100%; padding: 0; margin: 0; font-size: .92em; text-align: center; }
.wp-caption.alignnone { margin: 0; }
.wp-caption.alignleft { margin: 0 20px 0 0; }
.wp-caption.alignright { margin: 0 0 0 20px; }
.wp-caption figcaption { display: block; padding: 5px; font-size: .96em; text-transform: none; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; margin: 5px 0 0 0; padding: 0 4px 0 4px; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.bypostauthor { padding: 0; margin: 0; }
.wpstats { display: none }
/* Alignment */
.aligncenter, .alignleft, .alignright { display: block; padding: 0; }
.aligncenter { float: none; margin: 0 auto; }
.alignright { float: right; margin: 0 0 0 20px; }
.alignleft { float: left; margin: 0 20px 0 0; }
img.alignnone { float: none; margin: 0; }
img.alignleft { float: left; margin: .5em 1em .5em 0; }
img.aligncenter { display: block; float: none; margin: 0 auto; }
img.alignright { margin: .5em 0 .5em 1em; }
/* Table */
table { border-collapse: collapse; border-color: var(--dtr-border-color-main); }
td, th { border-width: 1px; border-style: solid; padding: 10px; text-align: left; border-color: var(--dtr-border-color-main); }
/* Block fixes */
.wp-block-navigation .wp-block-navigation__submenu-icon { margin-right: 10px; }
.wp-block-navigation .wp-block-navigation-item { margin-bottom: 0; }
/*----------------------------------------*/
/*----- 16 Colors -----*/
/*----------------------------------------*/
/*== Block editor color palette ==*/
/* Text colors */
.has-dark-color { color: #0e0f0f; }
.has-white-color { color: #fff; }
.has-gray-color { color: #bbbaa6; }
/* Background colors */
.has-dark-background-color { background-color: #0e0f0f; }
.has-white-background-color { background-color: #fff; }
.has-gray-background-color { background-color: #bbbaa6; }
/*== common gradient ==*/
.dtr-number-feature__number, button.dtr-search-submit, .dtr-search-submit, .wp-block-search .wp-block-search__button, #take-to-top, .dtr-meta-category a, .dtr-social-with-bg .dtr-social li a, .dtr-meta-category a, .wp-block-tag-cloud a, .dtr-meta-tags a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.dtr-number-feature:hover .dtr-number-feature__number, button.dtr-search-submit, .dtr-search-submit, .wp-block-search .wp-block-search__button, .dtr-social-with-bg .dtr-social li a:hover, #take-to-top:hover, .dtr-post-block:hover .dtr-meta-category a, .dtr-meta-category a:hover, .wp-block-tag-cloud a:hover, .dtr-meta-tags a:hover, .dtr-single-nav-prev:hover a::before, .dtr-single-nav-next:hover a::after, .dtr-nav__button a:hover, .page-numbers.current, .dtr-single-nav-prev:hover a::before, .dtr-single-nav-next:hover a::after, .post-page-numbers:hover, .post-page-numbers.current, .dtr-reply a:hover { background-size: 200%; background-color: var(--dtr-base-color-tertiary); background-image: -o-linear-gradient( left, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 51%, var(--dtr-base-color-tertiary) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(var(--dtr-base-color-tertiary)), color-stop(51%, var(--dtr-base-color-quaternary)), to(var(--dtr-base-color-tertiary)) ); background-image: linear-gradient( to right, var(--dtr-base-color-tertiary) 0%, var(--dtr-base-color-quaternary) 51%, var(--dtr-base-color-tertiary) 100% ); border-color: var(--dtr-btn-border-color); color: var(--dtr-btn-color); }
.dtr-number-feature__number, #take-to-top, .dtr-social-with-bg .dtr-social li a { background-position: -100%; }
.dtr-number-feature:hover .dtr-number-feature__number, #take-to-top:hover, .dtr-social-with-bg .dtr-social li a:hover, .dtr-post-block:hover .dtr-meta-category a, .wp-block-tag-cloud a:hover, .dtr-meta-tags a:hover, .dtr-single-nav-prev:hover a::before, .dtr-single-nav-next:hover a::after, .dtr-nav__button a:hover, .page-numbers.current, .dtr-single-nav-prev:hover a::before, .dtr-single-nav-next:hover a::after, .post-page-numbers:hover, .post-page-numbers.current, .dtr-reply a:hover { background-position: -200%; }