/*
Theme Name: Prosteka Child
Theme URI: https://prosteka.lt
Description: Prosteka child tema. Išsaugo Education Base išvaizdą ir laiko projekto CSS atskirai nuo parent temos.
Author: Prosteka
Author URI: https://prosteka.lt
Template: education-base
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prosteka-child
*/

/*
 * Projekto stiliai, anksčiau buvę education-base/style.css pabaigoje
 * (perkelti iš Education Base 1.2.9). Parent style.css vis dar turi tą pačią kopiją,
 * kad būtų galima grįžti prie Education Base temos. Tolesni pakeitimai daromi čia.
 */

/* Custom stiliai, perkelti iš education-base 1.2.9 */
.navbar {
    border-bottom: 5px #ae344d solid;
}

.main-navigation {
    margin-top: 3rem;
}

@media (min-width: 1024px) {
    .main-navigation li:hover {
        border-bottom: 1px #ae344d solid;
    }
}

@media screen and (min-width: 1200px) {
    .navbar-header {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .navbar-slogan {
        font-size: 12px;
        width: 210px;
        color: #000000;
        align-self: flex-end;
        text-align: center;
    }
}

@media screen and (max-width: 500px) {
    .products-icons {
        flex-direction: column;
    }
}

.products-icons {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
}

.product-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
}

.product-icon img {
    margin: 20px;
}

.tablepress-id-2 .row-2 td {
    background-color: red;
}

.bricks-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.brick-container {
    margin: 10px;
    display: flex;
    flex-direction: column;
}

.brick-title {
    display: flex;
    background-color: #ae344d;
    color: white;
    align-items: center;
    justify-content: space-around;
}

.brick-image {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media (max-width: 1023px) {
    .fans-container {
        flex-direction: column;
    }

    .fans-pic {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.fans-container {
    display: flex;
    width: 95%;
}

.fans-pic {
    width: 100%;
    min-width: 100px;
    margin-left: 3rem;
}

.contacts-container {
    display: flex;
    justify-content: space-around;
}

@media (max-width: 1023px) {
    .contacts-container {
        flex-direction: column;
    }

    .form-container {
        width: auto;
    }
}

.lang-item img {
    height: 15px;
    margin-bottom: 4px;
}