/*
Theme Name: Nnosoft Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Nanosoft
Author: My Name
Author URI: http: //mysite.com/
Template: nanosoft
Version: 0.1
*/

:root {
    font-family: Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
    --jdd-color-protek-blue: #2a7ce0;
    --jdd-color-protek-light-blue: #b8d6f6;
    --jdd-color-protek-grey: #9098a0;
    --jdd-color-protek-navi: #0b223c;
    --jdd-color-protek-black: #212322;
}
@supports (font-variation-settings: normal) {
    :root { font-family: InterVariable, sans-serif; }
}

html, body {
    font-family: Inter, sans-serif !important;
}
.site-content {
    margin-top: -20px;
}
h1.page-title-inner{
	color: #2a7ce0 !important;
}
#site-header .navigator > .menu > li a, body .widget, body .button, body input[type="button"], body input[type="submit"], body button {
    font-family: Inter, sans-serif !important;
}
.site-header-sticky .navigator > .menu > li a {
    font-family: Inter, sans-serif !important;
}
#cookie-notice .cn-button {
    line-height: 25px;
    top: 7px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.jdd-vc-flex-equal-height {
    align-items: baseline;
}
.jdd-vc-flex-equal-height > div > div > .wpb_wrapper {
    height: 100%;
}

/*  Colors */
.color-protek-blue {
    color: var(--jdd-color-protek-blue);
}
.color-protek-light-blue {
    color: var(--jdd-color-protek-light-blue);
}
.color-protek-grey {
    color: var(--jdd-color-protek-grey);
}
.color-protek-navi {
    color: var(--jdd-color-protek-navi);
}
.color-protek-black {
    color: var(--jdd-color-protek-black);
}
.jdd-color-white {
    color: #fff
}

.bg-dark-overlay {
    background: linear-gradient(to bottom, #0b223c 0%, #212322 70%);
}
.bg-neutral-grey {
    background: linear-gradient(to bottom, #b8d6f6 0%, #9098a0 50%, #212322 100%);
}
.bg-blue-to-black {
    background: linear-gradient(to bottom, #2a7ce0 0%, #0b223c 70%, #212322 100%);
}
.bg-light-to-dark {
    background: linear-gradient(to bottom, #b8d6f6 0%, #2a7ce0 70%, #0b223c 100%);
}
.bg-corporative-gradient {
    background: linear-gradient(to bottom, #2a7ce0, #b8d6f6, #9098a0);
}
.bg-blue-gradient {
    background: linear-gradient(to bottom, #2a7ce0, #b8d6f6);
}

@media screen and (max-width: 480px) {
    .jdd-counter-wrapper.counter .counter-image,
    .jdd-counter-wrapper.counter .counter-detail{
        text-align: center;
    }
}
.site-footer .footer-widgets {
    color: #fff;
    background: linear-gradient(to bottom, #0b223c 0%, #212322 70%);
}
.site-footer .footer-widgets a, .site-footer .footer-widgets a:visited {
    color: var(--jdd-color-protek-grey);
}
.site-footer .footer-widgets a:hover {
    color: #fff;
}
#site .iconlist.iconlist-icon-mini.jdd-contact-wrapper {
    background: rgba(144, 152, 160, 0.5);
    padding: 20px 20px 1px 20px;
    width: auto;
    min-width: 50%;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
}
#site .iconlist.iconlist-icon-mini.jdd-contact-wrapper li {
    margin-bottom: 20px;
    padding-left: 0;
}
#site .iconlist.iconlist-icon-mini.jdd-contact-wrapper li > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
#site .iconlist.iconlist-icon-mini.jdd-contact-wrapper li .iconlist-item-icon {
    position: relative;
    width: 40px;
}
#site .iconlist.iconlist-icon-mini.jdd-contact-wrapper li .iconlist-item-icon i[class*="fa"] {
    font-size: 20px;
}
.jdd-contact-wrapper .iconlist-item-content a {
    color: var(--jdd-color-protek-navi);
    font-weight: bold;
    font-size: 16px;
    transition: all .2s ease-in-out;
    opacity: 1;
}
.jdd-contact-wrapper .iconlist-item-content a:hover {
    text-decoration: underline;
    opacity: 0.85;
}
#site .blog-shortcode.post-thumbnail-cover .blog-entries .blog-grid .post .post-inner .post-image {
    height: 240px;
}
#site .blog-shortcode.post-thumbnail-cover .blog-entries .blog-grid .post .post-inner .post-image > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}