/*===========================================================================================================================*/
/*Cappadocia Web v5.2.3 (https://cappadociaweb.com)*/
/*Copyright 2019 - ~ The Cappadocia Web (by Aktan Can) Authors*/
/*===========================================================================================================================*/

:root {
    /*===========================================================================================================================*/
    --bs-text-gray-rgb: 108, 117, 125;
    --bs-bg-gray-rgb: 233, 236, 239;
    --bs-border-gray-rgb: 222, 226, 230;
    --bs-green-rgb: 37, 211, 102;
    /*===========================================================================================================================*/
    --bs-red-dark-rgb: 113, 25, 44;
    --bs-red-light-rgb: 184, 62, 87;
    /*===========================================================================================================================*/
    --bs-text-opacity: 1;
    --bs-bg-opacity: 1;
    --bs-border-opacity: 1;
    /*===========================================================================================================================*/
    --bs-border-opacity-50: 0.5;
    --bs-bg-opacity-50: 0.5;
    /*===========================================================================================================================*/
}

.text-gray {
    color: rgba(var(--bs-text-gray-rgb), var(--bs-text-opacity)) !important;
}

.bg-gray {
    background-color: rgba(var(--bs-bg-gray-rgb), var(--bs-bg-opacity)) !important;
}

.border-gray {
    border-color: rgba(var(--bs-border-gray-rgb), var(--bs-border-opacity)) !important;
}

.table-gray {
    --bs-table-bg: rgba(var(--bs-bg-gray-rgb), var(--bs-bg-opacity));
}

.text-green {
    color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}

.bg-green {
    background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.border-green {
    border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important;
}

.table-green {
    --bs-table-bg: rgba(var(--bs-green-rgb), var(--bs-bg-opacity));
}

.text-red-dark {
    color: rgba(var(--bs-red-dark-rgb), var(--bs-text-opacity)) !important;
}

.bg-red-dark {
    background-color: rgba(var(--bs-red-dark-rgb), var(--bs-bg-opacity)) !important;
}

.border-red-dark {
    border-color: rgba(var(--bs-red-dark-rgb), var(--bs-border-opacity)) !important;
}

.table-red-dark {
    --bs-table-bg: rgba(var(--bs-red-dark-rgb), var(--bs-bg-opacity));
}

.text-red-light {
    color: rgba(var(--bs-red-light-rgb), var(--bs-text-opacity)) !important;
}

.bg-red-light {
    background-color: rgba(var(--bs-red-light-rgb), var(--bs-bg-opacity)) !important;
}

.border-red-light {
    border-color: rgba(var(--bs-red-light-rgb), var(--bs-border-opacity)) !important;
}

.table-red-light {
    --bs-table-bg: rgba(var(--bs-red-light-rgb), var(--bs-bg-opacity));
}

.btn-outline-info {
    --bs-btn-hover-color: #fff !important;
    --bs-btn-active-color: #fff !important;
}

.form-check-input[type=radio] {
    margin-top: 0px !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
}

.form-check-input[type=checkbox] {
    margin-top: 0px !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
}

*:focus, *:focus-visible, *:hover, *:active {
    border-color:none !important;
    outline: none !important;
}


/*===========================================================================================================================*/
.selector-for-some-widget {
    box-sizing: content-box;
}
/*===========================================================================================================================*/

#loading .showbox .loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

#loading .showbox .loader .circular {
    animation: rotate 2s linear infinite;
    transform-origin: center center;
}

    #loading .showbox .loader .circular .path {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
        stroke-linecap: round;
    }

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes color {
    100%, 0% {
        stroke: #fff;
    }

    40% {
        stroke: #fff;
    }

    66% {
        stroke: #fff;
    }

    80%, 90% {
        stroke: #fff;
    }
}

/*===========================================================================================================================*/

#scroll {
    display: none;
}

/*===========================================================================================================================*/

.container {
    max-width: 1440px;
}

.bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-contain {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cursor-pointer {
    cursor: pointer;
}

.pointer-events-none {
    pointer-events: none !important;
}

/*===========================================================================================================================*/

.table thead tr th, .table tbody tr td {
    min-width: 45px;
    width: 45px;
}
/*===========================================================================================================================*/

.ratio-4x5 {
    --bs-aspect-ratio: 125.00%;
}

.ratio-5x4 {
    --bs-aspect-ratio: 80.00%;
}

.ratio-4x1 {
    --bs-aspect-ratio: 25.00%;
}

.ratio-9x16 {
    --bs-aspect-ratio: 177.78%;
}

.text-pre-line {
    white-space:pre-line !important;
}

/*===========================================================================================================================*/

.lazy {
    transition: background-image 1s ease-in-out;
}

/*===========================================================================================================================*/
body {
    font-family: 'Sanchez', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.font-special {
    font-family: "Courgette", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/*===========================================================================================================================*/

main #page-title ol.breadcrumb li.breadcrumb-item::before {
    float: none!important;
}