/* ---------------------------------- */
/* konsultacje                        */
/* ---------------------------------- */

.cons-table td, .cons-table th {
 padding: 2px 12px;
 border: 0;
 background-color: inherit;
}

.cons-table tr:nth-child(even) {
 background-color: #ffffff;
}
.cons-table tr:nth-child(odd) {
 background-color: #f4f4f4;
}

table.cons-table {
 min-width:300px;
 max-width:420px;
}
.cons-table h3 {
 margin: 0px 0px;
 padding: 18px 0px 6px 0px;
}
.cons-table h5 {
 margin: 0px 0px;
 padding: 6px 0px;
}


.cons-table div {
 margin-top: 20px;
 height: 120px;
 width: 120px;
 overflow: hidden;
 border-radius: 50%;
}
.cons-table img {
 height:160px; 
 width:120px;
}
.cons-table span {
 font-size: 20px;
}



/* ---------------------------------- */
/* rekrutacja                         */
/* ---------------------------------- */

div.norm h3, div.norm h4 {
    font-weight: normal !important;
}

.recruits.button-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    x-margin-bottom: 20px;
}

.recruits .button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background-color: #8FAADC;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 24px;

    text-align: center;
    text-decoration: none;
    margin-bottom: 10px;
    transition: background-color 0.3s ease-in-out;
    outline: 2px solid black;
    flex-grow: 1;
}

.recruits .button:hover {
    background-color: #2F5597;
    cursor: pointer;
}

.recruits .button-text {
    xmargin: auto;
    font-size: 3.5vh;
    text-transform: uppercase;
    color: white;
}

@media (min-width: 768px) {
    .recruits.button-row {
        flex-direction: row;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	x-padding-left: 40px;
    }

    .recruits .button {
        width: calc(50% - 10px);
        margin: 0 10px;
	margin-bottom: 10px;
    }
}

/* Kierunki */

.buttonw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    x-width: calc(50% - 10px);
    background-color: #fafafa ;
    border: none;
    border-radius: 5px;
    color: #0070c0;
    font-size: 24px;

    text-align: center;
    text-decoration: none;
    margin-bottom: 10px;
    transition: background-color 0.3s ease-in-out;
    x--outline: 2px solid black;
    outline: 3px solid #0070c0;
    flex-grow: 1;
}

@media (min-width: 768px) {
    .buttonw {
        width: calc(50% - 10px);
        margin: 0 10px;
	margin-bottom: 10px;
    }
}

.upper {
    x-text-transform: uppercase;
    font-variant: small-caps;
}

.buttonw:hover {
    background-color:#ededed;
    cursor: pointer;
}

.buttonw-text {
    x-margin: auto;
    margin-left: auto !important;
    margin-right: auto;
    x-font-size: 3.5vh;
    font-size: 24pt;
    color: #0070c0;
}

.studia {
    x-font-size: 2.8vh;
    font-size: 20pt;
}

/* Piktogramy */

.piktogramy-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1120px;
}

.piktogram {
    width: 16.66%;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
}
.piktogram:hover {
    outline: 2px solid #0070c0;
    border-radius: 10px;
}

.piktogram img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.piktogram a, .piktogram a:hover {
    border-bottom: none;
    color: #0070c0;
}

.pikto-text
{
    text-decoration:none;
}

@media (max-width: 1000px) {
    .piktogram {
        width: 33.33%;
    }
    .buttonw
    {
        x-min-height: 117px;
    }
}

@media (max-width: 520px) {
    .piktogram {
        width: 50%;
    }
}

/* ---------------------------------- */