/* 
    Document   : front.css
    Created on : Jan 2, 2013, 12:08:09 PM
    Author     : Alexandru
    Description:
    Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
body{
    background-position: center 10px;
    min-height: 727px;
    background: url('/resources/images/site/elements/pattern1-2.png');
    -webkit-font-smoothing: antialiased !important; 
    background-position: 0px 17px;
    text-align: justify;
    font-family: 'Barlow', sans-serif;
}

html{
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased !important; 
    /*font-family: Arial, Helvetica, sans-serif !important;*/
    font-family: 'Barlow', sans-serif;
    color: #333333;
    text-align: justify;
}

.image_container{
    position: relative;
    text-align: center;
    width: 202px;
    height: 300px;
    border-radius: 6px;
    float: left;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 0 4px #333333;
}
.image_container span{
    margin-top: 20px;
}
.gallery_image_container{
    position: relative;
    text-align: center;
    width: 202px;
    height: 202px;
    border-radius: 6px;
    float: left;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 0 4px #333333;
    cursor: pointer;
}

.full_image_container{
    border-radius: 6px;
    margin-top: 80px;
    background-color: #ffffff;
    display: table;
    text-align: center;
    float: left;    
    padding: 10px;
    width: 960px;
}
.full_image_container .cell{
    display: table-cell;
    vertical-align: middle;
}
.full_image_container img{
    margin: auto;
    cursor: pointer;
}
.primary_image,.ordinary_image{
    border-radius: 6px;
    overflow: hidden;
}
.primary_image{
    box-shadow: 0 0 20px green;
    padding: 1px;
    background-color: #008200;
}
.edit_image_details{
    display: none;
    top: 100px;
    left:200px;
    position: fixed;
    width: 400px;
    /*  background: url('/resources/images/site/elements/ArticleBackground.png'); */
}


.calendar_table{
    border-spacing: 0px;
}
.normal, .sunday,.holiday{
    vertical-align:top;
}
.sunday, .holiday{
    color: #FF0000;
}
.sunday td{
    border-top: 1px solid;
    border-top-color: #FF0000;
    border-bottom: 1px solid;
    border-bottom-color: #FF0000;
    border-collapse:collapse;
}
.ui-datepicker{
    width: 16em;
    background: url('/resources/images/site/elements/pattern2.jpg');
}
.ui-datepicker thead, .ui-datepicker-header, .ui-datepicker-prev:hover, .ui-datepicker-next:hover, .ui-state-default{
    background: url('/resources/images/site/elements/test2.png');
    border: 1px solid #333333; 
    margin-bottom: 4px;
}
.ui-widget{
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333333;
    border: 1px solid #333333; 
}
.ui-state-default.ui-state-active.ui-state-hover,.ui-datepicker-current-day .ui-state-default.ui-state-active{
    background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
    font-weight: bolder;  
    border: 1px solid #000000;
}
.ui-widget-content .ui-state-default{
    background: url('/resources/images/site/elements/test2.png');
    font-weight: bolder;
    border: 1px solid #333333;   
}
.article_language{
    display: none;
}

#donations img{
    float: left;
    margin-right: 20px;
    margin-bottom: 16px;
}
.donations-table{
    font-weight: bold;
    width: 500px;
}
.donations-table tr td:first-child{
    width: 150px;
}
.donations-calc{
    width: 200px;
}

.step-page{
    padding: 30px;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------ The new styles  ----------------------------------- */


#header-icons .col-3 img{
    width: 95%;
    border-radius: 5px;
    box-shadow: 0 0 10px #333333;
    margin-top: 20%;
}
#header-icons .col-4 img{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px #333333;
}
.row img{
    width: 100%;
}
.calendar .table td{
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0.5rem;
}
.calendar .table tr td:last-child{
    padding-right: 0.5rem;
}
.calendar .table th{
    padding-top: 0.5rem;
}

.navbar.navbar-expand-lg.navbar-dark.bg-dark,
.navbar.navbar-expand-lg.navbar-light{
    box-shadow: 0 0 3px #868686;
}
@media screen and (max-width: 991px) {
    .navbar.navbar-expand-lg.navbar-dark.bg-dark,
    .navbar.navbar-expand-lg.navbar-light{
        position: fixed;
        width: 100%;
        z-index: 100000;
    }
    .navbar.navbar-expand-lg.navbar-light{
        background-color: #ffffff;
    }
    #page-wrapper.admin-active .navbar.navbar-expand-lg.navbar-light,
    #page-wrapper.admin-active .navbar.navbar-expand-lg.navbar-dark.bg-dark{
        margin-left: -275px;
    }
    #main-content{
        margin-top: 60px;
    }
}
@media screen and (min-width: 992px) {
/*    .navbar.navbar-expand-lg.navbar-light{
         Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1da36+0,ffffff+1&1+0,0+100 
        background: -moz-linear-gradient(top,  rgba(241,218,54,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%);  FF3.6-15 
        background: -webkit-linear-gradient(top,  rgba(241,218,54,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);  Chrome10-25,Safari5.1-6 
        background: linear-gradient(to bottom,  rgba(241,218,54,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#00ffffff',GradientType=0 );  IE6-9 
    }*/
    .navbar.navbar-expand-lg.navbar-dark.bg-dark,
    .navbar.navbar-expand-lg.navbar-light{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    #site-identity{
        margin-top: 100px;
    }
    .navbar.navbar-expand-lg.navbar-light{
        /*background: url('/resources/images/site/elements/pattern1-2.png');*/
    }
}

.card{
    background-color: rgba(255, 255, 255, 0.6);
}
.card-body img{
    /*box-shadow: 0 0 10px #949494;*/
    border-radius: 3px;
}

#events-wrapper img{
    border-radius: 0px;
}

.card-body.table.table-borderless tbody tr:first-child.sunday td{
    border-top: none;
}
.card-body.table.table-borderless tbody tr:last-child.sunday td{
    border-bottom: none;
}
.card-body.table.table-borderless tbody tr td{
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.card-body.table.table-borderless tbody tr th{
    font-size: 12px;
}
.navbar-dark.bg-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
    font-size: 1.15rem;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.75);
}
.navbar-light .navbar-nav .active{
    border-bottom: 1px solid rgba(0,0,0,.75);
    /*text-decoration: underline;*/
}

footer{
    background-color: #ffffff;
}
body, wrapper {
   min-height:100vh;
}
main {
    flex:1;
}
#full-image-modal .modal-content{
    background-color: transparent;
    border: none;
    display: table;
}

#full-event-image-view{
    width: 100%;
    height: calc(100vh - 70px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: table-cell;
    vertical-align: middle;
}
.grecaptcha-badge{
    bottom: 60px !important;
}
#admin-menu-wrapper{
    position: fixed;
    top: 66px;
    left: 15px;
    width: 280px;
    z-index: 99999;
}

#admin-menu-wrapper .switch .btn {
    padding: 5px 15px;
}
#admin-menu-wrapper .switch .btn i{
    font-size: 24px;
}
#admin-menu-wrapper #admin-menu .card{
    background-color: #ffffff;
    border-radius: 0px;
    height: calc(100vh - 40px);
}
#admin-menu-wrapper #admin-menu .card .card-header{
    letter-spacing: 3px;
}
#admin-menu-wrapper #admin-menu .card .card-body{
    padding-left: 0px;
    padding-right: 0px;
}
#admin-menu-wrapper #admin-menu .card .card-body .nav-link{
    color: #fff;
    border-radius: 0px;
}
#admin-menu-wrapper #admin-menu .card .card-body .nav-link:hover{
    background-color: #23272b;
}
#admin-menu-wrapper #admin-menu .card .card-body .nav-link.active{
    color: #fff;
    background-color: #6c757d;
    letter-spacing: 1px;
}
#admin-menu-wrapper #admin-menu{
    display: none;
}

#page-wrapper.admin-active{
    padding-left: 275px;
}

#page-wrapper.admin-active #admin-menu-wrapper {
    top: 53px;
    left: 0px;
}

#page-wrapper.admin-active #admin-menu-wrapper #admin-menu{
    display: block;
}

#page-wrapper.admin-active #admin-menu-wrapper .switch{
    display: none;
}
#dismiss-admin-menu{
    border-radius: 0px;
    margin-top: -12px;
    margin-bottom: -12px;
    padding-top: 12px;
    padding-bottom: 11px;
    margin-right: -18px;
    padding-right: 15px;
    padding-left: 15px;
}
.list-group-item{
    background-color: transparent;
}
@media screen and (max-width: 991px) {
    #admin-menu-wrapper{
        position: fixed;
        left: 15px;
        width: 280px;
        z-index: 99999;
    }
    #page-wrapper.admin-active #admin-menu-wrapper {
        margin-top: -4px;
        left: 0px;
    }
    #admin-menu-wrapper .nav-link{
        padding-left: 15px;
        padding-right: 15px;
    }
    #admin-menu-wrapper .card-body{
        padding: 1.25rem;
    }
}

#page-wrapper.admin-active #main-content{
    overflow-x: auto;
}
.list-group-item-action:hover, .list-group-item-action:hover a {
    color: #fff;
    background-color: #6c757d;
}
.edit-article .card-img, .edit-article .card{
    border-radius: 0px;
}

.btn.language-switch{
    width: 48px !important;
    height: 28px !important;
    color: transparent;
}

.article_language_switch{
    width: 62px !important;
    height: 42px !important;
    color: transparent;
}
.nav-tabs {
    border-bottom: 1px solid #adb4bb;
}
.nav-tabs .nav-link.active {
    border-color: #adb4bb #adb4bb #fff;
    background-color: #fff;
}
.article_language_switch, .language-switch{
    background-repeat: no-repeat;
    background-position: center center;
}
#language_da, #article_language_da{
    background-image: url('/resources/flags/da.jpg');
}
#language_el, #article_language_el{
    background-image: url('/resources/flags/gr.jpg');
}
#language_en, #article_language_en{
    background-image: url('/resources/flags/uk.png');
}
#language_ro, #article_language_ro{
    background-image: url('/resources/flags/ro.jpg');
}
#article-form-wrapper{
    background-color: #fff;
}
.image-lang-inputs{
    display: none;
}
.image-lang-inputs.active{
    display: block;
}
.form-control-sm{
    font-size: 0.9rem;
}

img{
    border: none;
}
label{
    cursor:pointer;
}