/*!
Theme Name: Necon
Theme URI: https://necon-schweiz.com/
Author: Oliveage Inc.
Author URI: https://necon-schweiz.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: necon

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

body{
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	margin: 0px !important;
	color: black;
    font-weight: 400;
    font-size: 87.5%;
    background-color: #bababa;
}
p{
	margin-top: 0px;
	margin-bottom: 0px;
}
button:focus {
    outline: none !important; 
}
.ccontainer{
	max-width: 65em;
    margin: 0 auto;
}
.topbar p{
	text-transform: uppercase;
    letter-spacing: +.25px;
    font-weight: 300;
    line-height: 1em;
    padding: 0.75em 0px;
}
.topbar img{
	vertical-align: unset;
}
.header{
	background: linear-gradient(#000000 0%, #4c4c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4c4c4c',GradientType=0 );
    color: #ccc;
        padding-bottom: 2.5em;
}
.header .logo p{
	    font-size: 14px;
    letter-spacing: +1px;
}

.navbar-nav li a{
	padding: 10px;
    margin-right: 2px;
    color: white;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    transition: all .3s linear;
    outline: none;
    z-index: 10;
}
.navbar-nav li:last-child{
	margin-left: auto;
}
.navbar-nav li a:hover,.current-menu-parent>a,.current-menu-item>a{
	background: #e0e0e0 !important;
    color: #555 !important;
    background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
}
.site-main{
	margin-top: -1.5em;
}

#bttn,.bttn a{
    display: inline-block;
    white-space: nowrap;
    background: #1866e8;
    background: -webkit-linear-gradient(#1866e8, #0037ad);
    background: -o-linear-gradient(#1866e8, #0037ad);
    background: linear-gradient(#1866e8, #0037ad);
    zoom: 1;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white!important;
    cursor: pointer;
    font: normal 1em/2em Arial, Helvetica;
    margin: 0 0.75em 0 0;
    padding: .25em 1.75em;
    overflow: visible;
    text-decoration: none!important;    
}
#bttn:hover,.bttn a:hover{
    background: -webkit-gradient(linear, left top, left bottom, from(#0037ad), to(#1866e8));
    background: -moz-linear-gradient(top, #0037ad, #1866e8);
    zoom: 1;
    border: none;
}
.sub-menu{
	list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 134px;
    background: #333333;
    border-radius: 3px;
    transition: .3s all;
}
.sub-menu li a{
	width: 100%;
    padding: 12px 24px 12px;
    display: inline-block;
    float: left;
    clear: both;
    text-decoration: none;
    color: white;
    box-sizing: border-box;
    transition: all .3s linear;
    border-radius: 0px;
}
.sub-menu li:hover>a {
    background: #e0e0e0;
    color: #555;
}
.menu-item-has-children{
	position: relative;
	transition: .3s all;
}
.menu-item-has-children > a:after{
	content: " +";
	margin-left: 3px;
}
@media (min-width: 767px) {
  .menu-item-has-children:hover>.sub-menu {
    display: block;
  }
}

.table thead th {
    color: #000;
    font-weight: bold;
    border-bottom: 2px #000 solid;
}

.has-mega-menu .sub-menu a:after{
    content: none;
}
.sub-menu .sub-menu{
    left: 160px;
    width: max-content;
}
.navbar .icon em {
    margin-bottom: 3px;
    display: block;
    width: 20px;
    height: 2px;
    background: #999;
}
.show{
    display: block !important;
}


@media only screen and (max-width: 991px) {
    header{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .navbar-nav li:last-child{
        margin-left: unset;
    }
    .navbar-nav{
        background: #333;
        padding: 15px;
        margin-top: 10px;
    }
    .navbar-nav li a{
        width: 100%;
    }
    .menu-item-has-children > a:after{
        float: right;
    }
    .sub-menu{
        position: relative;
    }
    .navbar-toggler{
        width: 100%;
        display: block;
        margin-top: 20px;
        background-color: #333;
        border-radius: 0px;
        padding: 10px;
    }
    .navbar-toggler .title{
        color: white;
    }
    .navbar-toggler .icon{
        float: right;
    }
    .topbar.text-right{
        text-align: left !important;
    }
    .sub-menu .sub-menu {
        left: 20px;
    }
    .titles .sub-menu{
        display: block;
    }
}