/* 
Theme Name: Bentocase
Theme URI: https://bentocase.tanshcreative.com
Description: Bentocase 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: bentocase
*/
/*---------- 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 Common transitions
17 Colors
*/
/*----------------------------------------*/
/*----- 1 General styles -----*/
/*----------------------------------------*/
:root { --dtr-white: #fff;
--dtr-gray: #f2f2f2;
--dtr-gray-var: #8c8c8c;
--dtr-primary: #000;
/*bg*/
--dtr-bg-gray: var(--dtr-gray);
--dtr-bg-gray-var: var(--dtr-gray-var);
--dtr-bg-primary: var(--dtr-primary);
/*text*/
--dtr-text-color-main: #000;
--dtr-text-color-gray: var(--dtr-gray-var);
--dtr-text-color-primary: var(--dtr-primary);
--dtr-text-color-on-primary: var(--dtr-white);
--dtr-text-color-heading: var(--dtr-primary);
--dtr-text-color-heading-link: var(--dtr-primary);
/*border*/
--dtr-border-color-main: rgba(0, 0, 0, .10);
--dtr-border-color-primary: var(--dtr-primary);
/*radius*/
--dtr-radius-square: 0;
--dtr-radius-rounded: 20px;
--dtr-radius-rounded-small: 4px;
--dtr-radius-round: 9999px;
--dtr-radius-pagination: var(--dtr-radius-round);
/*btn*/
--dtr-btn-bg: var(--dtr-primary);
--dtr-btn-hover-bg: var(--dtr-white);
--dtr-btn-border-color: var(--dtr-primary);
--dtr-btn-hover-border-color: var(--dtr-primary);
--dtr-btn-color: var(--dtr-text-color-on-primary);
--dtr-btn-hover-color: var(--dtr-text-color-primary);
--dtr-btn-font-size: 16px;
--dtr-btn-line-height: 1.6;
--dtr-btn-font-weight: 500;
--dtr-btn-border-width: 1px;
--dtr-btn-radius: var(--dtr-radius-square);
/*input*/
--dtr-input-bg: transparent;
--dtr-input-color: var(--dtr-primary);
--dtr-input-border-color: rgba(0, 0, 0, .30);
--dtr-input-bg-on-dark: transparent;
--dtr-input-color-on-dark: var(--dtr-white);
--dtr-input-border-color-on-dark: var(--dtr-white);
--dtr-input-border-width: 0 0 1px 0;
--dtr-input-border-radius: 0;
/*typography*/
--dtr-font-size-base: 15px;
--dtr-font-size-sm: 12px;
--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: 700;
--dtr-font-weight-extra-bold: 800;
--dtr-font-weight-heading: 500;
--dtr-line-height-normal: 1.5;
--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, 15px); 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-white); color: var(--dtr-text-color-main); }
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; }

@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-text-color-primary); }
a:visited { }
a:hover { text-decoration: none; color: var(--dtr-text-color-main); }
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, .dtr-radius-rounded img { border-radius: var(--dtr-radius-rounded); }
.dtr-radius-round, .dtr-radius-round img { border-radius: var(--dtr-radius-round); }
hr { border: 0; height: 1px; margin-bottom: 1.5em; background-color: var(--dtr-border-color-main); }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.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, .dtr-accordion-title, .dtr-accordion-title-text { -ms-word-wrap: break-word; word-wrap: break-word; }
/*== icon / svg ==*/
.dtr-icon i, .dtr-icon svg { position: relative; display: inline-block; 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: 0 !important; padding-bottom: 100px !important; }
#dtr-main-wrapper { padding-top: 100px; padding-bottom: 100px; }
.dtr-content-area, .dtr-widget-area { width: 67%; 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; }
.single.single-post .dtr-fullwidth .dtr-content-area { max-width: 860px; margin: 0 auto; }
.dtr-single-thumb { text-align: center; }
.elementor-page #dtr-main-wrapper.container { padding-left: 0; padding-right: 0; }
/*----------------------------------------*/
/*----- 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: 10px 30px; border-width: 1px; border-style: solid; border-radius: var(--dtr-btn-border-radius); font-size: var(--dtr-btn-font-size, 15px); 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; letter-spacing: -0.5px; }
.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: 15px 50px 13px 50px; letter-spacing: -1px; }
.dtr-btn--small { font-size: 12px; line-height: 14px; padding: 10px 15px 8px 15px; }
.dtr-form-btn, input[type="submit"], button[type="submit"], input[type="reset"], .wp-block-button__link { border-radius: var(--dtr-radius-round); }
/* btn radius */
.dtr-btn--rounded, button[type="submit"].dtr-btn--rounded { border-radius: var(--dtr-radius-rounded); }
.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: 10px; font-weight: normal; }
.dtr-btn--icon-position-left { flex-direction: row-reverse; }
.dtr-btn--icon-position-left .dtr-btn__icon { margin-right: 10px; 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; }
/* theme button hover */
.dtr-btn, .dtr-icon-btn-style2 { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; overflow: hidden; }
.dtr-btn--hover-bottom::before, .dtr-btn--hover-top::before, .dtr-btn--hover-left::before, .dtr-btn--hover-right::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.dtr-btn--hover-bottom::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.dtr-btn--hover-top::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }
.dtr-btn--hover-left::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.dtr-btn--hover-right::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
.dtr-btn--hover-bottom:hover::before, .dtr-btn--hover-bottom:focus::before, .dtr-btn--hover-bottom:active::before, .dtr-btn--hover-top:hover::before, .dtr-btn--hover-top:focus::before, .dtr-btn--hover-top:active::before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.dtr-btn--hover-left:hover::before, .dtr-btn--hover-left:focus::before, .dtr-btn--hover-left:active:before, .dtr-btn--hover-right:hover:before, .dtr-btn--hover-right:focus::before, .dtr-btn--hover-right:active::before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/* colors */
.dtr-btn, input[type="submit"], button[type="submit"], input[type="reset"], .dtr-form-btn, #submit { background-color: var(--dtr-btn-bg); border-color: var(--dtr-btn-border-color); color: var(--dtr-btn-color); }
.dtr-btn:hover, .dtr-btn--hover-fade:hover, .dtr-btn::before, .dtr-icon-btn-style2::before { background-color: var(--dtr-btn-hover-bg); }
.dtr-btn:hover { border-color: var(--dtr-btn-hover-border-color); }
.dtr-btn, input[type="submit"], button[type="submit"], input[type="reset"], .dtr-form-btn, #submit { color: var(--dtr-white); }
.dtr-btn__text { color: inherit; }
.dtr-btn:hover, .dtr-btn--hover-fade:hover .dtr-btn__text { color: var(--dtr-btn-hover-color); }
input[type="submit"]:hover, button[type="submit"]:hover, input[type="reset"]:hover, .dtr-form-btn:hover, #submit:hover { background-color: var(--dtr-btn-hover-bg); color: var(--dtr-btn-hover-color); }
/* only icon btn */
.dtr-icon-btn { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; background-color: var(--dtr-btn-bg); color: var(--dtr-btn-color); }
.dtr-icon-btn:hover { background-color: var(--dtr-btn-bg); color: var(--dtr-btn-color); }
.dtr-icon-btn--icon-wrapper { position: relative; width: 1em; height: 1em; display: inline-flex; overflow: hidden; }
.dtr-icon-btn--icon { position: absolute; left: 0; top: 0; display: inline-flex; transition: transform 0.4s ease-in, opacity 0.4s ease-in }
.dtr-icon-btn:hover .dtr-icon-btn--icon { transform: translate(50px, -50px); }
.dtr-icon-btn--hover-icon { position: absolute; left: 0; top: 0; display: inline-flex; transform: translate(-50px, 50px); transition: transform 0.4s ease-in, opacity 0.4s ease-in }
.dtr-icon-btn:hover .dtr-icon-btn--hover-icon { transform: translate(0, 0); }
/* only icon btn variation */
.dtr-icon-btn-style2 { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; font-size: 32px; background-color: var(--dtr-white); border: 1px solid var(--dtr-border-color-main); color: var(--dtr-text-color-primary); }
.dtr-icon.dtr-icon-btn-style2__icon { line-height: 1em; }
.dtr-btn--hover-bottom::before, .dtr-btn--hover-top::before, .dtr-btn--hover-left::before, .dtr-btn--hover-right::before { background-color: var(--dtr-btn-bg); border-color: var(--dtr-btn-bg); }
.dtr-icon-btn-style2:hover .dtr-icon-btn-style2__icon { color: var(--dtr-text-color-on-primary); }
/*----------------------------------------*/
/*----- 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 0; border-width: 0 0 1px 0; border-style: solid; background-color: var(--dtr-white); border-color: var(--dtr-border-color-main); }
.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; }
#dtr-topbar ul { list-style-type: none; padding: 0; margin: 0; }
#dtr-topbar ul li { display: inline-block; padding: 0; margin: 0; }
#dtr-topbar ul li::after { content: ''; display: inline-block; padding: 0; margin: 0 10px; width: 1px; height: 10px; background-color: var(--dtr-bg-primary); }
#dtr-topbar ul li:last-child::after { display: none; }
/*== Main header ==*/
#dtr-header-global { position: relative; padding: 30px 0; border-width: 0; border-style: solid; z-index: 999; background-color: var(--dtr-white); }
.dtr-header-global-content { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
#dtr-header-global.header-fixed { border: 0; padding: 30px 0; background-color: var(--dtr-white); 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 { display: none; }
.dtr-logo { font-size: 22px; line-height: 22px; display: inline-block; }
/*== Page title ==*/
.dtr-page-title--section { background-position: center center; position: relative; z-index: 1; border-width: 0; border-style: solid; background-color: var(--dtr-white); padding: 40px 0; }
.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--content { display: block; margin: 90px 0 0 0; padding: 0; }
.dtr-page-title { display: block; margin: 0; padding: 0; }
/*== Breadrcrumb ==*/
.dtr-breadcrumb-wrapper { position: relative; margin: 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: "\e915"; vertical-align: middle; margin: 0 4px 0 8px; font-size: 0.85em; font-weight: normal; }
.breadcrumbs li:last-child:after { content: none; }
.breadcrumbs a.home { visibility: hidden; font-size: 0px; }
.breadcrumbs a.home::after { font-family: 'icomoon'; content: "\e937"; visibility: visible; font-size: 14px; }
/*== Main menu ==*/
.main-navigation .sf-menu { margin: 0 -2px 0 0; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.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: 20px 5px; margin-top: 5px; left: 0; }
.sf-menu ul ul { text-align: center; top: 0; left: 100%; margin-top: -23px; margin-left: 11px; }
.sf-menu li { float: left; position: relative; margin: 0; padding: 0 2px; }
.sf-menu ul li { min-width: 12em; width: 100%; white-space: nowrap; border: 0; display: block; float: none; padding: 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: 7px 30px; text-align: center; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-round); }
.sf-menu .sub-menu a { width: 100%; padding: 5px 25px; margin: 2px; box-sizing: border-box; text-align: left; border: 0; }
.sf-menu > li li.menu-item-has-children { position: relative; }
.sf-menu > li.menu-item-has-children > a::after { font-family: 'icomoon'; content: "\e913"; font-weight: normal; font-size: 12px; margin-left: 10px; background-color: transparent; }
.sf-menu > li li.menu-item-has-children > a::after { font-family: 'icomoon'; content: "\e915"; font-weight: normal; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; background-color: transparent; }
.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 ==*/
/* icons */
.dtr-menu-default .sf-menu > li.menu-item-has-children > a:after { color: inherit; }
.dtr-menu-default .sf-menu > li li.menu-item-has-children > a::after { color: inherit; }
.dtr-menu-default .sf-menu > li.menu-item-has-children > a:hover::after, .dtr-menu-default .sf-menu li li a:hover::after, .dtr-menu-default .sf-menu .sub-menu li.current-menu-item a::after, .dtr-menu-default .sf-menu .sub-menu li.current-menu-item a:hover::after { color: inherit; }
/* main menu link */
.dtr-menu-default .sf-menu a { color: var(--dtr-text-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 { background-color: var(--dtr-bg-primary); border-color: var(--dtr-border-color-primary); color: var(--dtr-text-color-on-primary); }
/* dropdown */
.dtr-menu-default .sf-menu ul, .dtr-menu-default .sf-menu ul ul { background-color: var(--dtr-white); }
.dtr-menu-default .sf-menu li li a { color: var(--dtr-text-color-primary); }
.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 { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
/*== Alt Navigation Colors ==*/
/* icons */
.dtr-menu-alt .sf-menu > li.menu-item-has-children > a:after { color: inherit; }
.dtr-menu-alt .sf-menu > li li.menu-item-has-children > a::after { color: inherit; }
.dtr-menu-alt .sf-menu > li.menu-item-has-children > a:hover::after, .dtr-menu-alt .sf-menu li li a:hover::after, .dtr-menu-alt .sf-menu .sub-menu li.current-menu-item a::after, .dtr-menu-alt .sf-menu .sub-menu li.current-menu-item a:hover::after { color: inherit; }
/* main menu link */
.dtr-menu-alt .sf-menu a { color: var(--dtr-text-color-primary); }
.dtr-menu-alt .sf-menu li a:hover { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.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 { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.dtr-menu-alt .sf-menu ul, .dtr-menu-alt .sf-menu ul ul { background-color: var(--dtr-white); }
/* dropdown */
.dtr-menu-alt .sf-menu li li a { color: var(--dtr-text-color-primary); }
.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 { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
/*----------------------------------------*/
/*----- 6 Responsive header -----*/
/*----------------------------------------*/
#dtr-responsive-header { position: relative; padding: 15px 0; z-index: 999; }
#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: -12px; }
#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: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.slicknav_arrow::after { font-family: 'icomoon'; content: "\e913"; font-weight: normal; line-height: 26px; }
.slicknav_parent.slicknav_open .slicknav_arrow { transform: rotate(180deg); }
.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-white); }
.dtr-hamburger-lines, .dtr-hamburger-lines:after, .dtr-hamburger-lines:before { background-color: var(--dtr-bg-primary); }
.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-primary); }
.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-gray); }
/*----------------------------------------*/
/*----- 7 Footer -----*/
/*----------------------------------------*/
#dtr-footer-section { position: relative; padding: 0; border-style: solid; border-width: 0; }
.dtr-footer-section-wrap { background-color: var(--dtr-white); }
.dtr-footer-section-wrap, .dtr-footer-section-wrap a, .dtr-footer-section-wrap h1, .dtr-footer-section-wrap h2, .dtr-footer-section-wrap h3, .dtr-footer-section-wrap h4, .dtr-footer-section-wrap h5, .dtr-footer-section-wrap h6, .dtr-footer-section-wrap .widget-title, .dtr-footer-section-wrap .dtr-copyright { color: var(--dtr-text-color-primary); }
.dtr-footer-section-wrap a:hover { color: var(--dtr-text-color-primary); }
.dtr-footer-section-wrap .dtr-copyright a:hover { color: var(--dtr-text-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); }
.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 10px; }
.text-left .copyright-list li, .dtr-copyright .text-left li { display: inline-block; padding: 0; margin: 0 25px 0 0; }
.text-right .copyright-list li, .dtr-copyright .text-right li { display: inline-block; padding: 0; margin: 0 0 0 25px; }
/* take-to-top */
#take-to-top { display: block; position: fixed; bottom: 15px; right: 15px; width: 40px; height: 40px; line-height: 40px; border-radius: var(--dtr-radius-round); z-index: 99; text-align: center; text-decoration: none; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; border-radius: var(--dtr-radius-round); -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
#take-to-top::before { display: block; font-family: 'icomoon'; content: "\e916"; 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; }
#take-to-top:hover { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
 @-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 -----*/
/*----------------------------------------*/
/*== Elementor elements mods ==*/
.dtr-counter .elementor-counter .elementor-counter-number-prefix, .dtr-counter .elementor-counter .elementor-counter-number-suffix { -webkit-flex-grow: 0; flex-grow: 0; }
.dtr-counter .elementor-counter .elementor-counter-number-prefix { text-align: left }
.dtr-counter .elementor-counter .elementor-counter-title { text-align: left; }
.elementor-progress-wrapper .elementor-progress-bar { border-radius: 0 999px 999px 0; }
/*== Blockquote ==*/
blockquote { padding: 30px; margin: 0; border-style: solid; border-width: 0 0 0 1px; }
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: 29px; line-height: 1.55; padding: 0; margin: 0; border: 0; }
.dtr-quote blockquote p { padding: 0; margin: 0; }
.dtr-quote { border-width: 0 0 0 5px; border-style: solid; border-color: var(--dtr-border-color-primary); }
.dtr-quote__author { display: block; font-size: 18px; font-style: normal; margin: 15px 0 0 0; }
.dtr-quote__source { display: block; margin-top: 5px; color: #8d8d8d; }
.dtr-quote__center-align { text-align: center; border-width: 0; }
.dtr-quote__left-align { text-align: left; padding-left: 30px; }
.dtr-quote__right-align { text-align: right; border-width: 0 5px 0 0; padding-right: 30px; }
/*== Feature ==*/
.dtr-feature { display: flex; align-items: flex-start; }
.dtr-feature--boxed { padding: 15px; border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-primary-light-bg); }
.dtr-feature--boxed.dtr-radius-square { border-radius: var(--dtr-square); }
.dtr-feature__subtext { margin: 0; padding: 0 0 5px 0; }
.dtr-feature__heading { margin: 0; padding: 0; }
.dtr-feature__text { margin: 10px 0 0 0; }
/* 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 { text-align: center; border: 1px solid #fff; background-color: var(--dtr-primary-light-var-bg); color: var(--dtr-secondary-text-color) }
/* circle / square */
.dtr-feature--style-circle.dtr-feature--size-small .dtr-feature__icon, .dtr-feature--style-square.dtr-feature--size-small .dtr-feature__icon { 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-feature--style-square.dtr-feature--size-small .dtr-feature__icon { border-radius: 0; }
.dtr-feature--style-circle.dtr-feature--size-large .dtr-feature__icon, .dtr-feature--style-square.dtr-feature--size-large .dtr-feature__icon { width: 80px; height: 80px; min-width: 80px; border-radius: 50%; font-size: 32px; line-height: 1; display: flex; align-items: center; justify-content: center; }
.dtr-feature--style-square.dtr-feature--size-large .dtr-feature__icon { border-radius: 0; }
.dtr-feature--style-circle .dtr-feature__icon svg, .dtr-feature--style-square .dtr-feature__icon svg { display: block; }
/* elementor align */
.elementor-align-center .dtr-feature__icon { margin: 0 auto; }
.elementor-align-right .dtr-feature__icon { margin-left: auto; }
/*== Feature box ==*/
.dtr-number-feature { display: flex; flex-direction: column; }
.dtr-number-feature__icon { margin: 0 0 35px 0; font-size: 48px; line-height: 48px; }
.dtr-number-feature__heading { margin: 0; padding: 0; }
.dtr-number-feature__text { margin: 20px 0 0 0; }
/*== 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-primary); color: var(--dtr-text-color-on-primary); }
.dtr-iconhead--boxed a { color: inherit; }
/*== Rotating effect ==*/
.dtr-rotating-img { display: inline-block; transform: rotate(45deg); transition: all .0s ease-in-out; -webkit-animation: rotating 20s linear infinite; animation: rotating 20s linear infinite; }
 @-webkit-keyframes rotating {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotating {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
/*== Testimonial ==*/
.dtr-testimonial__client-info-wrapper { display: flex; flex-direction: row; align-items: center; }
.dtr-testimonial__client-img-wrapper { position: relative; width: 60px; height: 60px; margin-right: 20px; }
.dtr-testimonial__icon { position: absolute; right: 0; top: 0; display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: var(--dtr-radius-round); background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.dtr-testimonial__icon::before { font-family: 'icomoon'; content: "\e95a"; font-size: 16px; color: inherit; }
.dtr-testimonial-carousel .dtr-testimonial__client-img, .dtr-testimonial-carousel .dtr-testimonial__client-img-wrapper img { width: 60px; height: 60px; border-radius: var(--dtr-radius-round); }
.dtr-testimonial__client-img-size2 .dtr-testimonial__client-img-wrapper, .dtr-testimonial__client-img-size2 .dtr-testimonial__client-img, .dtr-testimonial__client-img-size2 .dtr-testimonial__client-img-wrapper img { width: 80px; height: 80px; }
.dtr-testimonial__client-img-size3 .dtr-testimonial__client-img-wrapper, .dtr-testimonial__client-img-size3 .dtr-testimonial__client-img, .dtr-testimonial__client-img-size3 .dtr-testimonial__client-img-wrapper img { width: 100px; height: 100px; }
.dtr-testimonial__client-img-size2 .dtr-testimonial__icon { right: 2px; top: 2px; }
.dtr-testimonial__client-img-size3 .dtr-testimonial__icon { right: 5px; top: 5px; }
.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 { color: var(--dtr-text-color-gray); }
.dtr-testimonial__content { font-size: 24px; margin-top: 25px; }
/*== 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: flex-start; margin: 0; padding: 0; }
.dtr-icon-list__link { display: flex; }
.dtr-icon-list__icon { margin-right: 10px; }
.dtr-icon-list__list-text { margin-bottom: 10px; }
/*== Section intro ==*/
.dtr-section-intro__heading { margin: 0; padding: 0; }
/*== Marquee ==*/
.dtr-marquee-wrapper { max-width: 100%; overflow: hidden; }
.dtr-marquee { white-space: nowrap; overflow: hidden; display: inline-block; font-size: 50px; line-height: 60px; animation-duration: 15s; animation-timing-function: linear; animation-iteration-count: infinite; animation-name: dtr-marquee; }
.dtr-marquee-l { animation-direction: reverse; }
.dtr-marquee .dtr-marquee__text { display: inline-block; padding: 0; margin: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }
.dtr-marquee__text::after { content: ''; display: inline-block; vertical-align: middle; width: 50px; }
 @keyframes dtr-marquee {
 0% {
 transform: translate3d(0, 0, 0);
}
 100% {
 transform: translate3d(-50%, 0, 0);
}
}
/*== projectinfo ==*/
.dtr-projectinfo__subheading { font-size: 15px; margin: 0 0 10px 0; }
.dtr-projectinfo__heading { font-size: 24px; margin: 0; }
/*== Timeline ==*/
.dtr-timeline { border-width: 0 0 0 5px; border-style: solid; border-color: var(--dtr-border-color-main); padding-left: 20px; }
.dtr-timeline__heading { margin-bottom: 0; }
.dtr-timeline__duration { margin-bottom: 10px; }
.dtr-timeline__content { margin-top: 10px; margin-bottom: 0; }
.dtr-timeline__duration, .dtr-timeline__company { color: var(--dtr-text-color-gray); font-size: 15px; }
/*== Linkbox ==*/
.dtr-linkbox { position: relative; display: flex; align-items: center; justify-content: center; height: 150px; box-sizing: border-box; border: 1px solid var(--dtr-border-color-main); overflow: hidden; font-size: 24px; }
.dtr-linkbox__front { position: absolute; padding: 15px; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transform: translate(0, 0); }
.dtr-linkbox:hover .dtr-linkbox__front { transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transform: translate(0, -200px); }
.dtr-linkbox__back { position: absolute; padding: 15px; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transform: translate(0, 200px); opacity: 0; }
.dtr-linkbox:hover .dtr-linkbox__back { transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; transform: translate(0, 0); opacity: 1; }
.dtr-linkbox .dtr-icon { font-size: 32px; }
/*== Linkbox ==*/
.dtr-awards { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; }
.dtr-awards__title { margin: 0 auto 0 0; padding: 0 10px 0 0; flex-wrap: nowrap; flex: 0 0 auto; }
.dtr-awards__content { margin-right: 0; padding: 0 0 0 10px; flex: 0 0 auto; }
.dtr-awards__sep { display: inline-flex; width: 100%; height: 1px; background-color: var(--dtr-border-color-main); }
.dtr-awards__icon { font-size: 16px; margin-right: 10px; min-width: 20px; }
.dtr-awards__icon img { min-width: 16px; }
/*== Pricing ==*/
.dtr-pricing { padding: 15px; border-radius: var(--dtr-radius-rounded); border: 1px solid var(--dtr-border-color-main); text-align: center; }
.dtr-pricing__icon { display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1em; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border-radius: var(--dtr-radius-round); background-color: var(--dtr-primary); color: var(--dtr-text-color-on-primary); }
.dtr-pricing__icon.dtr-pricing__img { width: auto; height: auto; background: none; }
.dtr-pricing__heading { font-size: 30px; margin: 0; }
.dtr-pricing__price { font-size: 60px; font-weight: 500; line-height: 1em; margin: 30px 0 0 0; }
.dtr-pricing__price_desc { font-size: 24px; }
.dtr-pricing__content { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 20px; }
.dtr-pricing__content ul { display: block; list-style-type: none; margin: 0; padding: 0; text-align: left; }
.dtr-pricing__content li { display: block; margin: 0 0 10px 0; padding: 0; }
.dtr-pricing__content ul li::before { font-family: 'icomoon'; content: "\e921"; margin-right: 15px; vertical-align: middle; color: var(--dtr-secondary-text-color); }
.dtr-pricing__content ul li:last-child { margin-bottom: 0; }
.dtr-pricing__btn-wrapper { text-align: center; }
.dtr-pricing__btn { margin-top: 30px; display: inline-block; }
.dtr-pricing__intro { margin-top: 30px; }
/*== Accordion ==*/
.dtr-accordion .accordion-item { padding: 0; margin-bottom: 20px; overflow: hidden; background-color: transparent; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); }
.dtr-accordion.accordion-flush .accordion-item:first-child { border-top: 1px solid var(--dtr-border-color-main) !important; }
.dtr-accordion.accordion-flush .accordion-item:last-child { border-bottom: 1px solid var(--dtr-border-color-main) !important; }
.dtr-accordion.accordion-flush .accordion-button { position: relative; margin: 0; padding: 15px 70px 15px 15px; border: 0; outline: 0; font-size: 24px; line-height: 34px; font-weight: 500; box-shadow: none; border-radius: 0; background-color: var(--dtr-bg-gray); color: var(--dtr-text-color-primary); }
.dtr-accordion .accordion-button:focus { box-shadow: none; border: 0; outline: 0; }
.dtr-accordion .accordion-button.collapsed { background-color: transparent !important; color: var(--dtr-primary-text-color); }
.dtr-accordion .accordion-button::after, .dtr-accordion .accordion-button:not(.collapsed)::after { background-image: none; }
.dtr-accordion .accordion-button::after, .dtr-accordion .accordion-button:not(.collapsed)::after { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; position: absolute; right: 15px; top: 15px; font-family: 'icomoon'; content: "\e913"; font-size: 16px; font-weight: normal; border: 1px solid var(--dtr-border-color-primary); background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); border-radius: var(--dtr-radius-round); }
.dtr-accordion .accordion-button:not(.collapsed)::after { font-family: 'icomoon'; content: "\e913"; background-color: var(--dtr-white); color: var(--dtr-text-color-primary); }
.dtr-accordion-title { margin: 0; padding: 0; }
.dtr-accordion .accordion-body { padding: 10px 70px 15px 15px; border: 0; }
.dtr-accordion .accordion-collapse.collapse.show .accordion-body, .dtr-accordion .accordion-collapse.collapsing .accordion-body { background-color: var(--dtr-bg-gray); color: var(--dtr-text-color-primary); }
.dtr-accordion.accordion-flush .accordion-button, .dtr-accordion.accordion-flush .accordion-body { -webkit-transition: all .3s ease; transition: all .3s ease; }
/*===== portfolio grid =====*/
.dtr-portfolio-grid-2col, .dtr-portfolio-grid-3col, .dtr-portfolio-grid-4col, .dtr-portfolio-grid-5col { margin: 0 -7px; }
.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 7px; }
.dtr-portfolio-grid-3col .dtr-portfolio-item { width: 33.33333333%; padding: 0 7px; }
.dtr-portfolio-grid-4col .dtr-portfolio-item { width: 25%; padding: 0 7px; }
.dtr-portfolio-grid-5col .dtr-portfolio-item { width: 20%; padding: 0 7px; }
.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: 14px; }
.dtr-portfolio-compact .dtr-portfolio-item { margin-bottom: 0; }
/*== filter nav ==*/
.dtr-filter-nav { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; 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 5px 0; font-size: 13px; line-height: 24px; text-transform: uppercase; text-align: center; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-round); }
.dtr-filter-nav a.active { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); border-color: var(--dtr-border-color-primary); }
.dtr-filter-nav .dtr-filter-all { padding: 0; width: 40px; height: 40px; border-radius: var(--dtr-radius-round); }
.dtr-filter-all::before { display: inline-flex; font-family: 'icomoon'; content: "\e936"; font-size: 16px; }
/*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 { position: relative; overflow: hidden; padding: 15px; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); }
.dtr-portfolio-item__img { overflow: hidden; border-radius: 10px; }
.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; border-radius: 10px; }
.no-portfolio-img { background-color: #ddd; 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; margin-bottom: 30px; padding-right: 50px; }
.dtr-portfolio-item__heading { padding: 0; margin: 0; }
.dtr-portfolio-item__subheading { padding: 0; margin: 0 0 10px 0; }
.dtr-portfolio-item__link { position: absolute; left: auto; right: 0; top: 0; border-radius: var(--dtr-radius-round); z-index: 99; }
/*----------------------------------------*/
/*----- 9 Forms -----*/
/*----------------------------------------*/
/*== Forms ==*/
form { margin: 0; padding: 0; z-index: 0; }
form p { margin: 0; padding: 0; }
label { width: 100%; height: auto; font-size: 16px; line-height: 1.2; font-weight: 500; margin-bottom: 10px; }
form label.error { font-size: 10px; line-height: 1; font-weight: var(--dtr-normal); }
select, textarea, input { position: relative; display: block; width: 100%; padding: 10px 0; 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-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-dark.png); background-repeat: no-repeat; background-position: top 50% right 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 0; }
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); }
.dtr-comment-message { margin-bottom: 25px; }
.comment-form-cookies-consent label { font-weight: var(--dtr-normal); }
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-color: var(--dtr-border-color-primary); }
label, .comment-form-cookies-consent label, option { color: var(--dtr-primary-text-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: 40px; height: 40px; display: inline-block; text-align: center; position: relative; border: 0; border-radius: var(--dtr-radius-round); text-align: center; padding: 0; margin-left: 15px; background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
.dtr-search-modal-trigger::after { font-family: 'icomoon'; content: "\e961"; vertical-align: middle; font-size: 16px; line-height: 40px; z-index: 9; color: inherit; }
.dtr-search-modal-trigger:hover { background-color: var(--dtr-btn-hover-bg); border-color: var(--dtr-btn-hover-border-color); color: var(--dtr-btn-hover-color); }
/*== 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-bg-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: "\e974"; display: inline-block; font-size: 20px; line-height: 20px; }
.vbox-close img, .vbox-close svg { display: none; }
.dtr-search-modal-title { color: var(--dtr-white); }
.form-light input, .form-light input[type="search"] { background-color: var(--dtr-input-bg-on-dark); border-color: var(--dtr-input-border-color-on-dark); color: var(--dtr-input-color-on-dark); }
.form-light .dtr-search-form button[type="submit"] { color: var(--dtr-input-color-on-dark); }
/*== 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: 10px 50px 10px 0; 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: 50px; height: 50px; font-weight: var(--dtr-normal); padding: 0; margin: 0; border-width: 0; border-radius: var(--dtr-btn-border-radius); cursor: pointer; position: absolute; top: 0; right: 0; left: auto; text-align: right; box-sizing: border-box; }
.dtr-search-submit::before, .wp-block-search__button::before { font-family: 'icomoon'; content: "\e961"; font-size: 14px; line-height: 50px; font-weight: var(--dtr-normal); text-decoration: none; vertical-align: middle; }
.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; }
.dtr-search-form button[type="submit"], .wp-block-search__button[type="submit"], .dtr-search-form button[type="submit"]:hover, .wp-block-search__button[type="submit"]:hover { background-color: transparent; }
.dtr-search-form button[type="submit"], .wp-block-search__button::before { color: var(--dtr-text-color-primary); }
/*== Comment form ==*/
#commentform #submit { margin: 0; border-radius: var(--dtr-radius-round); }
#commentform .form-submit { margin-top: 20px; }
#comment .comment-notes { margin-bottom: 20px; font-size: .80em; }
.comment-form-cookies-consent { display: flex; align-items: flex-start; margin: 0 0 10px 0; }
#wp-comment-cookies-consent { margin-top: 3px; }
.comment-form-cookies-consent label { display: inline; }
.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; }
.comment-form { padding: 15px; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); }
/*== 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: var(--dtr-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: var(--dtr-primary-text-color);
opacity: 0.5;
}
:-moz-placeholder {
color: var(--dtr-primary-text-color);
opacity: 0.5;
}
::-moz-placeholder {
color: var(--dtr-primary-text-color);
opacity: 0.5;
}
:-ms-input-placeholder {
color: var(--dtr-primary-text-color);
opacity: 0.5;
}
/*----------------------------------------*/
/*----- 10 Pagers for pages, posts, comments etc. -----*/
/*----------------------------------------*/
.dtr-archive-nav { margin: 50px 0; }
/*== Single post nav ==*/
.dtr-single-post-nav-wrapper { margin: 0 0 100px 0; }
.dtr-single-post-nav { display: flex; justify-content: space-between; padding: 0; margin: 50px 0; max-width: 100%; }
.elementor-default.elementor-page.single-post .dtr-single-post-nav, .elementor-default.elementor-page.single .dtr-single-post-nav { margin: 50px 0; }
.single-dtr_portfolio .dtr-single-post-nav { margin-bottom: 0; }
.dtr-single-nav-prev { width: 50%; padding-right: 10px; overflow: hidden; }
.dtr-single-nav-next { width: 50%; padding-left: 10px; overflow: hidden; }
.dtr-single-nav-prev__text, .dtr-single-nav-next__text { margin: 0; }
.dtr-single-nav-text a { display: flex; align-items: center; justify-content: center; padding: 30px; font-size: 24px; line-height: 1em; font-weight: 500; border: 1px solid transparent; border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-bg-gray); letter-spacing: -0.5px; }
.dtr-single-nav-text a:hover { background-color: var(--dtr-bg-primary); color: var(--dtr-white); }
/*== Archive / Number / General Arrow Nav ==*/
.dtr-nav__button a, .dtr-nav__button .current, .post-page-numbers { width: 40px; height: 40px; display: inline-block; padding: 0; margin: 0; border-width: 0; border-style: solid; text-align: center; border-radius: var(--dtr-radius-pagination); font-size: 16px; font-weight: var(--dtr-normal); line-height: 40px; background-color: transparent; color: var(--dtr-text-color-primary); }
.dtr-nav__icon, .dtr-nav__button .current, .post-page-numbers.current { width: 40px; height: 40px; }
.dtr-nav__prev-icon::before, .dtr-nav__next-icon::after { display: inline-flex; margin: 0; font-family: 'icomoon'; content: "\e914"; font-size: 16px; font-weight: var(--dtr-normal); }
.dtr-nav__next-icon::after { content: "\e915"; }
.dtr-nav__button a:hover, .post-page-numbers:hover, .post-page-numbers.current, .page-numbers.current { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
/* specific*/
.dtr-arrow-nav, .dtr-number-nav, .dtr-page-links { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.dtr-number-nav { list-style: none; margin: 90px 0 0 0; }
.dtr-number-nav li, .post-page-numbers { display: inline-block; text-align: center; margin: 0; padding: 0; }
.dtr-page-links { margin: 20px 0 10px 0; justify-content: flex-start; }
/*== 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; }
.dtr-comments-nav-left-text::before { font-family: 'icomoon'; content: "\e914"; font-weight: var(--dtr-normal); font-style: normal; vertical-align: top; margin-right: 10px; }
.dtr-comments-nav-right-text::after { font-family: 'icomoon'; content: "\e915"; font-weight: var(--dtr-normal); font-style: normal; vertical-align: top; margin-left: 10px; }
/*----------------------------------------*/
/*----- 11 Blog -----*/
/*----------------------------------------*/
/*== Thumb ==*/
.dtr-entry-thumb { position: relative; margin: 0 0 30px 0; }
.dtr-entry-thumb iframe { margin-bottom: 0; }
.single-dtr_testimonial .dtr-testimonial-thumb, .single-dtr_portfolio .dtr-portfolio-thumb { margin-bottom: 30px; }
/*== Meta ==*/
.dtr-meta { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; font-size: 1em; line-height: 1.2em; font-weight: 500; color: var(--dtr-text-color-gray); }
.dtr-meta a { color: var(--dtr-text-color-gray); }
.dtr-meta a:hover { color: var(--dtr-text-color-primary); }
.dtr-meta-item { margin: 0; }
.dtr-meta-item::before { display: inline-block; content: ''; width: 10px; height: 1px; margin: 0 10px 0 10px; vertical-align: middle; background-color: var(--dtr-bg-gray-var); }
.dtr-meta-item:first-child::before { content: none; }
/* meta wrappers*/
.dtr-entry-meta { margin-bottom: 15px; }
.dtr-single-meta { margin-top: 20px; }
.text-center .dtr-single-meta { justify-content: center; }
/*category*/
.dtr-meta-category { display: flex; margin-bottom: 20px; }
.dtr-single-pre-meta .dtr-meta-category { justify-content: center; margin-bottom: 50px; }
.dtr-entry-thumb .dtr-meta-category { position: absolute; left: 20px; top: 20px; }
.dtr-meta-category a { text-transform: uppercase; font-size: 14px; font-weight: 500; padding: 7px 15px; margin: 0; border: 1px solid var(--dtr-border-color-primary); border-radius: var(--dtr-radius-round); background-color: var(--dtr-bg-primary); color: var(--dtr-white); }
.dtr-meta-category a:hover { background-color: var(--dtr-white); color: var(--dtr-text-color-primary); border-color: var(--dtr-border-color-primary) }
/*excerpt*/
.dtr-entry-excerpt { margin-top: 20px; }
.dtr-post__button { display: inline-flex; margin-top: 20px; font-weight: 500; }
/*== Post footer meta ==*/
.dtr-post-content--bottom { margin: 50px 0; }
.dtr-social-share { margin-top: 45px; }
.dtr-social-share, .dtr-meta-tags { text-align: center; }
.dtr-social-share-title, .dtr-tags-title { font-size: 24px; font-weight: normal; }
.dtr-social-share-title { margin-bottom: 10px; }
/*== 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-blog-grid .dtr-post-item, .dtr-search-grid .dtr-search-item { width: 49.99%; float: left; position: relative; min-height: 1px; padding-right: 7px; padding-left: 7px; }
.dtr-blog-grid.dtr-blog-grid-3col .dtr-post-item { width: 33.222222%; }
.dtr-search-grid .dtr-search-item { width: 33%; margin-bottom: 15px; }
.dtr-blog-grid .dtr-post-grid, .dtr-search-grid-wrapper .dtr-search-grid { margin: 0 -7px 0 -7px; }
.dtr-post-item.first-post { width: 100%; display: block; float: none; box-sizing: border-box; }
.dtr-blog-grid .dtr-post-content--wrapper { position: relative; box-sizing: border-box; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); }
.dtr-blog-grid .dtr-post-content--inner { padding: 15px; }
.dtr-blog-grid .dtr-entry-thumb { margin: 0; }
/*== Sticky post ==*/
.sticky .dtr-post-content--wrapper { padding: 15px; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-bg-gray); }
.dtr-blog-grid .sticky .dtr-post-content--inner { padding: 0; }
/*== 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: 15px; border-width: 0; border-style: solid; border-color: var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); background-color: var(--dtr-primary-light-bg); }
.dtr-search-grid .dtr-entry-thumb { margin-bottom: 20px; }
.dtr-search-grid .dtr-search-post-title { padding: 0; margin: 0; }
/*= Author bio ==*/
.dtr-author-info { display: flex; flex-direction: row; margin: 0; padding: 15px; border: 1px solid var(--dtr-border-color-main); 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-round); }
.dtr-author-jobtitle { font-weight: var(--dtr-medium); }
.dtr-author-page-link { margin-top: 20px; }
.dtr-protected-msg { text-align: left; }
/*----------------------------------------*/
/*----- 12 Comments -----*/
/*----------------------------------------*/
#comments { padding: 0; margin: 90px 0 0 0;/* border-width: 0; border-style: solid;*/ padding: 15px; border: 1px solid var(--dtr-border-color-main); border-radius: var(--dtr-radius-rounded); }
#commentform { margin-bottom: 50px; }
.logged-in-as { margin-bottom: 10px; }
#respond { margin-top: 50px; }
#respond form { margin: 0; }
.comments-title { margin-bottom: 30px; }
.comments-title, .comment-reply-title { font-size: 30px; }
/* 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: 40px; margin-bottom: 40px; border-bottom: 1px solid var(--dtr-border-color-main); }
.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-text-md); }
.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 { color: var(--dtr-secondary-text-color); }
.dtr-reply a::before { position: absolute; left: -20px; top: 0; font-family: 'icomoon'; content: "\e960"; }
#cancel-comment-reply-link { margin-left: .7em; }
#reply-title small { font-size: inherit; }
.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: 15px; border-radius: var(--dtr-radius-rounded); }
.dtr-widget-group .wp-block-group { position: relative; border: 1px solid var(--dtr-border-color-main); }
/*== Custom - Social Widget ==*/
.dtr-social li, .dtr-social-share-list li { list-style: none; display: inline-block; text-align: center; margin: 0; }
.dtr-social-circle li, .dtr-social-square li { margin: 2px; }
.text-left .dtr-social li:first-child, .dtr-social-circle.text-left .dtr-social li:first-child, .dtr-social-square.text-left .dtr-social li:first-child { margin-left: 0; margin-right: 2px; }
.text-right .dtr-social li:last-child, .dtr-social-circle.text-right .dtr-social li:last-child, .dtr-social-square.text-right .dtr-social li:last-child { margin-left: 2px; margin-right: 0; }
.dtr-social li a { display: inline-block; border-width: 1px; border-style: solid; border-radius: var(--dtr-radius-round); width: 40px; height: 40px; font-size: 16px; padding: 0; text-align: center; }
.dtr-social-square .dtr-social li a { border-radius: var(--dtr-square); }
.dtr-social a::before { line-height: 40px; color: inherit; }
.dtr-social-default .dtr-social li a { width: auto; height: auto; margin: 5px 20px 5px 0; font-size: 18px; }
.dtr-social-default .dtr-social a::before { line-height: 1em; }
.text-right.dtr-social-default { margin: 5px 0 5px 20px; }
.dtr-author-social li a { border: 0; }
.dtr-social-share-list li a { width: auto; height: auto; margin: 5px 20px; font-size: 32px; }
.dtr-social li a::after { display: none; }
/*== 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-normal); }
.dtr-social .dtr-facebook::before, .dtr-social-share-list .dtr-facebook-share::before { content: "\e92c"; }
.dtr-social .dtr-twitter::before, .dtr-social-share-list .dtr-twitter-share::before { content: "\e96f"; }
.dtr-social .dtr-pinterest::before, .dtr-social-share-list .dtr-pinterest-share::before { content: "\e94d"; }
.dtr-social .dtr-google::before, .dtr-social-share-list .dtr-google-share::before { content: "\e933"; }
.dtr-social .dtr-linkedin::before, .dtr-social-share-list .dtr-linkedin-share::before { content: "\e93a"; }
.dtr-social .dtr-instagram::before, .dtr-social-share-list .dtr-instagram-share::before { content: "\e979"; }
.dtr-social .dtr-threads::before { content: "\e96b"; }
.dtr-social .dtr-behance::before { content: "\e90e"; }
.dtr-social .dtr-skype::before { content: "\e962"; }
.dtr-social .dtr-vimeo::before { content: "\e970"; }
.dtr-social .dtr-mail::before { content: "\e92b"; }
.dtr-social .dtr-youtube::before { content: "\e978"; }
.dtr-social .dtr-dribbble::before { content: "\e926"; }
.dtr-social .dtr-yelp::before { content: "\e977"; }
.dtr-social .dtr-whatsapp::before { content: "\e971"; }
.dtr-social .dtr-telegram::before { content: "\e968"; }
.dtr-social .dtr-dropbox::before { content: "\e927"; }
.dtr-social .dtr-github::before { content: "\e931"; }
.dtr-social .dtr-messenger::before { content: "\e93d"; }
.dtr-social .dtr-slack::before { content: "\e963"; }
.dtr-social .dtr-stack::before { content: "\e964"; }
.dtr-social .dtr-medium::before { content: "\e93c"; }
.dtr-social .dtr-mastodon::before { content: "\e93b"; }
.dtr-social a:focus { outline: none; }
.dtr-social-default .dtr-social li a { background-color: transparent; border-color: transparent; }
.dtr-social-default .dtr-social li a:hover { color: var(--dtr-secondary-text-color); }
.dtr-social-with-bg .dtr-social li a { background-color: var(--dtr-bg-primary); border-color: var(--dtr-border-color-primary); color: var(--dtr-text-color-on-primary); }
.dtr-social-with-bg .dtr-social li a:hover { background-color: var(--dtr-btn-hover-bg); border-color: var(--dtr-btn-hover-border-color); color: var(--dtr-btn-hover-color); }
.dtr-social-share-list li a { color: var(--dtr-text-color-primary); }
.dtr-social-share-list li a:hover { color: var(--dtr-text-color-primary); }
/*== WP tag cloud ==*/
.wp-block-tag-cloud a, .dtr-meta-tags a { display: inline-flex; text-transform: uppercase; font-size: 11px; line-height: 14px; padding: 9px 15px 7px 15px; margin: 0 0 5px 0; border: 0; border-radius: var(--dtr-radius-round); background-color: var(--dtr-gray); color: var(--dtr-text-color-primary); }
.wp-block-tag-cloud a { margin: 0 0 5px -4px !important; }
.wp-block-tag-cloud a:hover, .dtr-meta-tags a:hover { background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-on-primary); }
/*== 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; 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-block-categories-list a:after, .wp-block-archives-list a:after { font-family: 'icomoon'; content: "\e90d"; margin-left: auto; font-size: 16px; font-weight: normal; }
.wp-block-categories-list li:hover a:after, .wp-block-archives-list li:hover a:after { transform: rotate(45deg); }
/*== 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; }
.wp-block-calendar tbody td, .wp-block-calendar th { border-color: var(--dtr-border-color-main); }
/*== 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 { font-size: 1em; }
/*== WP navigation ==*/
.widget_nav_menu ul, .elementor-widget-wp-widget-nav_menu ul { padding: 0; }
.widget_nav_menu ul ul, .elementor-widget-wp-widget-nav_menu ul ul { padding: 0; }
.widget_nav_menu li, .elementor-widget-wp-widget-nav_menu li { padding: 0; margin: 0; }
.widget_nav_menu a, .elementor-widget-wp-widget-nav_menu a { position: relative; }
.widget_nav_menu .sub-menu, .elementor-widget-wp-widget-nav_menu .sub-menu { display: none }
.widget_nav_menu ul, .elementor-widget-wp-widget-nav_menu ul { margin: 0; list-style-type: none; }
.widget_nav_menu ul ul, .elementor-widget-wp-widget-nav_menu ul ul { margin: 0; padding: 0; border: none; border-radius: var(--dtr-square); }
.widget_nav_menu li a, .elementor-widget-wp-widget-nav_menu li a { position: relative; display: block; padding: 10px 40px 10px 0; cursor: pointer; transition: all 0.35s; }
.widget_nav_menu a:hover, .widget_nav_menu li.active > a, .elementor-widget-wp-widget-nav_menu a:hover, .elementor-widget-wp-widget-nav_menu li.active > a { text-decoration: none; }
.widget_nav_menu .parent > a:after, .elementor-widget-wp-widget-nav_menu .parent > a:after { font-family: 'icomoon'; content: "\e913"; font-size: 16px; position: absolute; top: 10px; right: 0; font-weight: var(--dtr-normal); }
.widget_nav_menu .parent.active > a:after, .elementor-widget-wp-widget-nav_menu .parent.active > a:after { font-family: 'icomoon'; content: "\e916"; }
.widget_nav_menu .current_page_item > .sub-menu, .widget_nav_menu .current-menu-item > .sub-menu, .elementor-widget-wp-widget-nav_menu .current_page_item > .sub-menu, .elementor-widget-wp-widget-nav_menu .current-menu-item > .sub-menu { display: block; }
.widget_nav_menu li + li, .widget_nav_menu .sub-menu li, .elementor-widget-wp-widget-nav_menu li + li, .elementor-widget-wp-widget-nav_menu .sub-menu li { border-width: 1px 0 0 0; border-style: solid; }
.widget_nav_menu { border-width: 1px 0; border-style: solid; }
.widget_nav_menu .sub-menu li, .elementor-widget-wp-widget-nav_menu .sub-menu li { padding-left: 0; }
.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, .elementor-widget-wp-widget-nav_menu li + li, .elementor-widget-wp-widget-nav_menu .sub-menu li, .widget_nav_menu { border-color: var(--dtr-border-color-main); }
/*----------------------------------------*/
/*----- 14 Misc -----*/
/*----------------------------------------*/
.swiper.dtr-slider-has-arrows, .dtr-swiper.arrows { padding-bottom: 80px; }
/*== 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-btn-bg); border-color: var(--dtr-btn-border-color); color: var(--dtr-btn-color); }
.dtr-swiper .dtr-swiper-button:hover { background-color: var(--dtr-btn-hover-bg); border-color: var(--dtr-btn-hover-border-color); color: var(--dtr-btn-hover-color); }
.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: 16px; line-height: 30px; color: inherit; }
.dtr-swiper .swiper-button-prev::after, .dtr-swiper.swiper-container-rtl .swiper-button-next::after { content: "\e914"; }
.dtr-swiper .swiper-button-next::after, .dtr-swiper.swiper-container-rtl .swiper-button-prev::after { content: "\e915"; }
.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; }
.dtr-swiper-left-button .swiper-button-prev, .dtr-swiper-left-button.swiper-container-rtl .swiper-button-next { left: 0; right: auto; margin: 0; }
.dtr-swiper-left-button .swiper-button-next, .dtr-swiper-left-button.swiper-container-rtl .swiper-button-prev { left: 45px; right: auto; margin: 0; }
/*bullet*/
.dtr-swiper.dtr-slider-has-dots, .dtr-swiper.dots { padding-bottom: 60px; }
.dtr-swiper .swiper-pagination { width: 100%; bottom: -50px; text-align: center; }
.dtr-swiper .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; opacity: 1; margin: 0 10px; background-color: transparent; }
/* outer circle */
.dtr-swiper .swiper-pagination-bullet::before { content: ''; display: block; width: 16px; height: 16px; position: absolute; left: -5px; top: -5px; opacity: 1; border-radius: 50%; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; -webkit-transform: scale(0); transform: scale(0); border: 1px solid var(--dtr-border-color-main); }
.dtr-swiper .swiper-pagination-bullet-active::before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; transition: all .3s ease; }
/* inner circle */
.dtr-swiper .swiper-pagination-bullet::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: -1px; top: -1px; opacity: 1; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid var(--dtr-border-color-main); }
.dtr-swiper .swiper-pagination-bullet:hover::after { border-color: var(--dtr-bg-primary); }
.dtr-swiper .swiper-pagination-bullet-active { opacity: 1; width: 6px; height: 6px; background-color: var(--dtr-bg-primary); }
.dtr-swiper .swiper-pagination-bullet-active::after { opacity: 0; }
.dtr-swiper .swiper-pagination-bullet:hover { background-color: transparent; }
.dtr-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--dtr-bg-primary); }
/*===== 404 error page =====*/
.error-404 { text-align: center; border: 1px solid var(--dtr-border-color-main); padding: 100px 15px; border-radius: var(--dtr-radius-rounded); margin: 50px 0 100px 0; }
.error404 #dtr-main-wrapper { padding-top: 0; padding-bottom: 0; }
.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 }
}
/*----------------------------------------*/
/*----- 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 Common  -----*/
/*----------------------------------------*/
a:link, .dtr-nav a, #dtr-header-global, .dtr-form-btn, input, select, textarea, .dtr-swiper-button, .dtr-search-modal-trigger, .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-icon-btn-style2__icon { -webkit-transition: all .3s ease; transition: all .3s ease; }
.dtr-box-shadow, .dtr-box-onhover-shadow:hover { -webkit-box-shadow: 0px 10px 20px 0px rgba(38,38,40,0.10); -moz-box-shadow: 0px 10px 20px 0px rgba(38,38,40,0.10); box-shadow: 0px 10px 20px 0px rgba(38,38,40,0.10); }
/*----------------------------------------*/
/*----- 17 Colors -----*/
/*----------------------------------------*/
/*== Block editor color palette ==*/
/* Text colors */
.has-dark-color { color: #000; }
.has-white-color { color: var(--dtr-white); }
.has-gray-color { color: var(--dtr-gray); }
/* Background colors */
.has-dark-background-color { background-color: #000; }
.has-white-background-color { background-color: var(--dtr-white); }
.has-gray-background-color { background-color: var(--dtr-gray); }