//Config Css
@import 'config/index';

//Components Css
@import 'components/index';

//Pages Css
@import 'pages/index';

/*Scroll*/
::-webkit-scrollbar {
    width   : 3px;
    overflow: hidden;
}

::-webkit-scrollbar-track {
    box-shadow      : none;
    background-color: #e0e0e0;
}

::-webkit-scrollbar-thumb {
    background-color: #939393;
    outline         : 0;
}

//Genel Css
.container {
    max-width: 1184px;
    margin   : 0 auto;
    width    : 100%;
}

.modal-inline {
    display: none;
}

.moreButton {
    width           : 100%;
    background-color: rgba(188, 188, 188, 0.12);
    font-family     : 'GilroyExtraBold';
    font-size       : 1.254rem;
    height          : 65px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : rgba(63, 63, 63, 0.52);
    transition      : all .3s ease-in-out;
    margin-top      : 20px;

    &:hover {
        background-color: rgba(188, 188, 188, 1);
        color           : #ffffff;
    }
}

h2 {
    font-family   : 'GilroyExtraBold';
    font-size     : 2.680rem;
    color         : #181818;
    position      : relative;
    padding-bottom: 14px;

    &:after {
        content         : "";
        width           : 52px;
        height          : 7px;
        background-color: customColor(secondary);
        position        : absolute;
        bottom          : 0;
        left            : 0;
        display         : block;
    }
}
h3{
    font-family: 'GilroyExtraBold';
    font-size:2.403rem;
    color:#1f1d1d;
}
/*Koleksiyon Etiketleri*/
.collectionsTags {
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
    margin     : -4px;
    padding    : 25px 0;

    .tagItem {
        font-family    : 'GilroyMedium';
        font-size      : 1.1666rem;
        color          : customColor(gray);
        border         : 1px solid #e8e8e8;
        display        : flex;
        align-items    : center;
        justify-content: center;
        min-width      : 75px;
        height         : 40px;
        width          : auto;
        padding        : 0 10px;
        margin         : 4px;
        transition     : all .3s ease-in-out;

        &:hover {
            background-color: #e8e8e8;
            color           : rgba(63, 63, 63, 0.52);
        }
    }
}

/*Fandybox Close butonu*/
.fancybox-slide--html {
    .fancybox-close-small {
        background-image   : url('../img/fancy-close-button.png');
        background-repeat  : no-repeat;
        background-position: center center;
        background-size    : contain;
        width              : 95px;
        height             : 17px;
        font-size          : 0;
        position           : absolute;
        bottom             : 0;
        top                : auto;
        left               : 0;
        right              : 0;
        margin             : 0 auto;
    }
}

.fancybox-content {
    background-color: rgba(0, 0, 0, 0);
    padding         : 44px 44px 85px;
}

.fancybox-container {
    .modal-body {
        background-color: #ffffff;
    }
}

.modal-inline {
    max-width : 990px;
    min-height: 230px;

    .successImage {
        margin    : 0 auto;
        text-align: center;
        position  : relative;
        top       : -32px;
    }

    .succesMessage {
        text-align     : center;
        padding        : 0 65px;
        display        : flex;
        flex-direction : column;
        justify-content: center;
        align-items    : center;

        .successHead {
            .successTitle {
                font-family: 'GilroyBold';
                font-size  : 2.721rem;
                color      : #242424;
            }

            p {
                font-family: 'GilroyMedium';
                font-size  : 1.54rem;
                color      : #242424;
            }
        }

        .successContent {
            padding: 35px 0;

            p {
                font-family: 'GilroyRegular';
                font-size  : 1.228rem;
                color      : #242424;
                line-height: 1.6rem;
            }

            a {
                font-family: 'GilroyExtraBold';
                color      : #242424;
            }

            strong {
                font-family: 'GilroyExtraBold';
            }
        }
    }
}

// .fancybox-close-small, .fancybox-button--close
@media screen and(max-width:1200px) {
    .container {
        padding: 0 15px;
    }
    .collectionsTags {
        display   : block;
        text-align: left;
        margin    : 0 auto;

        .tagItem {
            display: inline-flex;
        }
    }
}
@media screen and(max-width:768px) {
    .fancybox-slide--iframe .fancybox-content{
        width: 95%!important;
        height: 95%!important;
    }
}
@media screen and(max-width:480px) {
    .container {
        padding: 0 9px;
    }
}
@media print {
    header {
        display: none;
    }

    footer {
        display: none;
    }
    .subContentHead,
    .noPrint{
        display: none;
    }
    .subPageContainer {
        .printColumn {
            display                   : block !important;
            -webkit-print-color-adjust: exact;
        }
    }
}