/*
Theme Name: mitgl
Author: Jesper Lund (jln-dk)
Author URI: https://jln.dk
Description: Custom theme for mit.gl
Text Domain: mitgl
*/

html {
    font-size: 62.5%;
}

body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.5;
    color: #626262;
}


.wrapper {
    max-width: 992px;
    min-width: 280px;
    margin: 0 auto;
    padding: 0 2%;
    position: relative;
}


.header {
    position: relative;
    z-index: 99;
}


.top {
    padding: 30px 0;
}

.top .search {
    float: left;
    position: relative;
    height: 30px;
    width: 42px;
}
.top .search.active {
    height: 50px;
}
.top .search label span.screen-reader-text,
.top .search input.search-submit {
    display: none;
}
.top .search span.icon {
    display: block;
    width: 23px;
    height: 22px;
    background: url(images/icon-search.png?v2) center center no-repeat;
    background-size: cover;
}
.top .search.active span.icon {
    background-image: url(images/icon-search-hover.png?v2);
}
.top .search input.search-field {
    display: none;
    opacity: 0;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 0 10px;
    width: 160px;
    height: 26px;
    line-height: 26px;
    background: #efefef;
    font-weight: 300;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.top .search.active input.search-field {
    display: block;
    opacity: 1;
}


.top ul.quickmenu {
    float: left;
}
.top ul.quickmenu li:after {
    display: inline-block;
    content: '\007C';
    color: #939393;
    padding: 0 12px;
    font-size: 10px;
}

.top .nav a {
    display: inline-block;
    color: #939393;
    font-size: 1.2rem;
}

.top ul.language-picker {
    float: left;
    margin-left: 3px;
}
.top ul.language-picker li {
    padding-right: 10px;
}
.top ul.language-picker .lang-item img ~ span {
    display: none;
}



.logo {
    float: right;
}
.logo img {
    width: 285px;
    vertical-align: top;
}


.nav-responsive-toggle {
    display: none;
    float: left;
    margin-top: 5px;
}
.nav-responsive-toggle a {
    display: block;
    font-size: 2.4rem;
    color: #00374b;
    text-decoration: none;
}
.nav-responsive-toggle a:hover {
    text-decoration: none;
}



.menu {
    position: relative;
    z-index: 99;
    height: 50px;
    background-color: #00374b;
    box-shadow: 0 4px 5px rgba(2,2,2,.18);
}
.menu ul {
	position: relative;
    white-space: nowrap;
}
.menu a {
    line-height: 50px;
    white-space: nowrap;
}
.menu .nav a {
    padding: 0 16px;
    font-weight: 500;
    color: #fff;
}
.menu .nav li > a:hover,
.menu .nav li.current_page_item > a {
    color: #d7a55a;
}
.menu .nav span.separator:before {
    line-height: 50px;
    color: #e29793;
}
.menu .icons a {
    display: inline;
    padding: 0;
    color: #fff;
    font-size: 2rem;
}
.menu .icons a:hover {
    color: #c9e4f9;
}

.menu ul.nav-dropdown {
    margin: 0;
    padding: 7px 0 12px 0;
    list-style: none;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #00374b;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 150;
    -webkit-transition: all 150ms;
    transition: all 150ms;
}
.menu ul.nav-dropdown li {
    display: block;
}
.menu ul.nav-dropdown li a {
    line-height: 36px;
    padding: 0 20px;
}
.menu ul.nav-dropdown li .icons a {
    padding: 0 0 0 20px;
}

.no-touch .nav-has-dropdown:hover .nav-dropdown,
.nav-has-dropdown.nav-hover .nav-dropdown,
.nav-focus+.nav-dropdown {
    opacity: 1;
    box-shadow: 0 4px 5px rgba(2,2,2,.18);
    visibility: visible;
    -webkit-transition: all 90ms;
    transition: all 90ms;
}



.slideshow {
	width: 100%;
	overflow: hidden;
    z-index: 50;
	position: relative;
	height: 520px;
    top: -28px;
    margin-bottom: -28px;        
}
.slideshow .cycle-prev,
.slideshow .cycle-next {
    position: absolute;
    z-index: 999;
    top: 47%;
    color: #d7a55a;
    font-size: 6rem;
    line-height: 1;
    cursor: pointer;
}
.slideshow .cycle-prev {
    left: 1%;
}
.slideshow .cycle-next {
    right: 1%;
}
.slideshow div.slide {
    box-sizing: border-box;
    width: 100%;
    height: 520px;
    padding-top: 170px;
	background-color: #eee;
	background-repeat: repeat-x;
	background-position: center center;
    background-size: cover;
}
.slideshow div.slide .wrapper {
    padding: 0 8%;
}
.slideshow span {
    display: block;
    line-height: 1.1;
}
.slideshow span.slide-title {
    color: #ffffff;
    font-size: 3.6rem;
}
.slideshow span.slide-subtitle {
    color: #ffffff;
    font-size: 5.2rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.slideshow .button-large {
    color: #ffffff;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.slideshow .button-large:hover {
    background: #d7a55a;
    color: #00374b;
}



.banner,
.breadcrumb {
    width: 104%;
    margin-left: -2%;
}


.banner img {
    position: relative;
    z-index: 50;
    display: block;
    width: 100%;
    margin: 0 auto;
    top: -28px;
    margin-bottom: -28px;
}


.breadcrumb {
    background: #e4e4e4;
    padding: 3px 0;
}
.breadcrumb .unit {
    padding-left: 15px !important;
}
.breadcrumb ul {
    margin: 0 0 0 1%;
    padding: 0;
    list-style: none;
}
.breadcrumb ul li {
    display: inline-block;
    margin-right: 10px;
}
.breadcrumb ul li a {
    text-decoration: none;
}
.breadcrumb ul li span {
    color: #9e9e9e;
}
.breadcrumb ul li span:after {
    display: inline-block;
    padding-left: 7px;
    content: '\203A';
    color: #9e9e9e;
}
.breadcrumb ul li:last-child span {
    color: #00374b;
}
.breadcrumb ul li:last-child span:after {
    display: none;
}



.container {
    position: relative;
    z-index: 50;
}
.container-grey {
    background: #f6f6f6;
}
.container-red {
    background: #00374b;
    color: #fff;
}


#main {
    overflow: hidden;
}


.section-big,
.section-medium,
.section-small, {
    overflow: hidden;
}
.section-big {
    padding: 60px 0;
}
.section-medium {
    padding: 30px 0;
}
.section-small {
    padding: 15px 0;
}


.sitemap {
    position: relative;
    background: #d7a55a;
    color: #5a4320;
    padding: 30px 0;
}
.sitemap .elevator-link {
    display: inline-block;
    position: absolute;
    top: -45px;
    right: 0;
    color: #00374b;
    text-decoration: none;
    font-size: 25px;
    -webkit-transition: color .2s;
    transition: color .2s;
    z-index: 100;
}
.sitemap .elevator-link:hover {
    color: #545454;
}

.sitemap ul.links,
.sitemap ul.links li {
    border-color: #b98638;
}
.sitemap ul.links li a {
    color: #5d4624;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.sitemap ul.links li > a:hover,
.sitemap ul.links li.selected > a {
    color: #00374b;
}


.footer {
    padding: 30px 0;
    background: #daae6c;
    color: #5f4b2f;
}
.footer .icon-home {
    font-size: 1.6rem;
    margin-right: 10px;
}
.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer ul li {
    display: inline-block;
}
.footer ul li span:after {
    display: inline-block;
    padding: 0 16px;
    content: '\007C';
    color: #9e9e9e;
}

.footer .icons {
    float: right;
}
.footer .icons a {
    color: #736042;
    font-size: 1.8rem;
}
.footer .icons a:hover {
    color: #00374b;
}




ul.nav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
ul.nav li {
    display: inline-block;
    font-size: 1.5rem;
}
ul.nav li a {
    display: block;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}
ul.nav li > a:hover,
ul.nav li.selected > a {
}




ul.icons {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
ul.icons li {
    float: left;
}
ul.icons li a {
    display: block;
    font-size: 1.4rem;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}




ul.links {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd;
}
ul.links > li {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
ul.links li a {
    display: block;
    line-height: 2.8;
    text-decoration: none;
    color: #00374b;
    outline: none;
}
ul.links > li > a:hover,
ul.links > li.selected > a {
    color: #545454;
}
ul.links > li > a > span:after {
    display: block;
    float: right;
    content: '\203A';
}
ul.links ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    display: none;
}
ul.links li.current_page_ancestor > ul {
    display: block;
}
ul.links ul li a {
    font-size: 1.4rem;
    line-height: 2;
    color: #626262;
}
ul.links ul li > a:hover,
ul.links ul li.current_page_item > a {
    color: #00374b;
}
ul.links ul li > a > span:after {
    display: block;
    float: left;
    content: '\203A';
    margin-right: 10px;
}
ul.links ul ul {
    margin: 0 0 5px 15px;
}





.tabs {
    overflow: hidden;
}

.tabs.tabs-2 a,
.tabs.tabs-3 a {
    float: left;
}
.tabs.tabs-2 a {
    width: 50%;
}
.tabs.tabs-3 a {
    width: 33.33%;
}

.tabs a {
    display: block;
    height: 44px;
    line-height: 43px;
    background: #f2f2f2;
    border-radius: 6px 6px 0 0;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-decoration: none;
    outline: none;
}
.tabs a:hover {
    text-decoration: none;
}

.tabs a.selected,
.tabs a:hover {
    background: #ededed;
}

.tabs-blue a {
    background: #bba47e;
}
.tabs-blue a.selected,
.tabs-blue a:hover {
    background: #d7a55a;
}

.tabs a span.border {
    position: relative;
    display: block;
    margin: 0 12px;
    padding: 0 18px;
}
.tabs a span.subtitle {
    margin: 0;
}
.tabs a span.border img {
    position: absolute;
    top: 10px;
    right: 8px;
    width: auto;
    height: 20px;
}
.tabs a.selected span.border {
    margin-bottom: -1px;
    border-bottom: 1px solid #d6d6d6;
}
.tabs-blue a.selected span.border {
    border-bottom-color: #d8a653;
}

.tab-content {
    display: none;
}
.tab-content.tab-active {
    display: block;
}



.timeslider-wrapper {
    background: #e6b56b;
}
.ui-slider {
    position: relative;
    text-align: left;
    height: 24px;
    margin: 0 28px;
}
.ui-slider-handle {
    height: 24px;
    line-height: 24px;
    width: 56px;
    margin-left: -28px;
    font-weight: 500;
    background: #00374b;
    color: #fff;
    position: absolute;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    text-align: center;
    outline: none;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider-handle:hover {
    cursor: move;
}




/* flights overview */

.flights-overview .tabs span.border img {
    height: 25px;
    top: 9px;
}

.flights-overview-content {
    padding: 24px 12px;
    background: #d7a55a;
}
.flights-overview-content-loader {
    display: none;
    text-align: center;
}
.flights-overview-content-nojs {
    display: none;
}

.flights-overview-content.loading .tab-content {
    display: none;
}
.flights-overview-content.loading .flights-overview-content-loader {
    display: block;
}
.no-js .flights-overview-content-nojs {
    display: block !important;
}
.no-js .flights-overview-content-loader,
.no-js .tab-content {
    display: none !important;
}


.flights-overview span.date {
    display: block;
    color: #fff;
    background: #00374b;
    line-height: 24px;
    padding: 0 12px;
    font-weight: 500;
}
.flights-overview span.notice {
    display: block;
    color: #00374b;
    font-size: 1.2rem;
    font-weight: 500;
}
.flights-overview span.notice i {
    font-size: 16px;
}

div.flights-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

table.flights-table {
    margin: 20px 0;
    width: 100%;
    min-width: 400px;
    border-collapse: collapse;
    background-image: repeating-linear-gradient(#f3c272, #f2c169 30px, #d8a653 30px, #d8a653 60px);
}
table.flights-table th,
table.flights-table td {
    text-align: left;
    padding: 0 6px;
    line-height: 30px;
    white-space: nowrap;
}
table.flights-table thead th {
    color: #00374b;
    font-weight: 500;
}
table.flights-table tbody td {
    color: #454545;
    font-size: 1.2rem;
}
table.flights-table tbody tr:nth-child(odd) td {
}
table.flights-table.departures .from {
    display: none;
}
table.flights-table.departures.show-all .from {
    display: table-cell;
}
table.flights-table.arrivals .to {
    display: none;
}    
table.flights-table.arrivals.show-all .to {
    display: table-cell;
}  





.news-overview {
    background: #ededed;
    border-radius: 6px 6px 0 0;
}
.news-overview-content {
    position: relative;
    border-bottom: 1px solid #d6d6d6;
    padding: 12px;
    margin: 0 15px;
}
.news-overview-content:last-child {
    border-bottom: 0;
}
.news-overview-content span {
    display: block;
    padding: 3px 0;
}
.news-overview-content span.date {
    font-size: 1.2rem;
    color: #a9a9a9;
}
.news-overview-content span.headline {
    font-weight: 500;
    color: #626262;
}
.news-overview-content span.link {
    font-size: 1.3rem;
}
    



.focusbox {
    background: #ededed;
    min-height: 370px;
}
.focusbox.small {
    min-height: 0;
}
.focusbox-image {
    height: 140px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.focusbox.small .focusbox-image {
    height: 190px;
}
.focusbox-image div.overlay {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00374c;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.focusbox:hover .focusbox-image div.overlay {
    opacity: .8;
}
.focusbox-image img {
    position: absolute;
    z-index: 99;
    bottom: -28px;
    left: 50%;
    margin-left: -28px;
    width: 56px;
    height: 56px;
}
.focusbox.small .focusbox-image img {
    top: 50%;
    margin-top: -35px;
    bottom: auto;
    margin-left: -35px;
    width: 70px;
    height: 70px;
}
.focusbox-content {
    padding: 45px 15px 20px;
}
.focusbox.small .focusbox-content {
    display: none;
}
.focusbox-content span.subtitle {
    text-align: center;
    color: #00374b
}
.focusbox-content span.link {
    display: block;
    padding-top: 5px;
    font-size: 1.3rem;
}
.focusbox-content span.link.icons {
    padding-top: 0;
    font-size: 1.8rem;
}



.posts-looping .post,
.posts-looping .page {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.post .entry-meta {
    color: #A5A5A5;
    padding-bottom: 10px;
    font-size: 1.2rem;
}

.pagination h2 {
    display: none;
}
.pagination a,
.pagination span.page-numbers {
    display: inline-block;
    padding: 4px 12px;
    background: #00374b;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.pagination span.page-numbers {
    background: #808080;
}
.pagination a:hover {
    color: #c9e4f9;
    text-decoration: none;
}



img {
    max-width: 100%;
    height: auto;
}


hr {
    display: block;
    margin: 0 0 18px;
    padding: 0;
    height: 1px;
    width: 100%;
    border: none;
    background: #d6d6d6;
}
    


h1,
span.title {
    display: block;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 2.2rem;
}
span.title {
    color: #00374b;
}

span.subtitle {
    display: block;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 1.6rem;
}

p.emphasize {
    line-height: 150%;
    margin: 10px 0;
}

a {
    color: #00374b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.button-large {
    display: inline-block;
    padding: 0 14px;
    border: 2px solid #fff;
    background: none;
    font-size: 1.6rem;
    line-height: 2;
    text-decoration: none;
}
.button-large:hover {
    text-decoration: none;
}

.button-small {
    display: inline-block;
    padding: 0 8px;
    background: #00374b;
    line-height: 2.2;
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.button-small:hover {
    color: #c9e4f9;
    text-decoration: none;
}
    


.pull-left {
    float: left;
}
.pull-right {
    float: right;
}

.align-left,
.alignleft {
    text-align: left;
}
.align-center,
.aligncenter {
    text-align: center;
}
.align-right,
.alignright {
    text-align: right;
}





/* Form */

.wpcf7-form,
.wpcf7-form * {
    box-sizing: border-box;
}

.wpcf7-form {
    margin: 20px 0;
    max-width: 550px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fdfdfd;
}

.wpcf7-form p {
    margin: 0 0 20px 0;
    padding: 0;
}

.wpcf7-form input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.wpcf7-form textarea {
    display: block;
    width: 100%;
    height: 60px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.button,
.wpcf7-form input.wpcf7-submit {
    background: #003366;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border: 0;
}

div.wpcf7-response-output {
    margin: 0 !important;
}




/* responsive */

@media all and (min-width: 1050px) {
    .container-banner {
        top: -288px;
        margin-bottom: -288px;
        padding-top: 288px;
        background: #f6f6f6 url(images/content-bg.png) top center no-repeat;
        z-index: 49;
    }
    
    .menu ul.nav > li.icons-item {
        position: absolute;
        right: 16px;
    }
}


/* from 569 and up */
@media all and (min-width: 569px) {
    
    .menu .nav li {
        position: relative;
    }
    
    .container-slideshow {
        top: -100px;
        margin-bottom: -100px;
        padding-bottom: 50px;
    }
}





/* from 0 to 569 */
@media all and (max-width: 568px) {

    .top {
        padding: 10px 0 20px;
    }
    
    .top .search,
    .top ul.nav {
        display: none;
    }
    
    .nav-responsive-toggle {
        display: block;
    }
    
    .col-navs {
        float: left;
        width: auto;
    }
    
    .col-logo {
        float: right;
        width: 220px;
    }
    
    .logo {
        float: none;
        text-align: left;
    }
    .logo img {
        width: 100%;
    }
    
    .menu,
    .slideshow,
    .breadcrumb,
    .sidebar {
        display: none;
    }

    
    .section-big {
        padding: 30px 0;
    }
    
    #main .section-big {
        padding-top: 10px;
    }
    
    
    .banner img {
        top: auto;
        margin-bottom: 0;
    }
    
    .focusbox {
        min-height: 0;
    }
    
    
    
    .tabs-2 a span.border {
        text-align: center;
        margin: 0 5px;
        padding: 0;
    }
    .tabs-2 a span.border img {
        position: relative;
        top: 7px;
        right: auto;
        width: auto;
        height: 30px;
    }
    .tabs-2 a span.subtitle {
        display: none;
    }  
    
    
    .flights-overview span.notice {
        margin: 10px 0;
    }
    
    
    .sitemap ul.links {
        margin-bottom: 20px;
    }
    
    .footer {
        line-height: 1.8;
    }
    
    .footer ul.contactinfo {
        margin-top: 10px;
    }
    .footer ul.contactinfo li {
        display: block;
        text-align: center;
    }
    .footer ul.contactinfo li:first-child {
        display: none;
    }
    .footer ul li span:after {
        display: none;
    }
    
    .footer .icons {
        float: none;
        margin: 10px 0;
        text-align: center;
    }
    .footer ul.icons li {
        float: none;
        display: inline-block;
    }
    
    .mobile-non-pull {
        float: none !important;
    }
    
}



/* HIDDEN MOBILE MENU ITEMS */

.mm-list .page-item-3779,
.mm-list .page-item-3789,
.mm-list .page-item-3787 {
    display: none !important;
}