/**
 * Theme Name:        Zolut
 * Theme URI:         https://www.zolut.com/
 * Description:       Zolut wordpress theme
 * Version:           0.1.0
 * Author:            Zolut
 * Author URI:        https://www.zolut.com/
 * Tags:              custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 * Text Domain:       zolut
 * Domain Path:       /languages
 * Tested up to:      6.7.1
 * Requires at least: 5.0
 * Requires PHP:      7.1
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-size: 50% 50% !important;
}

.custom-border-md {
    border-color: black !important;
    border-width: 2px !important;
}

.custom-fs-7 {
    font-size: 0.8rem !important;
}

.carousel-indicators {
    margin-right: 35% !important;
    margin-left: 35% !important;
    background: #80808040 !important;
}

.carousel-indicators [data-bs-target] {
    width: 7px !important;
    height: 7px !important;
    border-top: 7px solid rgba(0,0,0,0) !important;
    border-bottom: 7px solid rgba(0,0,0,0) !important;
    border-radius: 100% !important;
    margin-right: 14px !important;
    margin-left: 14px !important;
}

@media (max-width: 425px) {
    #carousel-of-schools .card {
        border-radius: 0 !important;
    }

    #carousel-of-schools .card .card-body {
        background-color: transparent !important;
    }

    .custom-no-border-md {
        border-color: transparent !important;
        border-width: 0 !important;
    }

    .custom-border {
        /*border-color: black !important;
        border-width: 2px !important;
        border-style: solid !important;*/
    }
}

@media (max-width: 344px) {
    .carousel-indicators {
        margin-right: 30% !important;
        margin-left: 30% !important;
    }

    .navbar .mx-2 {
        margin-right: .1rem !important;
        margin-left: .1rem !important;
    }
    
    .navbar .me-2 {
        margin-right: .1rem !important;
    }
}

@media (min-width: 426px) {
    .carousel-indicators {
        margin-right: 40% !important;
        margin-left: 40% !important;
    }
}

@media (min-width: 1024px) {
    .carousel-indicators {
        margin-right: 44% !important;
        margin-left: 44% !important;
    }
}