@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2); 
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #009fe3;
    --textAccent: #009fe3;
    --light: rgba(38, 50, 56, 0.035);
    --dark: rgba(38, 50, 56, 1);
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: invert(48%) sepia(77%) saturate(2894%) hue-rotate(168deg) brightness(96%) contrast(101%);}

/*------------ CSS overrides below --------------*/
.tablepress {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.tablepress td {
    padding: 10px 0;

}

.tablepress thead tr {
    background-color: #009fe3;
    color: #fff;
}

.tablepress thead tr th {
    padding: 10px;
}

.tablepress .column-1 {
    text-align: left;
}

.tablepress .column-2 {
    text-align: right;
}

.tablepress tbody td,
.tablepress tfoot th {
    border-top: 1px solid rgba(38, 50, 56, 0.2);
    ;
}

/*------------------------*/
/* brick image3
/*------------------------*/

section.image3+section.image.alt {
    margin-top: 0 !important;
}

section.image3.alt {
    background: var(--dark);
    border-top: 0.1rem solid var(--dark);
    border-bottom: 0.1rem solid var(--dark);
}

section.image3.alt .container {
    direction: rtl;
}

section.image3.alt .container {
    color: #fff;
}

section.image3.alt .container>div {
    direction: ltr;
}

section.image3 .twocols .image3 {
    text-align: center;
    position: relative;
    height: 100%;
}

section.image3 .twocols .image3 img {
    width: auto;
    display: block;
    max-width: 85%;
    width: 100%;
    margin: auto;
}

section.image3.alt {
    padding: 4.5rem 0 6rem;
}

section.image3 h2 {
    color: #fff;
}

@media (max-width: 600px) {
    section.imag3e .twocols .image3 {
        text-align: left;
    }
}
/* Section dark */
section.dark {
    background: var(--dark);
    color:#fff;
}
section.dark h2 {
    color: #fff;
}

/* */
body.transparent_header header:not(.sticky) img, body.transparent_header header:not(.sticky) nav > ul > li > a > img {
    filter: brightness(0) invert(1);
    }


.mobiltel {
    display: none;
}

/* Smartphone Portrait and Landscape */


@media only screen and (max-width: 600px) {
    .mobiltel {
        display: inline;
    }
}

.mobiltel {
    position: fixed;
    bottom: 0;
    background-color: #009fe3;
    text-align: center;
    width: 100%;
    z-index: 99999999;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    overflow: hidden;
    padding: 10px;
}