/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.blog-telefon #fomenu {display:none}

#loginform p label {width: 100px; text-align: right; margin-right: 1rem}
#loginform .login-username input {width:400px}
#loginform .login-password input {width:400px}
#loginform .login-remember label {width:170px}


div.tel-results .desc {line-height: 1em;}
div.tel-results .desc span {font-size: smaller ; font-variant: small-caps ;}
div.tel-results .desc em {font-size: small ; font-weight: bold ;}

div.tel-results h2 {
    font-size: 28px;
    text-transform: uppercase;
}

div.tel-results .subunit-line.status-ALE {
    font-size: 18px!important;
}
div.tel-results .subunit-line.status-ALE:before {
    background-color: #add9f7!important;
}
div.tel-results .subunit-line.status-SZE {
    font-size: 18px!important;
}
div.tel-results .subunit-line.status-SZE:before {
    background-color: #4D9DE0!important;
}

div.tel-results .result-line {
    border-top: 1px solid #DFE3E6 ;
}
div.tel-results .separator-line{
    font-size: 20px!important;
}

div.tel-results  .separator-line:before {
    top: 7px!important;
    height: 12px!important;
}
div.tel-results .group-line{
    position: relative;
}
div.tel-results .group-line:before {
    content: " ";
    display: block;
    top: 10px;
    height: 10px;
    width: 100%;
    background-color: #DFE3E6;
    position: absolute;
}
div.tel-results .separator-line{
    position: relative;
}
div.tel-results .separator-line:before{
    content: " ";
    display: block;
    top: 10px;
    height: 10px;
    width: 100%;
    background-color: #DFE3E6;
    position: absolute;
}
div.tel-results .separator-line .col span,
div.tel-results .group-line .col span{
    padding: 0 1rem;
    height: 100%;
    display: inline-block;
    background-color: white;
}
div.tel-results .emp-leader .emp-name {
    font-weight: bold ;
}
div.tel-results .result-line .placeholder {
    width: 110px;
    height: 100%;
    float: left ;
}

div.tel-results .result-line .result-line-content {
    width: calc(100% - 110px);
}

div.tel-results .result-line .no-portre {
    width: 130px;
    height: 1em;
}
div.tel-results .emp-phone,
div.tel-results .emp-email
 {
    font-size: 16px;
    line-height: 1.2em;
    display: block;
    margin-top: 0.3rem;
}
div.tel-results .emp-phone .fa,
div.tel-results .emp-email .fa  {
    margin-right: 0.5em ;
    color: #4E83A8;
}
div.tel-results .honlap:hover {
    background-color: transparent ;
    color: initial ;
}

/* Login form */

.blog-telefon #loginform {
    width: 100% ;
    max-width: 100%;
    margin: 0px;
}

.blog-telefon #loginform input[type="submit"] {
    width: unset;
    max-width: unset;
}

@media print {
    #telform, .footer-img-links {
        display: none;
    }
}

div.tel-results .result-line .portre {
    width: 110px;
    height: 110px ;
    background-position: center center ;
    background-size: cover ;
}

#telefonkonyv div.tel-results .result-line {
    border-top: 2px solid #DFE3E6 !important;
}

@media only screen and (max-width: 576px) {
    div.tel-results .emp-leader .emp-name {
        font-size: 20px;
    }
    #telefonkonyv div.tel-results .emp-phone {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 1200px) {
    div.tel-results .result-line .portre {
        width: 110px;
        height: 110px ;
    }
}