@import url(../../variables/colorVariables.css);
@import url(../../variables/variables.css);

:root {
    --footer-nav-header: 20%;
}

#footer-container {
    margin-top: 25px;
    padding: 10px;
    height: 225px;
    border-top: 3px solid var(--default-border-color);
    border-bottom: 3px solid var(--default-border-color);
    display: grid;
    grid-template-columns: 28% 18% 18% 16% 20%;

}

#development-container{
    height: 50px;
    font-size: 25px;
    padding: var(--default-text-padding);
    color: var(--default-placeholder);
}

#ihsanburhan-image{
    width: 280px;
    height: 90px;
}

#social-media-container{
    width: 280px;
    height: 90px;
}

#share-media-container{
    width: 100%;
    height: 100%;
}

.facebook-icon{
    color: #39599F;
    font-size: 50px;
}

.youtube-icon{
    color: #FF0000;
    font-size: 50px;
}

.telegram-icon{
    color: #55A9EA;
    font-size: 50px;
}

.telegram-icon-share{
    color: #55A9EA;
    font-size: 40px;
}

.facebook-icon-share{
    color: #39599F;
    font-size: 40px;
}



.twitter-icon-share{
    color: #00080e;
    font-size: 40px;
}

/*.navigation-container{*/
/*    display: grid;*/
/*    grid-template-columns: 38% 38% 22%;*/
/*    !*grid-template-rows: ;*!*/
/*}*/

.site-name-container{

}

.navigation-buttons-container:nth-child(1){
    /*width: 18%;*/
}

.navigation-buttons-container:nth-child(2){
    /*width: 18%;*/
}

.navigation-buttons-container:nth-child(3){
    /*width: 16%;*/
}

.footer-nav-icon{
    text-decoration: none;
    color: black;
    cursor: pointer;
    font-size: 33px;
}

.share-button{
    text-decoration: none;
    color: var(--site-primary);
    cursor: pointer;
    font-size: 33px;
}

.footer-nav-icon:hover{
    color: var(--read-more-color);
}


.mobileapp-download-container{

}

.store-container{

    overflow: hidden;
    width: 100%;
    height: 70px;
    margin-right: 100px;

}
.store-container img{
    /*border: 2px solid var(--default-border-color);*/
    border-radius: var(--default-border-radius);
}

@media screen and (min-width: 600px) and (max-width: 1000px) {
    #footer-container {
        margin-top: 25px;
        padding: 10px;
        height: auto;
    }

    #footer-container {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 250px 250px 250px;
    }

    .footer-nav-icon{
        justify-content: center;
        align-items: center;
    }
    .grid-parts:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .grid-parts:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2;
    }
    .grid-parts:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2;
    }
    .grid-parts:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 3;
    }
    .grid-parts:nth-child(5) {

        grid-column: 2 / 3;
        grid-row: 3;
    }


    /*.grid-parts {*/
    /*    height: 250px;*/
    /*}*/
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    #footer-container {
        margin-top: 25px;
        padding: 10px;
        height: auto;
    }

    #footer-container {
        display: grid;
        grid-template-columns: 100%;
    }
    .footer-nav-icon{
        justify-content: center;
        align-items: center;
    }
    .grid-parts {
        height: 180px;
    }
    .mobileapp-download-container{

        padding: 15px 10px ;
        flex-direction: row !important;
    }

}