/* 
    Created on : 2018.08.13., 10:15:00
    Author     : stradus
*/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700&subset=latin-ext');

html, body {
    margin: 0px;
    padding: 0px;
    background-color: #200001;
    background-image: url('resources/bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    font-family: sans-serif;
}
a:hover {
    text-decoration: underline;
}
.narrow, .wide {
    margin-left: auto;
    margin-right: auto;
}
    .narrow {
        width: 85%;
    }
    .wide {
        width: 95%;
    }
header {
    text-shadow: 0px 2px 2px #000;
    color:#fff;
    text-align: center;
}
    #hair {
        text-align: right;
        margin:10px auto;
    }
        #hair .e {
            margin: 3px 0px;
            padding: 3px 6px;
            display: inline-block;
        }
            #hair .e:not(:last-child) {
                border-right: 1px solid rgba(255,255,255,0.5);
            }
            #hair .e img{
                height:18px;
                vertical-align: -3px;
                margin-right: 6px;
            }
    #face {
        font-family: 'Dancing Script', cursive;
    }
    header>a:hover{
        text-decoration: none !important;
    }
    #face>h1 {
        font-size:48px;
        margin:0;
        padding:0;
    }
    #face>h1>small {
        font-size: 32px;
    }
    #logo {
        height:100px;
        margin: auto;
    }
        #menu {
            margin-top: 20px;
            background-color: rgba(0,0,0,.2);
        }
            header nav ul, header nav li {
            margin:0px;
            padding:0px;
            display:block;
            text-align:center;
            position: relative;
        }
            header nav ul {
                clear: both;
                width:100%;
            }
                header nav ul ul{
                    z-index:100;
                    top:50px;
                    position:absolute;
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                }
            header nav ul:not(.l1) {
                display: none;
                width: auto !important;
                color:#fff;
                background-color: rgba(0,0,0,.7);
                transform: translateX(-50%);
                left:50%;
            }
                header nav ul:not(.l1) li{
                    float:none;
                    display: block !important;
                    height:30px;
                    line-height:30px;
                    padding-left:5px;
                    padding-right:5px;
                }
                    header nav ul:not(.l1) a{
                        width:100%;
                        padding:0;
                    }
            header nav li {
                display:inline-block !important;
                height:40px;
                margin:10px 5px;
                line-height:40px;
                -webkit-transition: .3s; /* Safari */
                transition: .3s;
            }
                header nav li:hover {
                    background-color: rgba(255,255,255,.5) !important;
                    border-radius: 5px;
                }
                header nav a {
                    display:inline-block !important;
                    height:100%;
                    padding:0 1.5vw 0 1.5vw;
                    text-align:center;
                    white-space:nowrap;
                }
                header nav .parent {
                    cursor: pointer;
                }
                header nav .active {
                    background-color:#B41F2C;
                    border-radius: 5px;
                }
h2 {
    color:#fff;
    font-size: 36px;
    text-shadow: 0px 2px 2px #000;
}
h3 {
    font-size: 26px;
}
h2, h3 {
    font-family: 'Dancing Script', cursive;
}
input {
    border: 1px solid #B41F2C !important;
}
    input[type="button"], input[type="submit"] {
        background-color: #B41F2C !important;
    }
#content {
    float: left;
    width:80%;
    width:calc(80% - 20px);
}
    .box {
        border-radius: 5px;
        margin-top:0px !important;
        margin-bottom: 10px !important;
    }
        .box>.head {
            background-color: #B12125;
            padding-right: 5px;
        }
        .box>.content {
            background-color: #fff;
        }
    .box .button {
        margin-top: 10px;
        text-align: right;
        text-align-last: right;
    }
        .box .button:after {
            content:' megtekintése!';
        }
    article .cover, article .lead_picture, article h3 {
        border-radius:3px;
    }
    article .summary p {
        font-size:14px;
    }
    article .summary h4, article .summary .counters {
        font-size: 14px !important;
    }
    .listItem {
        background-color: #fff !important;
        border-radius: 5px;
        padding:10px;
    }
    .CMSModule_iss_list .listItem {
        width: calc(45% - 20px) !important;
    }
    .listItem .summary a {
        color:#000;
    }
        .box .listItem .summary a {
            text-shadow:none;
        }
        .listItem .summary h4 {
            margin-top: 10px;
        }
    .listItem .counters {
        color:#aaa !important;
    }
    .listItem:hover a {
        text-decoration: underline;
    }
    .listItem .cover {
        box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    }
    .newsItem .summary p {
        margin: 10px 0px;
    }
    .CMSModule_iss_datasheet {
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
        margin-top: 30px;
    }
        #CMSModule_iss_datasheet_0 > h2, .CMSModule_iss_datasheet h3{
            color:#000;
            text-shadow:none;
        }
        .CMSModule_iss_datasheet>* {
            margin: 10px;
        }
    .datasheet_head {
        box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
        border-radius: 5px;
    }
        .datasheet_head h2 {
            background-color: #B41F2C;
            border-radius: 5px;
            box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
        }
        .datasheet_head h3 {
            background-color: #B41F2C;
            border-radius: 5px;
            color:#fff;
            text-shadow: 0px 2px 2px #000;
            box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
        }
    .datasheet_head .times {
            background-color: #B41F2C;
            border-radius: 5px;
            color:#fff;
            text-shadow: 0px 2px 2px #000;
            box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
    }
    .datasheet_datas {
        padding:20px;
    }
    .formtext {
        padding: 20px
    }
    .datasheet_social {
        padding:0px 20px;
        margin:0px 10px;
    }
    .datasheet_gallery .image {
        border-radius: 10px !important;
    }
        .datasheet_gallery .image>img {
            border-radius: 5px !important;
        }
    .datasheet_gallery .image:hover {
        opacity:.5;
    }
    .CMSModule_iss_list {
        color:#fff;
    }
    .CMSModule_iss_list .newsItem {
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
        padding:10px;
        margin: 2%;
        width:calc(50% - 20px - 4%);
    }
#side {
    float: right;
    width:20%;
    color:#fff;
    padding-bottom:20px;
}
    aside .simtext {
        padding-left: 0px;
        color:#fff;
    }
    aside input[type="search"] {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
    aside input[type="submit"], aside input[type="button"] {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
    aside img {
        border-radius:5px;
    }
    aside iframe {
        border-radius:5px;
    }
    #CMSModule_palyazatok_0 p{
        font-size:14px;
    }
    #CMSModule_eugy_0 img {
        margin-top:10px;
    }
    #profileMediaSlider .left div, #profileMediaSlider .right div {
        line-height: 55px;
    }
footer {
    color:#fff;
    text-align: center;
    padding: 10px 0px;
    opacity:0.4;
    width: 70%;
    padding-left: 5%;
    float: left;
}
    footer:hover {
        opacity:1;
    }
#calendarBox_0 > table > thead > tr:nth-child(1) > th.calLeft {
    border-top-left-radius: 5px;
}
#calendarBox_0 > table > thead > tr:nth-child(1) > th.calRight {
    border-top-right-radius: 5px;
}
#calendarBox_0 > table > thead > tr:nth-child(2) > th:nth-child(1) {
    border-bottom-left-radius: 5px;
}
#calendarBox_0 > table > thead > tr:nth-child(2) > th:nth-child(7) {
    border-bottom-right-radius: 5px;
}
#CMSModule_iss_mini_calendar_0 .calendar th {
    background-color: #B12125 !important;
}
.box.calendar>.content {
    overflow: hidden;
}
.box.calendar>.content>.scroller {
    height:100%;
}
.box.calendar>.content>.scroller .calendar, #CMSModule_iss_mini_calendar_0, #calendarBox_0{
    height: calc(100% - 10px);
}
#CMSModule_iss_mini_calendar_0 .calendar tr:nth-child(2) th {
    width:14.28%;
}
/* RESPONSIVE */

@media screen and (max-width: 1280px) {
    .narrow, .wide {
        width: 95%;
    }
}
@media screen and (max-width: 1100px) {
    .narrow, .wide {
        width: 98%;
    }
    #hair {
        text-align: center;
    }
}
@media screen and (max-width: 1000px) {
    #content, #side, footer {
        display: block;
        width:auto;
        float: none;
    }
    footer {
        padding:10px;
    }
}
@media screen and (max-width: 900px) {
    .CMSModule_iss_list .listItem {
        width: auto !important;
    }
}
@media screen and (max-width: 400px) {
    #hair .e {
        border:none !important;
    }
}