/*!
Theme Name: Dssr
Theme URI: https://jekade.com/
Author: Davy Mangara
Author URI: https://jekade.com/
Description: Premium WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: dssr
Domain Path: /languages
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
*/
html {
    font-weight: 500;
    background-color: #f6f6f6;
}

body {
    background-color: #fff;
}

embed,
iframe,
object, 
textarea,
input {
	max-width: 100%;
}
li::marker {
  color: #ff9100;
}
/* Custom Styles
--------------------------------------------- */
.uk-font-10 {
    font-size: 0.63rem;
}
.uk-font-11 {
    font-size: 0.69rem;
}
.uk-font-12 {
    font-size: 0.86rem;
}
.uk-font-13 {
    font-size: 0.93rem;
}
.uk-font-14 {
    font-size: 1rem;
}
.uk-font-15 {
    font-size: 1.08rem;
    line-height: 1.6;
}
.uk-font-16 {
    font-size: 1.15rem;
    line-height: 1.63;
}
.uk-display-table {
    display: table;
}
.uk-display-table-cell {
    display: table-cell;
}
.uk-border {
    border: 1px solid #e9e9e9;
}
/* .uk-sticky-fixed .uk-dropdown {
    border: 1px solid #999;
} */
.uk-icon-button-small {
    width: 24px;
    height: 24px;
}
.uk-box-shadow-line {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.uk-box-shadow-none {
    box-shadow: none !important;
}
.uk-button {
    font-family: Gabarito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: 0.5px;
}
.uk-tooltip {
  padding: 2px 6px;
  border-radius: 0;
  background: #ff9100;
}
.uk-text-bold {
    font-weight: 600;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #FFF;
}
.uk-article + .uk-article {
  margin-top: 40px;
}
.uk-comment-list {
    margin-bottom: 50px;
}
/* #topbar .uk-navbar-container:not(.uk-navbar-transparent) {
    background: #FFF;
} */
#topbar .uk-navbar-container:not(.uk-navbar-sticky) {
    min-height: 100px;
    background: rgba(23, 23, 36, 0.5);
    background: rgba(255, 255, 255, 0.7);
}
#top-navbar {
    background-color: #19174d;
}
#top-navbar .uk-navbar-item {
    min-height: 46px;
}
#topbar .uk-navbar-container.uk-navbar-sticky {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.uk-navbar-nav > li > a {
    font-family: Gabarito, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
}
.blur > *:not(.uk-modal) {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}
.uk-offcanvas-bar .uk-nav-default,
.uk-offcanvas-bar .uk-nav-sub {
    font-size: 0.93rem;
}
.uk-offcanvas-bar .uk-nav-sub {
    font-size: 0.8125rem;
    font-weight: 600;
}
.uk-offcanvas-bar .uk-nav-default > li > a {
    font-weight: 600;
}
.uk-offcanvas-bar .uk-logo {
    width: 200px;
}
.uk-light .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
    color: #ff9000
}
#jekade-slideshow .uk-overlay.uk-position-center {
  top: calc(70% - var(--uk-position-margin-offset));
  width: 270px;
  background: #fff;
}
.entry-title, .nav-links span.nav-title {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.nav-links .nav-previous,
.nav-links .nav-next {
    width: 50%;
    max-width: 100%;

}
.entry-title:after,
#jekade-slideshow h2:after,
.layer-up h2:after {
    content: '';
    display: block;
    width: 35px;
    height: 6px;
    background: #ff9000 !important;
    border-radius: 3px;
    margin: 8px auto 0;
}
#jekade-slideshow .uk-overlay {
    padding-left: 40px;
    padding-right: 40px;
}
.entry-title:after {
    margin-left: 0;
}
#topbar,
#jekade-slideshow .uk-slideshow-items,
#jekade-slideshow figure {
    height: 420px !important;
}
#stats .uk-height-medium {
    height: 540px;
}
#featured-clients .uk-slider-items > div > img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#featured-clients .uk-slider-items > div > img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
/* Hover */
.uk-button-primary:hover,
.uk-button-secondary:hover {
  background-color: #ff9000;
}
#get-quote {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
img.other-image {
    width: auto;
}
/* Phone landscape and bigger */
@media (min-width: 360px) {
    #jekade-slideshow .uk-overlay.uk-position-center {
        top: calc(75% - var(--uk-position-margin-offset));
        width: 320px;
    }
    #topbar,
    #jekade-slideshow .uk-slideshow-items,
    #jekade-slideshow figure {
        height: 520px !important;
    }
    #stats .uk-height-medium {
        height: 540px;
    }
}
@media (min-width: 640px) {
    #jekade-slideshow .uk-overlay.uk-position-center {
        width: auto;
    }
    #get-quote {
        text-align: left;
    }
    #topbar,
    #jekade-slideshow .uk-slideshow-items,
    #jekade-slideshow figure {
        height: 620px !important;
    }
    #stats .uk-height-medium {
        height: 250px;
    }
    img.other-image {
        width: 300px;
    }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
    #topbar,
    #jekade-slideshow .uk-slideshow-items,
    #jekade-slideshow figure {
        height: 640px !important;
    }
    #stats .uk-height-medium {
        height: 300px;
    }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    #topbar,
    #jekade-slideshow .uk-slideshow-items,
    #jekade-slideshow figure {
        height: 800px !important;
    }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
    #topbar,
    #jekade-slideshow .uk-slideshow-items,
    #jekade-slideshow .uk-slideshow-items > *,
    #jekade-slideshow figure {
        height: 980px !important;
    }
}
.layer-up {
    z-index: 10; 
    position: relative;
}

@media (max-width: 639px) {
    .uk-navbar-nav > li > a,
    .uk-navbar-item, .uk-navbar-toggle {
        min-height: 68px;
    }
}

/*
**  WordPress Blog Style
*/

/* Navigation
--------------------------------------------- */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 30px;
    padding-top: 30px;
    line-height: 1.5;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
    padding: 20px 0 24px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}
.uk-comment .reply {
    top: -4px;
    right: 20px;
    position: absolute;
}
.bypostauthor .uk-comment .reply {
    top: 25px;
    right: 20px;
    position: absolute;
}
.widget ul#menu-menu-sidebar > li {
  margin-bottom: 2px;
  background: #f2f2f2;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/* .post,
.page {
	margin: 0 0 1.5em;
} */

.updated:not(.published) {
	display: none;
}

/* .page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
} */
.entry-content ul, 
.entry-content ol {
    padding-left: 16px;
}
.entry-content li {
    margin-bottom: 6px;
    margin-top: 6px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
/* .widget {
	margin: 0 0 1.5em;
} */

.widget select {
	max-width: 100%;
}

.widget ul {
    font-size: 0.875rem;
    list-style-type: none;
    padding-left: 0;
}
.widget ul > li {
    margin-bottom: 0.75em;
}
/* .widget ul > li > a {
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
.widget ul > li > a:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #0ea18bb4;
} */

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 6px 0;
}

.wp-block-image figcaption,
.wp-caption-text {
	font-size: 0.825rem;
}
/* @media(max-width:479px) {
    .blog .post-thumbnail .wp-post-image {
        margin-left: -24px;
    }
} */
/* .wp-block-columns {
    padding-top: 30px;
} */
.wp-block-column .wp-block-image + .wp-block-heading {
    margin-top: 20px;
}
@media (max-width: 780px) {
    :where(.wp-block-columns.is-layout-flex) {
        gap: 0 !important;
    }
    ul.wp-block-list,
    ol.wp-block-list {
        margin-bottom: 0;
    }
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/*
**  CUSTOM WIDGET
*/
#company-presentation a,
#we-help-you a {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 0.93rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    -webkit-appearance: none;
}
#company-presentation a,
#we-help-you a {
    background-color: #27273a;
    color: #fff;
    border: 1px solid transparent;
}
#we-help-you a {
    background-color: #ff9100;
}
#company-presentation a:hover,
#we-help-you a:hover {
    background-color: #ff9000;
    color: #fff;
}
#we-help-you a:hover {
    background-color: #fff;
    color: #000;
}
#company-presentation a:active,
#company-presentation a.uk-active {
    background-color: #27273a;
    color: #fff;
}
#we-help-you a:active,
#we-help-you a.uk-active {
    background-color: #fff;
    color: #000;
}
#company-presentation a:before,
#we-help-you a:before {
    font-family: "dashicons";
    content: "\f190";
    color: #fff;
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
    margin-right: 0.5rem;
    -webkit-font-smoothing: antialiased;
}
#we-help-you a:before {
    content: "\f525";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#we-help-you a:hover:before {
    color: #333;
}
#we-help-you p {
    font-size: 0.93rem;
    line-height: 1.65;
}
@media (min-width: 1110px) {
    #we-help-you.uk-card-body {
        padding: 30px 26px 10px;
    }
}
.uk-tab-right > * > a:hover {
    border-left-width: 5px;
}
.uk-tab > .menu-item > a {
    transition: border-color 0.3s ease-in-out;
}
.uk-tab > .menu-item:not(.uk-active) > a:hover {
    color: #000;
    border-color: #19174d;
}
.breadcrumbs {
    font-size: 11px;
    color: #FF9000;
    margin-bottom: 30px;
}
.breadcrumbs > span {
    color: #999;
    display: inline-block;
    padding: 0 6px;
}
.breadcrumbs > span > a {
    color: #999;
}
.breadcrumbs > span > a:hover {
    color: #19174d;
}
.breadcrumbs > span:first-child {
    padding-left: 0;
}
/* .uk-section {
    padding-top: 24px;
}
@media (min-width: 960px) {
  .uk-section {
    padding-top: 24px;
  }
} */
.dssr-card .uk-card-default {
    box-shadow: none;
}
.dssr-card .uk-card-body {
    padding: 20px 0 0;
}
.dssr-card .uk-card-title {
    font-size: 1.5rem;
}
.dssr-card .uk-list {
    padding-left: 18px;
}
.dssr-card .uk-list-primary > ::marker {
    color: #ff9000 !important;
}
.dssr-card .uk-list > li {
    margin-bottom: 10px;
}
.tab-redirect.uk-tab {
    margin-left: 0;
    overflow: auto;
    background-color: #19174d;
}
.tab-redirect.uk-tab > * {
    padding-left: 0;
}
.tab-redirect.uk-tab > * > a {
    border: 0 none;
    color: #fff;
    padding: 12px 22px;
}
.tab-redirect.uk-tab > .uk-active > a {
    color: #fff;
    background-color: #ff9000;
}
.tab-redirect.uk-tab > * > a:hover {
    color: #ffb049 !important;
}
.tab-redirect.uk-tab > .uk-active > a:hover {
    color: #fff !important;
}
.tab-redirect.uk-tab::before {
    display: none;
}
#partners .uk-button {
    font-size: 10px;
}
#partners .uk-text-meta {
    font-size: 0.875rem;
}
.uk-underscore:after {
    content: '';
    display: block;
    width: 35px;
    height: 6px;
    background: #ff9000 !important;
    border-radius: 3px;
    margin: 8px auto 0;
}
.uk-underscore-big:after {
    content: '';
    display: block;
    width: 50px;
    height: 5px;
    background: #ff9000 !important;
    border-radius: 3px;
    margin-top: 15px;
}
.dssr-list.uk-list {
    padding-left: 18px;
}
.dssr-list.uk-list-primary > ::marker {
    color: #ff9000 !important;
}
.dssr-list.uk-list > li {
    margin-bottom: 1em;
}

.dssr-subnav-pill.uk-subnav-pill {
    font-family: Gabarito;
    margin-left: 0;
    margin-bottom: 30px;
    overflow: auto;
    overflow-y: hidden;
    background-color: #19174d;
}
.dssr-subnav-pill.uk-subnav-pill > * {
    padding-left: 0;
}
.dssr-subnav-pill.uk-subnav > * > :first-child {
    text-transform: none;
}
.dssr-subnav-pill.uk-subnav-pill > * > :first-child {
    font-size: 1rem;
    color: #fff;
    padding: 12px 22px;
}
.dssr-subnav-pill.uk-subnav-pill > .uk-active > a,
.dssr-subnav-pill.uk-subnav-pill > .uk-active > a:hover {
    color: #fff;
    background-color: #ff9000;
}
.dssr-subnav-pill.uk-subnav-pill > * > a:hover {
    color: #ffbb63;
    background-color: #19174d;
}
body.preloader {
    position: relative !important;
    overflow: hidden !important;
}
body.preloader > *:not(.preloader) {
    visibility: hidden !important;
}
div.preloader {
    font-family: Gabarito;
    font-size: 1.125rem;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff !important;
    z-index: 100000;
    opacity: 1;
    overflow: hidden !important;
}





/*
**  ACF
*/

/*---------------*/
/***** Zoe *****/
/*---------------*/
.effect-zoe {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    background: #19174d;
    text-align: left;
    display: block;
}
.effect-zoe figcaption {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    opacity: 0.925;
    background: #19174d;
    color: #fff;
    border-left: 5px solid #ff9000;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.effect-zoe .description {
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 10px 5px 20px;
	-webkit-transition: -webkit-transform 0.2;
	transition: transform 0.2s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}
.effect-zoe .description p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.effect-zoe:hover figcaption,
.effect-zoe:hover .description {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.effect-zoe:hover .description {
	-webkit-transition-delay: 0.07s;
	transition-delay: 0.07s;
}