/*
Theme Name: Vienna
Theme URI: https://www.invascon.nl	
Author: Invascon
Author URI: https://www.invascon.nl
Description: Invascon customizable themes.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*******************/
/* Reset.css Begin */
/*******************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
.desktop-menu-container li:nth-child(1) a span:last-child, 
.desktop-menu-container li:nth-child(2) a span:last-child, 
.desktop-menu-container li:nth-child(3) a span:last-child,
.desktop-menu-container li:nth-child(4) a span:last-child,
.desktop-menu-container li:nth-child(5) a span:last-child{
  visibility: hidden;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************/
/* RESET.css END   */
/*******************/

div {
-webkit-box-sizing: border-box !important; 
-moz-box-sizing: border-box !important;     
box-sizing: border-box !important;  
}

/* wpadminbar */

#wpadminbar {
    position:fixed;
}

/* OTHER */

/* Text is never inflated */
text-size-adjust: none;

/* Text may be inflated */
text-size-adjust: auto;

/* Text may be inflated in this exact proportion */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset; 

#page-content {
    margin:0 auto;
}

.vienna-logo-container {
    float:left;
}

.vienna-menu {
    float:right;
    padding:20px 0px;
}

.vienna-header {
    width:100%;
    position:fixed;
    background:#fff;
    z-index:99;
}

.vienna-header-container {
    width:100%;
    margin:0 auto;
    overflow:auto;
}

footer {
    width:100%;
}

.vienna-footer-inner {
    width:80%;
    margin:0 auto;
    padding:40px 0px;
    overflow: auto;
}
.col-1-3 {
    width:33.3%;
    float:left;
}

img {
  height: auto;
  width:100%;
}
section {
    max-width: 100%;
    margin: 0 auto !important;
}



/* DIV */



h1,h2,h3 {
    line-height:140% !important;
}

a { outline: none;text-decoration:none; }
a:focus { outline: none !important; }

h1,h2,h3,h4 {
    padding-bottom:15px;
}

/* FULLWIDTH HEADER */

.fullwidth-header {
    position: relative;
    width: 100%;
    height: 703px;
    margin:auto;
    background-position:center;
}.fullwidth-header-text {
    display:table;
    position: absolute;
    width: 80%;
    height: 100px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto;
}.fullwidth-header-text h1 {
    color:#fff;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}



/*             Responsive           */
@media (max-width:980px){
    .col-1-3 {
        width:100%;
        margin-bottom:30px;
    }
}

/*              Header              */
.hero-banner {
    height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center; /* NEW */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* NEW */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.hero-banner-inner {
     width:100%;
}
.hero-banner-top-text, .hero-banner-bottom-text {
    text-align:center;
}
.hero-banner-top-text {s
    font-size:36px;
    color:#fff;
}.header_top {
    padding-top: 80px !important;
}.hero-banner-bottom-text {
    font-size:40px !important;
    color:#fff;
}

#menu-small-menu .current-menu-item a {
    border-top:10px solid rgba(0,104,179,1);
    padding-top: 29px;
}
#menu-small-menu .current-page-ancestor a {
    border-top:10px solid rgba(0,104,179,1);
    padding-top: 29px;
}
/** MENU **/

@media (min-width: 1720px){
    .menu-right {
        padding: 5% 0px !important; 
    }
}

.menu-right-inner {
        padding: 10%;
}
#menu-desktop-fullscreen-menu .current-menu-item a {
    width: 100%;
/*    border-bottom: 5px solid #fff !important;
*/}

.vienna-logo-container {
    float:left;
    width: 200px;
    margin:19px 0px;
}.vienna-menu-container {
    float:right;
}.vienna-header-container {

}.current-menu-item > a {
    padding-top: 19px;
}
@media(min-width:981px){
  /*  .current-menu-item a {
        border-top: 10px solid #000;
    }*/
}

@media(min-width:1px){
    .menu-item {
        border-bottom: 1px solid #e3e3e3;
    }
    .menu-item:last-child {
        border-bottom: 0px solid #e3e3e3 !important;
    }
    #menu-primary-menu .menu-item {
        margin-right: 50px;
        margin-left: 50px;
    }
    #menu-primary-menu .menu-item:last-child {
        margin-right:50px !important;
    }
}


i {
    font-family: 'FontAwesome';
}
menu {
     height:auto;
     font-size:15pt;
     float:left;
     z-index:2;
     margin:0 auto;
}
 menu ul {
     padding:0;
     margin:0 auto;
     width:100% 
}
 menu ul ul {
     position:absolute 
}
 menu li {
     display:inline 
}
 menu a {
     color:#333;
     font-family:'Dosis',sans-serif;
     display:inline-block;
     width:auto;
     padding:28px;
     text-align:center;
     text-decoration:none;
     font-size:20px;
     vertical-align:middle 
}
@media (min-width:1px){
#site-navigation {
    border-bottom: 2px solid rgb(0, 0, 0);
    border-top: 2px solid #000;
    }
}

@media (min-width:1px){
    menu a {
        width:100%;
        font-size:26px;
    }
    menu a {
        padding:30px 0px;
        margin:0px 0px;
        text-align:left;
    }
}
 menu li:last-child a {
     border-right:0 
}
 menu li:first-child a {
     border-left:0 
}

 menu a:visited {
     color:#000;
}
 menu li ul {
     display:none 
}
 menu ul ul {
     background:#fff;
     width:250px;
     box-shadow:0 0 5px 0 rgba(00,00,00,0.1) 
}
 menu ul ul a {
     width:250px;
     line-height:40px;
     font-size:16px;
     color:#333;
     border-bottom:1px solid #e3e2e3 
}
 menu ul ul a:visited {
     color:#000;
}
 menu ul li:hover ul {
     display:block;
     position:absolute 
}
 menu ul ul a {
     text-align:left 
}
 menu {
     clear:both 
}
 .sub-menu-toggle,.menu-toggle {
     display:none;
     visibility:hidden 
}
/* @media only screen and (min-width: 981px) {
     menu {
         display:block!important 
    }
}*/

.menu-toggle {
    border-radius: 50px ; 
    color: white;
    background: #0068B3 ;
    padding: 10px 15px;
}
 @media only screen and (min-width: 1px) {
     menu {
         top:80px;
         margin:0!important;
         position:absolute!important;
         left:0;
         right:0;
         width:100%!important;
         z-index:3;
         overflow-y:auto;
         /*padding-top:20px;*/
         background:#fff 
    }
     menu a {
         line-height:2px!important 
    }
     menu li {
         display:block!important;
         text-align:left!important;
         left:0;
         right:0 
    }
     menu ul li:hover ul {
         position:relative!important 
    }
     menu li ul {
         display:block 
    }
     menu li ul li {
         display:block;
         padding:0!important 
    }
     menu ul ul {
         position:relative!important;
         width:100%!important;
         text-align:left!important;
         border-bottom:0!important;
         background:transparent;
         text-indent:15px;
         box-shadow:none;
    }
     menu ul ul a,menu ul ul a:visited {
         color:#333;
         border:0;
    }
     .menu-toggle,.sub-menu-toggle {
         display:block!important;
         font-size:20px;
         font-size:2em;
         margin:0 auto;
         overflow:hidden;
         padding:5px;
         z-index:9;
         right:10%;
         visibility:visible;
         position:absolute;
         border:none;
         margin-top:25px;
         transition:all 500ms ease-in-out 
    }
     .menu-toggle.fixed {
         margin-top:10px 
    }
     button.menu-toggle,button.sub-menu-toggle {
         margin-top:20px;
        border-radius: 50px ; 
            right: 20px;
        color: white;
        background: #0068B3 ;
        padding: 10px 15px;
         float:right;
         z-index:999;
         outline:none;
         border:none 
    }
     .sub-menu-toggle {
         padding:18px;
         padding:2.8rem;
         position:absolute;
         right:0;
         top:70px 
    }
     .menu-toggle:before {
         content:"\f0c9";
         font-family:"FontAwesome";
         z-index:999 
    }
     .menu-toggle.activated:before {
         content:"\f00d";
         font-family:"FontAwesome";
         z-index:999 
    }
     .sub-menu-toggle:before {
         content:"-" 
    }
     .sub-menu-toggle.activated:before {
         content:"+" 
    }
     menu {
         display:none;
         position:relative 
    }
     .menu-menu .menu-item {
         background-color:#f5f5f5;
         display:block;
         position:relative;
         text-align:left 
    }
     .menu-menu .menu-item:hover {
         position:relative 
    }
     .menu-menu .sub-menu {
         clear:both;
         display:none;
         opacity:1;
         position:static;
         width:100% 
    }
     .menu-menu .sub-menu a {
         border-left:0;
         position:relative;
         width:auto 
    }
     .menu-menu .sub-menu .sub-menu {
         margin:0 
    }
     .menu-menu .sub-menu .sub-menu a {
         background-color:#f5f5f5;
         padding-left:30px 
    }
     .menu-menu .sub-menu .sub-menu .sub-menu a {
         background-color:#fff;
         padding-left:40px 
    }
     .menu-primary a:hover,.menu-primary .current-menu-item > a {
         color:#333 
    }
}

/* Primary menu and Mobile menu     */

@media (min-width:1px){
    .vienna-desktop-menu {
        display:none;
    }
    .vienna-mobile-menu {
        display:block !important;
    }
    #wpadminbar {
        position:fixed !important;
    }
}
/*@media (min-width:981px){
    .vienna-desktop-menu {
        display:block;
    }
    .vienna-mobile-menu {
        display:none;
    }
}*/