@import url(../../../warp/css/responsive.css);

/* Breakpoints
----------------------------------------------------------------------------------------------------*/
#top-a .slider-button {
    color: #fff;
}
/* All except large Screens */
@media (min-width: 1051px) {
.uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade .uk-margin {
    position: absolute;
    right: 24px;
    max-width: 300px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
}

@media (max-width: 1050px) {
.uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade .uk-margin {
    background: rgba(45, 45, 45, 0.51);
    padding: 16px;
    box-sizing: border-box;
}
}


@media (min-width: 768px) and (max-width: 1050px) {
.float-left p {
    font-size: 30px;
    line-height: 1;
}

a#logo {
    display: inline-block;
    text-align: center;
}

header#header {
    text-align: center;
}

nav#menu {
    float: none;
}

#logo, #logo > img, #menu {
    float: none;
}

#menubar {
    float: none;
}

#toolbar {
    width: 100%!important;
}
}
/* Only Tablets (Landscape) */
@media (min-width: 960px) and (max-width: 1150px) {
    #toolbar {
        width: 75%;
    }

    #top-a h2 {
        margin: 0;
        font-size: 25px;
    }

    #top-a p {
        margin-top: 15px;
    }

    #top-a .slider-button {
        margin: 0;
        font-size: 16px;
        padding: 10px 20px;
    }

    .wk-slideshow .caption {
        max-width: 26%;
    }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
    .menu-dropdown a.level1, .menu-dropdown span.level1 {
        font-size: 16px;
    }

    .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
        padding: 0 17px;
    }

    #toolbar {
        width: 75%;
    }
    
    .wk-slideshow .caption {
        max-width: 26%;
    }
    
    #top-a h2 {
        margin: 10px 0;
        font-size: 20px;
        line-height: 22px;
    }

    #top-a p {
        margin-top: 15px;
        display: none;
    }

    #top-a .slider-button {
        margin: 0;
        font-size: 16px;
        padding: 10px 20px;
    }
    #top-b h3 {
        font-size: 19px;
        line-height: 26px;
    }
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

    /* Modules */
    #sidebar-a .grid-v:first-child > .mod-line:before,
    #sidebar-b .grid-v:first-child > .mod-line:before {
        display: block;
    }
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

    /* Layout */
    #search {
        display: none;
    }

    .sidebars-1 #sidebar-a:before,
    .sidebars-1 #sidebar-b:before,
    .sidebars-2 #sidebar-b:before {
        display: none;
    }

    /* Modules */
    .grid-h:not(.width33):nth-child(odd) > .mod-line:before {
        display: none;
    }

    .grid-h.width25:first-child > .mod-line:before {
        display: block;
        top: auto;
        bottom: -20px;
        left: 0;
        right: 0;
        width: 200%;
        padding: 0 20px;
        border-width: 1px 0 0 0;
    }
}

/* Only Phones */
@media (max-width: 767px) {
/*    #logo {
        display: block;
    }*/
    header#header {
    text-align: center;
}
#toolbar .float-left .module, #toolbar .float-left > time {
    width: 100%;
}
a#logo {
    float: none;
    display: inline-block;
}    .float-left {
    max-width: 100%;
}
.float-right {
    max-width: 100%;
}
#toolbar .float-right .module {
    width: 100%;
    text-align: center;
}
    #header-responsive .logo, #header-responsive .searchbox {
        display: none;
    }

    #wpadminbar {
        position: fixed;
    }

    tbody {
        overflow: scroll;
        width: 220px;
        display: block;
        padding: 10px 0;
    }

    #header-responsive .logo {
        margin-right: 0;
    }

    #header-responsive .logo,
    #header-responsive .searchbox {
        width: 100%;
    }

    #header-responsive {
        margin-bottom: 0px;
    }

    #top-a,
    #menubar,
    #breadcrumbs {
        display: none;
    }

    #toolbar {
        width: 100%;
    }

    .content-50 {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .aff {
        text-align: center;
    }
    .copy-text {
        font-size: 15px;
    }
}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

    tbody {
        overflow: scroll;
        width: 480px;
        display: block;
        padding: 10px 0;
    }


}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

    .module {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #sidebar-a:before,
    #sidebar-b:before {
        display: none;
    }

    /* Modules */
    .grid-h .mod-line:before {
        display: block;
        top: -20px;
        bottom: auto;
        left: 0;
        right: 0;
        border-top-width: 1px;
    }

    /* System */
    #system .items .item,
    #system .items .item:first-child {
        margin-top: 10px;
        border-top-width: 1px;
    }

    #system .items :first-child .item:first-child {
        margin-top: 0;
        border-width: 0;
    }

    #system .items .leading .item {
        margin-bottom: 0;
        border-width: 0;
    }

    #system .item > .links a {
        margin-top: 5px;
    }
}