.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.dd-container {
position: relative;
margin-right: auto;
margin-left: auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
} .dd-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
} .dd-column {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
} .dd-column-12 {
flex: 0 0 100%;
max-width: 100%;
} .dd-column-9 {
flex: 0 0 75%;
max-width: 75%;
} .dd-column-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
} .dd-column-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
} .dd-column-3 {
flex: 0 0 25%;
max-width: 25%;
} .dd-column-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
@media screen and (max-width: 980px) { .dd-column-8, .dd-column-9, .dd-column-4, .dd-column-2, .dd-column-3 {
flex: 0 0 100%;
max-width: 100%;
}
} .dd-clearfix:after, .dd-category-box:after, .dd-product-box:after {
content: "";
display: table;
clear: both;
} .dd-content-area .dd-main {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) { .dd-content-area .dd-main {
padding-left: 15px !important;
padding-right: 15px !important;
}
} .dd-menu-ico {
overflow: hidden;
width: 40px;
height: 40px;
border: 2px solid #333;
-webkit-border-radius: 9%;
-moz-border-radius: 9%;
border-radius: 9%;
position: relative;
top: 5px;
left: 5px;
cursor: pointer;
background: #fff;
} .move-left {
float: right;
margin-right: 5px;
} .dd-menu-ico.no-border {
border: none;
} .dd-menu-ico span {
height: 10%;
width: 80%;
margin: 10% auto;
background: #333;
display: block;
position: relative;
top: 50%;
margin-top: -5%;
} .dd-menu-ico.close-ico span {
-webkit-box-shadow: 0px 10px #333, 0px -10px #333;
-moz-box-shadow: 0px 10 #333,0px -10 #333;
box-shadow: 0px 10px #333,0px -10px #333;
-webkit-transition: transform 0.5s 0.5s cubic-bezier(0.73, 0.3, 0.32, 0.75), box-shadow 0.5s 1s cubic-bezier(0.73, 0.3, 0.32, 0.75);
-moz-transition: transform 0.5s 0.5s cubic-bezier(0.73, 0.3, 0.32, 0.75), box-shadow 0.5s 1s cubic-bezier(0.73, 0.3, 0.32, 0.75);
transition: transform 0.5s 0.5s cubic-bezier(0.73, 0.3, 0.32, 0.75), box-shadow 0.5s 1s cubic-bezier(0.73, 0.3, 0.32, 0.75);
} .dd-menu-ico.close-ico.active span {
-webkit-box-shadow: 90px 12px #333,-90px -12px #333;
-moz-box-shadow: 90px 12px #333,-90px -12px #333;
box-shadow: 90px 12px #333,-90px -12px #333;
-webkit-transform: translate(0%, 0%) rotate(315deg);
-moz-transform: translate(0%, 0%) rotate(315deg);
transform: translate(0%, 0%) rotate(315deg);
-webkit-transition: transform 0.5s 0.5s cubic-bezier(0.73, 0.3, 0.32, 0.75), box-shadow 0.5s 0s cubic-bezier(0.73, 0.3, 0.32, 0.75);
-moz-transition: transform 0.5s 0.5s cubic-bezier(0.73, 0.3, 0.32, 0.75), box-shadow 0.5s 0s cubic-bezier(0.73, 0.3, 0.32, 0.75);
transition: transform 0.5s 0.5s cubic-bezier(0.73, 0.3, 0.32, 0.75), box-shadow 0.5s 0s cubic-bezier(0.73, 0.3, 0.32, 0.75);
} .dd-menu-ico.close-ico span::after {
content: '';
width: 100%;
height: 4px;
background-color: #333;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -90px) rotate(90deg);
-moz-transform: translate(-50%, -90px) rotate(90deg);
transform: translate(-50%, -90px) rotate(90deg);
transition: transform 0.5s 0s cubic-bezier(0.73, 0.3, 0.32, 0.75);
-webkit-transition: transform 0.5s 0s cubic-bezier(0.73, 0.3, 0.32, 0.75);
-moz-transition: transform 0.5s 0s cubic-bezier(0.73, 0.3, 0.32, 0.75);
} .dd-menu-ico.close-ico.active span::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-moz-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
transition: transform 0.5s 1s cubic-bezier(0.73, 0.3, 0.32, 0.75);
-webkit-transition: transform 0.5s 1s cubic-bezier(0.73, 0.3, 0.32, 0.75);
-moz-transition: transform 0.5s 1s cubic-bezier(0.73, 0.3, 0.32, 0.75);
} .dd-sidebar-toggle {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 999;
width: 100%;
display: none;
}
@media screen and (max-width: 992px) { .dd-sidebar-toggle {
display: block;
}
} .dd-sidebar {
position: fixed;
width: 300px;
top: 0;
left: 0;
transition: transform 300ms;
min-height: 100vh;
height: 100%;
z-index: 1;
} .dd-sidebar .dd-sidebar__inner {
position: relative;
padding-top: 30px;
height: 100%;
background: var(--dd-sidebar-background);
color: var(--dd-sidebar-color);
overflow-y: auto;
scrollbar-color: rgba(0, 0, 0, 0.2) #E5E4E7;
scrollbar-width: thin;
} .dd-sidebar .dd-sidebar__inner::-webkit-scrollbar {
width: 6px;
background-color: #E5E4E7;
} .dd-sidebar .dd-sidebar__inner::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
} .dd-sidebar.sidebar-relative, .dd-sidebar.sidebar-sticky {
position: relative;
} .dd-sidebar::-webkit-scrollbar {
width: 6px;
background-color: #E5E4E7;
} .dd-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
}
@media screen and (max-width: 992px) { .dd-sidebar {
transform: translateX(-300px);
position: fixed !important;
}
} .dd-sidebar.is-open {
transform: translateX(0px);
} .dd-sidebar .cat-link {
position: relative;
} .dd-sidebar .cat-link:after {
content: "";
opacity: 0.8;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid var(--dd-sidebar-color);
border-left: 2px solid var(--dd-sidebar-color);
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(135deg);
right: 0;
margin-right: 10px;
} .dd-sidebar .cat-toggle {
overflow: hidden;
} .dd-sidebar .cat-toggle ul {
display: none;
} .dd-sidebar .dd-cat-wrap.active .cat-link:after,
.dd-sidebar .dd-cat-wrap.open .cat-link:after {
transform: rotate(-135deg);
} .dd-sidebar .dd-cat-wrap.active .cat-toggle ul,
.dd-sidebar .dd-cat-wrap.open .cat-toggle ul {
display: block;
} .dd-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
} .dd-sidebar ul li {
margin: 0;
padding: 0;
} .dd-sidebar ul li ul {
margin-bottom: 12px;
} .dd-sidebar ul li ul li {
padding-left: 20px;
} .dd-sidebar ul ul {
list-style: none;
margin: 0;
padding: 0;
} .dd-sidebar h3, .dd-sidebar h4, .dd-sidebar h5 {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.5;
} .admin-bar .dd-sidebar {
padding-top: 40px;
} #site-header,
.site-header,
.site-footer,
#site-footer {
z-index: 9;
} .site-footer,
#site-footer {
position: relative;
} .dd-widgets-sidebar {
color: var(--dd-sidebar-color);
} .dd-widgets-sidebar .widget {
margin-botttom: 30px;
padding: 20px;
} .dd-widgets-sidebar .widget-title, .dd-widgets-sidebar .widgettitle {
margin: 0;
margin-bottom: 16px;
font-size: 1.2em;
line-height: 1.3;
} .dd-most-viewed ul {
list-style: none;
margin: 0;
} .dd-most-viewed ul li {
padding: 8px 0;
margin: 0;
margin-bottom: 8px;
position: relative;
} .dd-most-viewed ul li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: currentColor;
opacity: 0.08;
} .dd-most-viewed ul li a {
text-decoration: none;
color: inherit;
} .dd-sidebar.style-line a {
color: inherit;
text-decoration: none;
padding: 8px 30px 8px 20px;
-ms-flex-wrap: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
position: relative;
padding: 8px 30px 8px 20px;
width: 95%;
margin: auto;
border-radius: 4px;
} .dd-sidebar.style-line a:hover {
color: var(--dd-sidebar-active-color);
} .dd-sidebar.style-line a:hover .term-icon {
background: var(--dd-sidebar-active-icon-background);
} .dd-sidebar.style-line a:hover svg path {
fill: var(--dd-sidebar-active-color);
} .dd-sidebar.style-line .dd-main-list li.active .cat-link {
color: var(--dd-sidebar-active-color);
} .dd-sidebar.style-line .dd-main-list li.active .cat-link .term-icon {
background: var(--dd-sidebar-active-icon-background);
} .dd-sidebar.style-line .dd-main-list li.active .cat-link svg path {
fill: var(--dd-sidebar-active-color);
} .dd-sidebar.style-line .cat-toggle {
margin-bottom: 20px;
} .dd-sidebar.style-line .cat-toggle .term-icon {
margin-right: 10px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
} .dd-sidebar.style-line .cat-toggle .term-icon svg, .dd-sidebar.style-line .cat-toggle .term-icon img, .dd-sidebar.style-line .cat-toggle .term-icon i {
font-size: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
} .dd-sidebar.style-line .cat-toggle li.active > a {
color: var(--dd-sidebar-active-color);
} .dd-sidebar.style-line .cat-toggle li {
position: relative;
} .dd-sidebar.style-line .cat-toggle li:before {
content: "";
position: absolute;
left: 25px;
height: 100%;
width: 1px;
background: currentColor;
opacity: 0.6;
} .dd-sidebar.style-line .cat-toggle li.active:before, .dd-sidebar.style-line .cat-toggle li:hover:before {
background: var(--dd-sidebar-active-color);
opacity: 1;
} .dd-sidebar.style-line .cat-toggle ul {
margin-top: 10px;
margin-left: 20px;
} .dd-sidebar.style-line .cat-toggle ul li a {
overflow: hidden;
text-overflow: ellipsis;
} .dd-sidebar.style-line .cat-toggle ul li a h4 {
font-size: 0.9em;
line-height: 1.2;
} .dd-sidebar.style-line .cat-toggle ul h5 {
font-size: 0.7em;
line-height: 1;
} .dd-sidebar.style-bootstrap a {
color: inherit;
text-decoration: none;
padding: 8px 30px 8px 20px;
-ms-flex-wrap: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
position: relative;
padding: 8px 30px 8px 20px;
width: 95%;
margin: auto;
border-radius: 4px;
} .dd-sidebar.style-bootstrap a:hover {
background: var(--dd-sidebar-active-background);
box-shadow: 0 3px 15px rgba(36, 37, 38, 0.08);
} .dd-sidebar.style-bootstrap a:hover .term-icon {
background: var(--dd-sidebar-active-icon-background);
} .dd-sidebar.style-bootstrap a:hover svg path {
fill: var(--dd-sidebar-active-color);
} .dd-sidebar.style-bootstrap .dd-main-list li.active .cat-link {
background: var(--dd-sidebar-active-background);
box-shadow: 0 3px 15px rgba(36, 37, 38, 0.08);
} .dd-sidebar.style-bootstrap .dd-main-list li.active .cat-link .term-icon {
background: var(--dd-sidebar-active-icon-background);
} .dd-sidebar.style-bootstrap .dd-main-list li.active .cat-link svg path {
fill: var(--dd-sidebar-active-color);
} .dd-sidebar.style-bootstrap .cat-toggle {
margin-bottom: 20px;
} .dd-sidebar.style-bootstrap .cat-toggle .term-icon {
margin-right: 10px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
} .dd-sidebar.style-bootstrap .cat-toggle .term-icon svg, .dd-sidebar.style-bootstrap .cat-toggle .term-icon img, .dd-sidebar.style-bootstrap .cat-toggle .term-icon i {
font-size: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
} .dd-sidebar.style-bootstrap .cat-toggle li.active > a {
background: var(--dd-sidebar-active-background);
color: var(--dd-sidebar-active-color);
} .dd-sidebar.style-bootstrap .cat-toggle ul {
margin-top: 10px;
margin-left: 20px;
} .dd-sidebar.style-bootstrap .cat-toggle ul li a {
overflow: hidden;
text-overflow: ellipsis;
} .dd-sidebar.style-bootstrap .cat-toggle ul li a h4 {
font-size: 0.9em;
line-height: 1.2;
} .dd-sidebar.style-bootstrap .cat-toggle ul h5 {
font-size: 0.7em;
font-weight: normal;
line-height: 1;
} .dd-sidebar.style-bootstrap .cat-toggle ul.sub-docs h5 {
font-size: 0.6em;
} .dd-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: var(--dd-breadcrumb-align);
font-size: 0.80em;
line-height: 0.95em;
color: var(--dd-breadcrumb-color);
}
@media screen and (max-width: 767px) { .dd-breadcrumb {
justify-content: center;
}
} .dd-breadcrumb .dd-breadcrumb-label {
margin-right: 4px;
}
@media screen and (max-width: 767px) { .dd-breadcrumb .dd-breadcrumb-label {
margin-bottom: 8px;
}
} .dd-breadcrumb ol {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
} .dd-breadcrumb ol li {
position: relative;
padding: 0;
margin: 0 6px;
} .dd-breadcrumb ol li a {
color: var(--dd-breadcrumb-color-links);
text-decoration: none;
} .dd-docs .dd-breadcrumb {
margin-bottom: 20px;
} .dd-section-heading {
padding: 1.5em 0;
} .dd-section-heading h1 {
margin: 0;
} .dd-section-heading .dd-timer {
margin-top: 10px;
font-size: 85%;
font-style: italic;
opacity: 0.9;
} .dd-section-heading p {
margin-top: 12px;
} .dd-search-icon {
width: 18px;
height: 18px;
border-radius: 40px;
border: 3px solid #333;
display: block;
position: relative;
margin-left: 5px;
transition: all 0.5s ease;
} .dd-search-icon:after {
content: '';
width: 3px;
height: 8px;
position: absolute;
right: -5px;
top: 10px;
display: block;
background-color: #333;
transform: rotate(-45deg);
transition: all 0.5s ease;
} .dd-chase {
width: 40px;
height: 40px;
position: absolute;
animation: dd-chase 2.5s infinite linear both;
} .dd-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: dd-chase-dot 2.0s infinite ease-in-out both;
} .dd-chase-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: #111;
border-radius: 100%;
animation: dd-chase-dot-before 2.0s infinite ease-in-out both;
} .dd-chase-dot:nth-child(1) {
animation-delay: -1.1s;
} .dd-chase-dot:nth-child(2) {
animation-delay: -1.0s;
} .dd-chase-dot:nth-child(3) {
animation-delay: -0.9s;
} .dd-chase-dot:nth-child(4) {
animation-delay: -0.8s;
} .dd-chase-dot:nth-child(5) {
animation-delay: -0.7s;
} .dd-chase-dot:nth-child(6) {
animation-delay: -0.6s;
} .dd-chase-dot:nth-child(1):before {
animation-delay: -1.1s;
} .dd-chase-dot:nth-child(2):before {
animation-delay: -1.0s;
} .dd-chase-dot:nth-child(3):before {
animation-delay: -0.9s;
} .dd-chase-dot:nth-child(4):before {
animation-delay: -0.8s;
} .dd-chase-dot:nth-child(5):before {
animation-delay: -0.7s;
} .dd-chase-dot:nth-child(6):before {
animation-delay: -0.6s;
}
@keyframes dd-chase {
100% {
transform: rotate(360deg);
}
}
@keyframes dd-chase-dot {
80%, 100% {
transform: rotate(360deg);
}
}
@keyframes dd-chase-dot-before {
50% {
transform: scale(0.4);
}
100%, 0% {
transform: scale(1);
}
} .dd-search-form {
position: relative;
} .dd-search-form:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} .dd-search-form .dd-sf-wrap {
max-width: 580px;
margin: auto;
} .dd-search-form .dd-sf-inner {
position: relative;
} .dd-search-form .dd-sh {
text-align: center;
font-size: 2.5em;
margin: 0;
margin-bottom: 30px;
} .dd-search-form .dd-search {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 3;
} .dd-search-form .dd-search .dd-chase {
right: 30px;
width: 24px;
height: 24px;
visibility: hidden;
} .dd-search-form .dd-search input {
width: 100%;
min-height: 56px;
padding: 22px 30px;
outline: none;
border: none;
} .dd-search-form .dd-search button {
background: transparent;
border: none;
box-shadow: none;
position: absolute;
padding: 0;
right: 30px;
} .dd-search-form .dd-search.loading button {
display: none;
} .dd-search-form .dd-search.loading .dd-chase {
visibility: visible;
} .dd-search-form .dd-search-result {
position: absolute;
width: 100%;
left: 0;
right: 0;
margin: auto;
margin-top: -60px;
padding-top: 60px;
height: 250px;
max-height: 0;
overflow-y: scroll;
background: #fff;
color: #333;
z-index: 2;
transition: all 300ms;
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
-ms-overflow-style: none;
scrollbar-width: none;
} .dd-search-form .dd-search-result:before {
content: "";
position: absolute;
left: 0;
width: 100%;
border-bottom: 1px solid;
opacity: 0.15;
} .dd-search-form .dd-search-result::-webkit-scrollbar {
display: none;
} .dd-search-form .dd-search-result:focus {
outline: none;
} .dd-search-form .dd-search-result.active {
max-height: 99vh;
} .dd-search-form .dd-search-result ul {
list-style: none;
padding: 10px 5px;
margin: 0;
} .dd-search-form .dd-search-result ul li {
padding: 12px 8px;
margin: 0;
position: relative;
font-size: 16px;
line-height: 20px;
} .dd-search-form .dd-search-result ul li.hovered {
background-color: rgba(0, 0, 0, 0.1);
} .dd-search-form .dd-search-result ul li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 1px solid;
opacity: 0.15;
} .dd-search-form .dd-search-result ul li a {
color: inherit;
text-decoration: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
} .dd-search-form .dd-search-result ul li a span {
font-size: 70%;
line-height: 1;
background: rgba(0, 0, 0, 0.1);
padding: 4px 6px;
} .dd-search-form.style-rounded .dd-search input {
border-radius: 35px;
} .dd-search-form.style-rounded .dd-search.active input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} .dd-search-form.style-rounded .dd-search-result {
border-radius: 35px;
} .dd-sidebar .dd-search-form {
max-width: 90%;
margin: auto;
margin-top: 0px;
margin-bottom: 26px;
} .dd-sidebar .dd-search-form .dd-search-icon {
width: 12px;
height: 12px;
} .dd-sidebar .dd-search-form .dd-search-icon:after {
height: 6px;
top: 5px;
} .dd-sidebar .dd-search-form .dd-search input {
min-height: 36px;
padding: 10px 20px;
} .dd-sidebar .dd-search-form .dd-search button {
right: 20px;
} .dd-sidebar .dd-search-form .dd-search-result {
padding-top: 36px;
margin-top: -36px;
} .dd-content-area.dd-docs {
color: var(--dd-docs-container-color);
} .dd-content-area.dd-cat {
color: var(--dd-cat-container-color);
min-height: 64vh;
} .dd-cat-list .dd-cat-titles {
list-style: none;
margin: 0;
padding: 0;
} .dd-cat-list .dd-cat-titles li {
padding: 15px 15px;
margin: 0;
margin-bottom: 15px;
background: #fff;
transition: all 300ms;
} .dd-cat-list .dd-cat-titles li:hover {
transform: scale(1.01);
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
} .dd-cat-list .dd-cat-titles li ul {
list-style: none;
} .dd-cat-list .dd-cat-titles li ul li {
padding: 7px;
margin-bottom: 5px;
} .dd-cat-list .dd-cat-titles li ul li a h3 {
font-size: 80%;
opacity: 0.9;
} .dd-cat-list .dd-cat-titles li a {
color: #333;
text-decoration: none;
} .dd-cat-list .dd-cat-titles li a svg, .dd-cat-list .dd-cat-titles li a img, .dd-cat-list .dd-cat-titles li a i {
opacity: 0.8;
margin-right: 6px;
} .dd-cat-list .dd-cat-titles li a h3 {
font-size: 20px;
line-height: 28px;
margin: 0;
} .dd-single-toc {
min-height: 100vh;
padding: 0 20px;
width: 20%;
} .dd-single-toc .dd-toc-wrapper {
position: sticky;
right: 0;
top: 0;
} .dd-toc-wrapper {
padding: 20px 0;
} .dd-toc-wrapper .toc-heading {
font-weight: bold;
margin-bottom: 10px;
font-size: 1em;
} .dd-toc-wrapper ol {
list-style: none;
margin: 0;
} .dd-toc-wrapper ol li {
margin: 0;
margin-bottom: 6px;
} .dd-toc-wrapper ol a {
color: #333;
text-decoration: none;
font-size: 0.75em;
line-height: 1;
} .dd-doc-rating {
padding: 20px 0;
font-size: 0.77em;
line-height: 0.90em;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
} .dd-doc-rating .dd-rating-label {
margin-bottom: 12px;
flex: 0 0 100%;
} .dd-doc-rating a {
text-decoration: none;
margin-right: 10px;
} .dd-doc-rating a .count {
display: block;
font-size: 0.80em;
margin: 6px;
} .dd-doc-rating a svg, .dd-doc-rating a i, .dd-doc-rating a .svg-inline--fa.fa-w-16, .dd-doc-rating a img {
width: 28px;
height: 28px;
} .dd-article .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
} .dd-article .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
} .dd-article .ql-size-small {
font-size: 0.75em;
} .dd-article .ql-size-large {
font-size: 1.5em;
} .dd-article .ql-size-huge {
font-size: 2.5em;
} .dd-article .ql-direction-rtl {
direction: rtl;
text-align: inherit;
} .dd-article .ql-align-center {
text-align: center;
} .dd-article .ql-align-justify {
text-align: justify;
} .dd-article .ql-align-right {
text-align: right;
} .dd-article ol {
counter-reset: mylist;
} .dd-article ol ol > li:before {
content: counter(mylist,lower-alpha) ". ";
} .dd-article ol ol ol > li:before {
content: counter(mylist,lower-roman) ". ";
} .dd-article ol ol ol ol > li:before {
content: counter(mylist,decimal) ". ";
} .dd-article ol ol ol ol ol > li:before {
content: counter(mylist,lower-alpha) ". ";
} .dd-article ol ol ol ol ol ol > li:before {
content: counter(mylist,lower-roman) ". ";
} .dd-article ol ol ol ol ol ol ol > li:before {
content: counter(mylist,decimal) ". ";
} .dd-article ol ol ol ol ol ol ol ol > li:before {
content: counter(mylist,lower-alpha) ". ";
} .dd-article ol ol ol ol ol ol ol ol ol > li:before {
content: counter(mylist,lower-roman) ". ";
}  .dd-article .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
} .dd-article .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
} .dd-article .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
} .dd-article .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
} .dd-article .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
} .dd-article .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
} .dd-article .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
} .dd-article .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
} .dd-article .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
} .dd-article .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
} .dd-article .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
} .dd-article .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
} .dd-article .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
} .dd-article .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
} .dd-article .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
} .dd-article .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
} .dd-article .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
} .dd-article .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}  .dd-article .ql-video {
display: block;
max-width: 100%;
} .dd-article .ql-video.ql-align-center {
margin: 0 auto;
} .dd-article .ql-video.ql-align-right {
margin: 0 0 0 auto;
}  .dd-article .ql-size-8pt {
font-size: 8pt;
} .dd-article .ql-size-10pt {
font-size: 10pt;
} .dd-article .ql-size-12pt {
font-size: 12pt;
} .dd-article .ql-size-14pt {
font-size: 14pt;
} .dd-article .ql-size-18pt {
font-size: 18pt;
} .dd-article .ql-size-24pt {
font-size: 24pt;
} .dd-article .ql-size-36pt {
font-size: 36pt;
} .dd-content-area.dd-single {
color: var(--dd-single-container-color);
position: relative;
} .dd-single-doc {
min-height: 100vh;
} .dd-single-doc .single-content {
width: 100%;
clear: both;
} .dd-single-doc .single-content:before, .dd-single-doc .single-content:after {
content: "";
display: table;
clear: both;
} .dd-single-doc .single-content .align-center {
text-align: center;
margin-left: auto;
margin-right: auto;
} .dd-single-doc .single-content .align-left {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
} .dd-single-doc .single-content .align-right {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
} .dd-single-doc .dd-single-inner {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
} .dd-single-doc .dd-article {
position: relative;
} .dd-single-doc .dd-article:after {
display: block;
content: "";
clear: both;
} .dd-single-doc .dd-article-footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 85%;
font-style: italic;
opacity: 0.9;
} .dd-single-doc .dd-article-footer .dd-update-time, .dd-single-doc .dd-article-footer .dd-doc-views {
margin: 16px 0;
} .dd-single-doc .dd-single-content-wrap {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
} .dd-single-doc.with-sidebar .single-content {
width: calc( 100% - 300px );
margin-left: 300px;
}
@media screen and (max-width: 992px) { .dd-single-doc.with-sidebar .single-content {
width: 100%;
margin-left: 0;
}
} .dd-single-doc.with-sidebar .single-content .dd-single-content-wrap {
padding: 0 20px 20px 20px;
background: inherit;
color: inherit;
}
@media screen and (max-width: 992px) { .dd-single-doc.with-sidebar .single-content .dd-single-content-wrap {
padding: 0;
}
} .dd-single-doc.with-sidebar.sidebar-relative .single-content, .dd-single-doc.with-sidebar.sidebar-sticky .single-content {
margin-left: 0;
} .dd-single-doc.with-toc .single-content {
display: flex;
flex-wrap: wrap;
} .dd-single-doc.with-toc .dd-single-content-wrap {
max-width: 80%;
padding-right: 44px !important;
border-right: 1px solid rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 992px) { .dd-single-doc.with-toc .dd-single-content-wrap {
max-width: 100%;
padding-right: 0px !important;
border-right: 0;
}
} .dd-simple-cat, .dd-simple-product {
text-decoration: none;
transition: all 300ms;
} .dd-simple-cat:hover, .dd-simple-product:hover {
transform: scale(1.02);
} .dd-simple-cat:hover .dd-inner-content, .dd-simple-product:hover .dd-inner-content {
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
} .dd-simple-cat .dd-inner-content .cat-title, .dd-simple-product .dd-inner-content .cat-title {
margin: 30px 0 15px 0;
} .dd-simple-cat .dd-inner-content .cat-title h3, .dd-simple-product .dd-inner-content .cat-title h3 {
color: inherit;
margin: 0;
padding: 0;
text-decoration: none;
} .dd-simple-cat .dd-inner-content .cat-footer .count, .dd-simple-product .dd-inner-content .cat-footer .count {
display: block;
margin-bottom: 12px;
font-size: 75%;
} .dd-simple-cat .dd-inner-content .cat-footer .btn, .dd-simple-product .dd-inner-content .cat-footer .btn {
color: var(--dd-category-box-button-color);
} .dd-detail-cat, .dd-detail-product {
transition: all 300ms;
} .dd-detail-cat:hover, .dd-detail-product:hover {
transform: scale(1.01);
} .dd-detail-cat:hover .dd-inner-content, .dd-detail-product:hover .dd-inner-content {
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
} .dd-detail-cat .top-content, .dd-detail-product .top-content {
display: flex;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
color: inherit;
margin-bottom: 14px;
} .dd-detail-cat .top-content .cat-desk, .dd-detail-product .top-content .cat-desk {
flex: 0 0 100%;
margin-top: 15px;
color: inherit;
} .dd-detail-cat .top-content .cat-desk p, .dd-detail-product .top-content .cat-desk p {
margin-bottom: 18px;
} .dd-detail-cat .top-content .cat-image, .dd-detail-product .top-content .cat-image {
margin-right: 15px;
width: var(--dd-category-box-icon-size);
} .dd-detail-cat .top-content .cat-title, .dd-detail-product .top-content .cat-title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
} .dd-detail-cat .top-content .cat-title h3, .dd-detail-product .top-content .cat-title h3 {
margin: 0;
font-size: 1.75em;
line-height: 1.8em;
} .dd-detail-cat .top-content .cat-title .count, .dd-detail-product .top-content .cat-title .count {
padding: 0;
font-size: 12px;
line-height: 26px;
border-radius: 50%;
position: relative;
width: 26px;
height: 26px;
text-align: center;
background: var(--dd-category-box-count-background);
color: var(--dd-category-box-count-color);
} .dd-detail-cat .top-content .cat-title .count .text, .dd-detail-product .top-content .cat-title .count .text {
z-index: 2;
position: relative;
} .dd-detail-cat .top-content .cat-title .count:before, .dd-detail-product .top-content .cat-title .count:before {
content: "";
z-index: 1;
position: absolute;
border-radius: 50%;
width: 130%;
height: 130%;
background: var(--dd-category-box-count-background);
top: -15%;
left: -15%;
right: 0;
margin: auto;
opacity: 0.3;
} .dd-detail-cat .cat-list, .dd-detail-product .cat-list {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 24px;
} .dd-detail-cat .cat-list li, .dd-detail-product .cat-list li {
padding: 12px 15px;
margin: 0;
margin-bottom: 6px;
background: var(--dd-category-box-docs-background);
font-size: 0.88em;
line-height: 0.95em;
transition: all 300ms;
} .dd-detail-cat .cat-list li:hover, .dd-detail-product .cat-list li:hover {
transform: scale(1.01);
box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
} .dd-detail-cat .cat-list li a, .dd-detail-product .cat-list li a {
color: var(--dd-category-box-docs-color);
text-decoration: none;
} .dd-detail-cat .cat-list li a svg, .dd-detail-product .cat-list li a svg, .dd-detail-cat .cat-list li a i, .dd-detail-product .cat-list li a i {
margin-right: 4px;
} .dd-detail-cat .cat-list li.is-child, .dd-detail-product .cat-list li.is-child {
margin-left: 16px;
margin-top: -6px;
} .dd-detail-cat .cat-list li.sub-child, .dd-detail-product .cat-list li.sub-child {
margin-left: 32px;
margin-top: -6px;
} .dd-detail-cat .btn-rd, .dd-detail-product .btn-rd {
margin-top: 20px;
text-decoration: none;
color: var(--dd-category-box-icon-color);
border: 1px solid;
font-size: 0.80em;
padding: 8px 20px;
display: table;
} .dd-category-box, .dd-product-box {
position: relative;
} .dd-category-box .dd-inner-box, .dd-product-box .dd-inner-box {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
box-sizing: border-box;
} .dd-category-box .dd-inner-box .dd-box-link, .dd-product-box .dd-inner-box .dd-box-link {
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;
text-align: var(--dd-category-box-align);
} .dd-category-box .dd-inner-box .dd-box-link .dd-inner-content, .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content {
margin: 0 0 30px 0;
padding: 30px;
background: var(--dd-category-box-background);
color: var(--dd-category-box-color);
} .dd-category-box .dd-inner-box .dd-box-link .dd-inner-content .cat-title h3, .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-title h3 {
color: var(--dd-category-box-heading-color);
line-height: 1.2;
font-size: 2em;
} .dd-category-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image, .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image {
height: var(--dd-category-box-icon-size);
border-radius: 50%;
} .dd-category-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image img, .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image img, .dd-category-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image svg, .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image svg {
width: auto;
height: 100%;
background: var(--dd-category-box-icon-background);
} .dd-category-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image svg path, .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image svg path {
fill: var(--dd-category-box-icon-color);
} .dd-category-box.columns-1 .dd-inner-box .dd-box-link, .columns-1.dd-product-box .dd-inner-box .dd-box-link {
max-width: 100%;
flex: 0 0 100%;
}
@media screen and (max-width: 767px) { .dd-category-box.columns-1 .dd-inner-box .dd-box-link, .columns-1.dd-product-box .dd-inner-box .dd-box-link {
max-width: 100%;
flex: 0 0 100%;
}
} .dd-category-box.columns-2 .dd-inner-box .dd-box-link, .columns-2.dd-product-box .dd-inner-box .dd-box-link {
max-width: 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 767px) { .dd-category-box.columns-2 .dd-inner-box .dd-box-link, .columns-2.dd-product-box .dd-inner-box .dd-box-link {
max-width: 100%;
flex: 0 0 100%;
}
} .dd-category-box.columns-3 .dd-inner-box .dd-box-link, .columns-3.dd-product-box .dd-inner-box .dd-box-link {
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
@media screen and (max-width: 767px) { .dd-category-box.columns-3 .dd-inner-box .dd-box-link, .columns-3.dd-product-box .dd-inner-box .dd-box-link {
max-width: 100%;
flex: 0 0 100%;
}
} .dd-category-box.columns-4 .dd-inner-box .dd-box-link, .columns-4.dd-product-box .dd-inner-box .dd-box-link {
max-width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 767px) { .dd-category-box.columns-4 .dd-inner-box .dd-box-link, .columns-4.dd-product-box .dd-inner-box .dd-box-link {
max-width: 100%;
flex: 0 0 100%;
}
} .dd-simple-product .dd-inner-content .cat-footer .btn {
color: var(--dd-product-box-button-color);
} .dd-detail-product .cat-list li {
background: var(--dd-product-box-docs-background);
} .dd-detail-product .cat-list li a {
color: var(--dd-product-box-docs-color);
} .dd-detail-product .btn-rd {
color: var(--dd-product-box-button-color);
} .dd-detail-product .top-content .cat-title {
width: 100%;
} .dd-product-tabs .dd-tab-links {
border-bottom: 1px solid;
margin-bottom: 2.5em;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
} .dd-product-tabs .dd-tab-links a {
color: #333;
text-decoration: none;
margin-bottom: 20px;
position: relative;
margin-right: 20px;
} .dd-product-tabs .dd-tab-links a.active {
color: var(--dd-product-box-active-tab);
} .dd-product-tabs .dd-tab-links a.active:after {
height: 2px;
background: var(--dd-product-box-active-tab);
} .dd-product-tabs .dd-tab-links a:after {
content: "";
position: absolute;
width: 100%;
bottom: -20px;
left: 0;
} .dd-product-tabs .dd-tab-links h3 {
font-size: 1.2em;
margin: 0;
} .dd-product-tabs .dd-tab-content {
position: relative;
} .dd-product-tabs .dd-tab-content.loading .dd-loader {
z-index: 9;
} .dd-product-tabs .dd-tab-content.loading .dd-loader svg {
display: block;
} .dd-product-tabs .dd-tab-content .dd-loader {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(250, 250, 250, 0.45);
} .dd-product-tabs .dd-tab-content .dd-loader svg {
display: none;
width: 3em;
height: 3em;
animation: dd-chase 2.5s infinite linear both;
} .dd-product-box .dd-inner-box .dd-box-link {
text-align: var(--dd-product-box-align);
} .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content {
background: var(--dd-product-box-background);
color: var(--dd-product-box-color);
} .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-title h3 {
color: var(--dd-product-box-heading-color);
} .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image {
width: calc(100% + 60px);
height: auto;
max-height: 250px;
margin: -30px -30px 30px -30px;
overflow: hidden;
border-radius: 0;
position: relative;
} .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image:before {
content: "";
display: block;
padding-top: 50%;
} .dd-product-box .dd-inner-box .dd-box-link .dd-inner-content .cat-image img {
position: absolute;
width: 100%;
height: auto;
top: 50%;
left: 0;
transform: translateY(-50%);
} .dd-alert.dd-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
} .dd-alert.dd-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
} .dd-article .embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
} .dd-article .embed-responsive:before {
content: "";
display: block;
} .dd-article .embed-responsive.embed-responsive-16by9::before {
padding-top: 56.25%;
} .dd-article .embed-responsive iframe, .dd-article .embed-responsive video, .dd-article .embed-responsive object {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} .dd-alert {
position: relative;
padding: 24px 30px;
margin-bottom: 1em;
border: 1px solid transparent;
border-radius: .45rem;
display: block;
align-items: center;
padding-left: 88px;
}
@media screen and (max-width: 767px) { .dd-alert {
padding-left: 40px;
}
} .dd-alert p {
margin: 0;
} .dd-alert .dd-icon {
position: absolute;
left: 26px;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
}
@media screen and (max-width: 767px) { .dd-alert .dd-icon {
width: 20px;
height: 20px;
}
} .dd-alert .dd-icon svg, .dd-alert .dd-icon i {
width: 100%;
height: 100%;
} #wp-admin-bar-dd-doc-edit a:before,
#wp-admin-bar-dd-doc-term a:before {
content: "";
position: relative;
float: left;
font: normal 20px/1 dashicons;
speak: none;
padding: 4px 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: none !important;
margin-right: 6px;
} #wp-admin-bar-dd-doc-edit a:before {
content: "\f464";
} #wp-admin-bar-dd-doc-term a:before {
content: "\f186";
}.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #2b2b2b;
color: #bababa;
}
.hljs-strong,
.hljs-emphasis {
color: #a8a8a2;
}
.hljs-bullet,
.hljs-quote,
.hljs-link,
.hljs-number,
.hljs-regexp,
.hljs-literal {
color: #6896ba;
}
.hljs-code,
.hljs-selector-class {
color: #a6e22e;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-attribute,
.hljs-name,
.hljs-variable {
color: #cb7832;
}
.hljs-params {
color: #b9b9b9;
}
.hljs-string {
color: #6a8759;
}
.hljs-subst,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-symbol,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-template-tag,
.hljs-template-variable,
.hljs-addition {
color: #e0c46c;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: #7f7f7f;
}