/*
Theme Name: Elika Conference 2025 Theme
Theme URI: https://wordpress.org/themes/elikaconference2025/
Description:  Main Site Styles
Author: Elia Kallas
Author URI: https://eliakallas.com/
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header
Text Domain: elikaconference2025
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Layout
3.0 Formatting
4.0 Lists
5.0 Tables
6.0 Links
7.0 Alignments
8.0 Clearings
9.0 Featured Image Hover
10.0 Media
11.0 Pagination
12.0 Navigation
13.0 Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
    font-family: 'Formata-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    text-align: justify;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: 700;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #eee;
    color: #222;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Formata-Regular', sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #bbb;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

#elikaconference2025_footer p {
    font-size: 13px;
}


/*--------------------------------------------------------------
2.0 Layout
--------------------------------------------------------------*/

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;
}

body {
    font-family: 'Formata-Regular', sans-serif;
    font-size: 15px;
    line-height: 1.2em;
    color: #555;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'Formata-Regular', sans-serif;
    font-weight: normal;
    color: #555;
}

h1,
h2 {
    font-size: 24px !important;
}

img,
video {
    height: auto;
    max-width: 100%;
}


/*--------------------------------------------------------------
3.0 Formatting
--------------------------------------------------------------*/

hr {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}


/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.basicRow {
    margin-top: 2px;
}

.row.content {
    min-height: 450px;
}

.sponsorimg img {
    width: 65%;
    margin-bottom: 20px;
}

.frame p {
    font-size: 16px;
}

.wellListe {
    margin: 0;
}

.wellListe>li>ul {
    margin: 0 0 0 15px;
}

.wellListe>li>h3,
.wellListe>li>h2,
.wellListe>li>h1,
.wellListe>li>h4 {
    margin-top: 0;
}

.wellListe>li {
    min-height: 20px;
    padding: 20px 0 10px 0;
    margin-bottom: 10px;
    list-style: none;
    border-top: 1px solid;
}

.wellListe>li:first-child {
    padding: 10px 0 10px 0;
}

.wellListe>li>h3 {
    text-align: left;
}

.widget-container p {
    text-align: center;
}

.keydates {
    text-align: left;
    padding: 0;
}

.keydates li {
    list-style: none;
    margin: 10px 0;
}

.keydates li ::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f35a";
    margin-right: 10px;
    /* Optional tweak */
}

.listeCommitee div {
    text-align: center;
}

.listeCommitee div p {
    font-size: 12px;
}

.iab {
    padding: 0 20px;
    text-align: left;
}

.sliderInfo {
    display: block;
    position: relative;
    color: #000;
    width: 100%;
    padding: 26px 20px;
    background-position: center center;
    border-radius: 10px !important;
}

.sliderInfo>section {
    max-width: 50%;
    display: inline-flex;
}

.sliderInfo>section>article {
    display: inline-block;
    vertical-align: middle;
}

.sliderInfo>section:nth-child(1)>article img {
    min-width: 100px;
}

.sliderInfo>section:nth-child(2) {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 12px;
    justify-content: center;
    height: 30%;
    filter: grayscale(60%);
}

.sliderInfo>section:nth-child(2)>article {
    display: flex;
    margin: 0 5px;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-width: 25%;
    max-height: 100%;
}

.sliderInfo>section:nth-child(2)>article img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}

.slider {
    max-height: 290px;
}

.slider:before {
    /* create a full-height inline block pseudo=element */
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 100%;
}

.sliderImageDiv {
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
}

.slider>.sliderImage {
    width: 100%;
}

#borderFooterHR {
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 0px solid #eee;
}

.borderStyleRight {
    padding-top: 10px;
}

.borderStyleLeft {
    border-left-width: 0px;
    border-left-style: none;
    border-left-color: currentcolor;
    border-left: 1px solid #bbb;
}

/* Program & Tables */
.progCol1 {
    width: 20%;
}

.progCol2 {
    width: 80%;
}

.programTitleTD {
    background-color: #fffcff !important;
    border-radius: 6px;
    padding: 10px !important;
    border: 1px solid #006ec2;
}

#program p {
    margin: 10px;
}

.programTitleH3 {
    margin: 1px;
    color: beige;
}

/* Zebra striping */
.table-style-three tr:nth-of-type(odd) {
    background: #eee;
}

.table-style-three th {
    background: #3498db;
    color: white;
    font-weight: bold;
}

.table-style-three td,
.table-style-three th {
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 0.9em;
    text-align: center;
}

.table-style-three tr,
td {
    border-bottom: none;
}

.table-style-three tbody tr:nth-child(2n+1) td {
    background: none;
}

.tableScrollContainer table tr td a {
    box-shadow: none;
}

.benefitsTable td {
    padding: 10px;
}

/*--------------------------------------------------------------
4.0 Lists
--------------------------------------------------------------*/

ul,
ol {
    margin: 0 0 0 1.5em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}


/*--------------------------------------------------------------
5.0 Tables
--------------------------------------------------------------*/

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/*--------------------------------------------------------------
6.0 Links
--------------------------------------------------------------*/

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}


/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
    color: #000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}


/* Fixes linked images */

.entry-content a img,
.comment-content a img,
.widget a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
    color: #222;
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}


/*--------------------------------------------------------------
9.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
    margin-bottom: 1em;
}

.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
    opacity: 0.7;
}


/*--------------------------------------------------------------
10.0 Media
--------------------------------------------------------------*/

img,
video {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}

p>embed:only-child,
p>iframe:only-child,
p>object:only-child {
    margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 1.2rem;
    font-style: italic;
    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: 1.2em 0;
}

.leftSide {
    padding-top: 20px !important;
    overflow: hidden;
}

#mainBody {}

#mainheader {
    height: 130px;
    color: #FFF;
    background: linear-gradient(to right, rgba(0, 160, 220, 1), rgba(0, 160, 220, 1), rgba(0, 160, 220, 1), rgba(0, 160, 220, 0), rgba(0, 160, 220, 0)), url(../images/w.png) right no-repeat;
    background-size: cover;
}

#mainheader article {
    display: inline-block;
}

#mainheader article:nth-child(1) h1 {
    margin-left: 10px;
    font-weight: 800;
    line-height: 130px;
    margin: 0px;
}

#mainheader article:nth-child(2) {
    margin-left: 50px;
}

#mainheader article:nth-child(2) p {
    font-size: 12px;
}

.custom-logo {
    width: 100px;
    vertical-align: middle !important;
    margin-right: 10px;
}


/*--------------------------------------------------------------
11.0 Pagination
--------------------------------------------------------------*/

.pager {
    margin-bottom: 60px;
    text-align: left;
}

.pager>li>a {
    width: 140px;
    padding: 10px 20px;
    text-align: center;
    border-radius: 30px;
}


/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/


/* Remove the navbar's default margin-bottom and rounded borders */

.navbar ul ul li.menu-item-has-children.focus:before,
.navbar ul ul li.menu-item-has-children:hover:before,
.navbar ul ul li.menu-item-has-children.focus:after,
.navbar ul ul li.menu-item-has-children:hover:after,
.navbar ul ul li.page_item_has_children.focus:before,
.navbar ul ul li.page_item_has_children:hover:before,
.navbar ul ul li.page_item_has_children.focus:after,
.navbar ul ul li.page_item_has_children:hover:after {
    display: none;
}

.navbar {
    border-radius: 0px;
    border: none;
    margin-bottom: 5px;
}

.navbar .container-fluid {
    padding: 0px;
}

.navbar-inverse .navbar-nav>li>a {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 1px;
}

.navbar-inverse {
    border: none !important;
    background-color: inherit !important;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border: none;
}

.navbar ul ul li:hover>ul,
.navbar ul ul li.focus>.dropdown-menu {
    top: -20%;
}

.navbar-inverse .navbar-collapse {
    width: 100%;
    padding: 0;
    margin: 0;
}

.navbar-nav {
    max-width: 100%;
    margin: 0;
}

.navbar-inverse .navbar-nav>.active>a {
    background-color: inherit !important;
}

/* Set gray background color and 100% height */

.sidenav {
    padding-top: 20px;
    height: 100%;
}

/*--------------------------------------------------------------
13.0 Carousel
--------------------------------------------------------------*/

.carousel-inner {
    background-position: center center;
    border-radius: 10px !important;
}

/*--------------------------------------------------------------
14.0 Media Queries
--------------------------------------------------------------*/

@media (max-width: 376px) {}

@media (min-width: 768px) {
    .nomargin {
        margin: 0px !important;
    }

    .nomarginleft {
        margin-left: 0px !important;
    }

    .nomarginright {
        margin-right: 0px !important;
    }

    .nopaddingleft {
        padding-left: 0 !important;
    }

    .nopaddingright {
        padding-right: 0 !important;
    }

    .nopaddingtop {
        padding-top: 0 !important;
    }

    .nopaddingbottom {
        padding-bottom: 0 !important;
    }

    .paddingleft {
        padding-left: 15px !important;
    }

    .paddingright {
        padding-right: 15px !important;
    }

    .margintop {
        margin-top: -75px !important;
    }

    .marginbottom {
        margin-bottom: 40px !important;
    }

    .marginleft {
        margin-left: 8.32vw !important;
    }

    .mobile {
        display: none !important;
    }

    .mobileBlock {
        display: none !important;
    }

    .desktopBlock {
        display: block !important;
    }

    .margintopmodal {
        margin-top: 61px !important;
    }

    .imageCommitee {
        margin-bottom: 5px;
        min-height: 240px;
        max-height: 240px;
    }

    .navbar-inverse {
        display: flex;
        /* Use Flexbox for the nav container */
        justify-content: center;
        /* Center horizontally */
        align-items: center;
        /* Center vertically */
        padding: 10px 0;
        /* Optional: Padding for spacing */
    }

    .navbar-inverse .navbar-collapse {
        display: flex !important;
        /* Use Flexbox for the inner div */
        justify-content: center;
        /* Center horizontally */
        align-items: center;
        /* Center vertically */
    }

    .navbar-nav>li {
        display: flex;
        /* Flexbox for the list */
        list-style: none;
        /* Remove default list styling */
        padding: 0;
        /* Remove padding */
        margin: 0;
        /* Remove margin */
    }

    .navbar-nav>li:last-child {
        border-right: none;
    }

    .navbar ul ul li:hover>ul,
    .navbar ul ul li.focus>ul {
        left: 100%;
        right: auto;
    }

    .navbar ul ul ul {
        left: -999em;
        margin-top: -1px;
        top: 0;
    }

    .wellListe>li:nth-child(1) {
        border-top: none;
    }

    .widget-container img {
        width: 70%;
    }

    #borderFooterHR {
        margin: 18px 0 18px 0;
    }
}

@media (max-width: 768px) {
    .nomarginxs {
        margin: 0px !important;
    }

    .nomarginleftxs {
        margin-left: 0px !important;
    }

    .nomarginrightxs {
        margin-right: 0px !important;
    }

    .nopaddingleftxs {
        padding-left: 0 !important;
    }

    .nopaddingrightxs {
        padding-right: 0 !important;
    }

    .nopaddingtopxs {
        padding-top: 0 !important;
    }

    .nopaddingbottomxs {
        padding-bottom: 0 !important;
    }

    .paddingleftxs {
        padding-left: 15px !important;
    }

    .paddingrightxs {
        padding-right: 15px !important;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    .mobileBlock {
        display: block !important;
    }

    .desktopBlock {
        display: none !important;
    }

    .marginbottomxs {
        margin-bottom: 21px !important;
    }

    .carousel-indicators {
        margin-top: 10px !important;
    }

    .imageCommitee {
        margin-bottom: 5px;
        width: 65%;
    }

    .wellListe {
        padding: 0px;
        margin: 0px;
    }

    .wellListe>li:last-child {
        padding: 19px 0 0 0;
        margin-bottom: 0px;
    }

    .widget-container img {
        width: 40%;
    }

    /* On small screens, set height to 'auto' for sidenav and grid */
    .leftSide {
        padding-top: 20px !important;
    }

    .navbar-nav>li>a {
        padding-left: 30px !important;
    }

    .sidenav {
        height: auto;
        padding: 15px;
    }

    .row.content {
        height: auto;
    }

    .navbar-header {
        display: flex;
        justify-content: center;
        margin: 15px !important;
    }

    ul.dropdown-menu,
    ul.dropdown-menu li ul.dropdown-menu {
        position: relative;
        width: 100%;
        padding: 10px 15px;
        border-radius: 0px;
        border: none;
        float: none;
    }

    .dropdown-menu>li>a {
        color: inherit;
    }

    .navbar ul ul ul {
        margin-top: -1px;
        top: 0;
    }

    #rowMenu {
        position: absolute;
        z-index: 1;
    }

    #mainRowContent {
        width: 100%;
        margin: 0;
    }

    #mainRowContent.active {
        margin-left: 17rem;
        width: calc(100% - 17rem);
    }

    #borderFooterHR {
        margin: 0 0 18px 0;
    }

    .sliderInfo>section:nth-child(2) {
        position: relative;
        height: 50px;
    }

    .sliderInfo>section {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    body {
        width: 75%;
        margin: 0 auto !important;
        line-height: 1.2em;
    }
}

@media (min-width: 1800px) {
    body {
        width: 60%;
        margin: 0 auto !important;
        line-height: 1.2em;
    }
}

.current-menu-parent>.submenu {
    display: block !important;
}