/*=========== GENERAL SETS FERMATA =============*/

/** Fixing bootstrap columns for safari */

.row:before, .row:after{
        display: inline-block !important;
}

body {
        background: linear-gradient(to right, #0f0f0d 50%, #050505 50%);
        //background-image:url(/img/fero2.jpg);
        background-image:url(/img/fero3.jpg);
        background-repeat:no-repeat;
        //background-position:center 115px;
        background-position:center 0px;
        background-size: 100%; 
        border:solid 0px red;
        overflow:scroll;
        //height:1800px;
}

@media screen and (max-width: 480px) {
        body {background-position:center 0px;}
}

.bodyBackground {
        /*background-color:#101010;
        background-color:#0f0f0d;  
        background-color:#050505;  */
        //background-color:#0f0f0d;;
        background-color:#000;
        height:1800px;
}

.bodyBackgroundMenu {
        //background-color:#0f0f0d;;
}

.logodesk {width:  40%;}               
.upMenuSpace {width:30%;}
.extIconDesk {width:10%;}

.colorHistory {
        color: #353535;
}



.colorSet {
        /*color: #FFC3A0;
        color: #8395ba;*/
        color: #8395bb;
}

a, a:hover, a:active, a:visited, a:link, .colorAct {
        /*color: #FF650B;
        color: #0f5dff; */
        color: #418bca;
        text-decoration:none;
        
}

.colorPas {
        color: #8f8f8f;
}

.colorDown {
        color: #777a8d;
}

.colorWhite {
        color: #fff;
}


.bgColorAct {
        background-color: #418bca; 
        color:#fff;
}

.bgColorSet {
        background-color: #8395bb; 
        color:#fff;
}
.bgColorSilver {
        background-color: #8f8f8f; 
        color:#000;
}

.systemButton {
        background-color:#418bca;
        border-radius:5px;
        color:#fff;
        border:0px;
        height:20px;
        padding-top:2px;
        font-size:11px;
}

.neutralSet {
        background-color: #8395bb; 
        color:#000;
}

.gradient {
  background: -webkit-linear-gradient(#8395bb, #2a2f39);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a.musicAuthor, a.webAuthor   {
        text-decoration:underline;
        font-weight:700;
        cursor:pointer;
        color:#fff;
}

a.musicAuthor:hover, a.webAuthor:hover   {
        text-decoration:underline;
        font-weight:700;
        cursor:pointer;
        color:#fff;
}

.cover {
        margin-right:7px;
        cursor:pointer;
}

.coverDefault {
        width:5%;
}

.coverImageSafari {
        width:50px;
        height:50px;
}

.coverImageSafariSmall {
        width:15px;
        height:15px;
        margin-right:4px;
}


/*============ set size chars on site FERMATA ===================*/

.sizeSuccessMsg {font-size:28px;font-weight:normal;line-height:28px;}

.sizeSuccessAdd {font-size:18px;font-weight:normal;line-height:18px;}  

.sizeDownContainer {font-size:12px;font-weight:normal;line-height:21px;}

.sizeTitleSector {font-size:20px;font-weight:700;line-height:22px;}

.sizeNews {font-size:15px;font-weight:normal;line-height:25px;}

.sizeNewsMore {font-size:15px;font-weight:700;line-height:15px;}

.sizeIconConcert {font-size:35px;font-weight:700;line-height:35px;}

/*.sizeConcert {font-size:18px;font-weight:normal;line-height:18px;}*/

.sizePlace {font-size:22px;font-weight:700;line-height:22px;}

.sizeDateTime {font-size:16px;font-weight:700;line-height:22px;}

.sizePublicMSG {font-size:16px;font-weight:normal;line-height:20px;}

.sizeEventOpenPlaceOFF {font-size:18px;font-weight:700;line-height:18px;}

.sizeEventOpenPlaceON {font-size:32px;font-weight:700;line-height:32px;}

.sizeEventNoteText {font-size:18px;font-weight:normal;line-height:24px;}

.sizeEventNotice {font-size:30px;font-weight:normal;line-height:30px;}

.sizeEventNoticeAdd {font-size:18px;font-weight:normal;line-height:18px;}

.sizeEventNoticeTicket {font-size:18px;font-weight:normal;line-height:18px;text-decoration:underline;font-weight:bold;text-align:center;}

.sizePersonOpenOFF {font-size:24px;font-weight:normal;line-height:24px;}

.sizePersonOpenON {font-size:24px;font-weight:normal;line-height:24px;}

.sizePersonNoteText {font-size:18px;font-weight:normal;line-height:24px;}

.sizeTitleArticle {font-size:28px;font-weight:700;line-height:35px;}

.sizeContentArticle {font-size:15px;font-weight:normal;line-height:25px;}

.sizePictureAuthor {font-size:12px;font-weight:normal;line-height:20px;}

.sizeAlbumStepDesk {font-size:28px;font-weight:normal;line-height:28px;}

.sizeAlbumGeneral {font-size:14px;font-weight:normal;line-height:14px;}

.sizeTitleRecord {font-size:24px;font-weight:bold;line-height:24px;}

.sizeSongs {font-size:18px;font-weight:bold;line-height:24px;}

.sizeAuthor {font-size:18px;font-weight:bold;line-height:24px;}

.sizeProlog {font-size:18px;font-weight:normal;line-height:24px;}

.sizeBind {font-size:18px;font-weight:normal;line-height:20px;}

.sizePersonPost {font-size:12px;font-weight:normal;line-height:14px;}

.sizePerformer {font-size:18px;font-weight:normal;line-height:18px;}

.sizeFormNote {font-size:16px;font-weight:bold;line-height:40px;text-align:left;}

.sizeFormHead {font-size:20px;font-weight:700;line-height:40px;}

.sizeFormInputDesk {font-size:16px;font-weight:bold;line-height:40px;}

.sizeFormError {font-size:12px;font-weight:normal;line-height:14px;}


/*=========== down copy container FERMATA =============*/
#downContainer {
        width:100%;
        height:50px;
        text-align:center;        
        padding-top:0px;
}

.down-before {
        height:15px;
        text-align:center;
}

#down-after {
        height:18px;
        font-size:12px;
        line-height:12px;
        text-align:center;
}

@media screen and (max-width: 480px) {

        .sizeTitleSector {font-size:14px;font-weight:700;line-height:20px;}    

        .sizeNews {font-size:14px;font-weight:700;line-height:20px;}
        .sizeNewsMore {font-size:14px;}
        .sizePlace {font-size:16px;}
        .sizeDateTime {font-size:14px;}
        .sizePersonPost {font-size:10px;line-height:12px;}
        .sizePublicMSG {font-size:14px;font-weight:normal;line-height:20px;}
        .sizeIconConcert {font-size:25px;font-weight:700;line-height:25px;}
        
        .sizeEventOpenPlaceOFF {font-size:12px;line-height:12px;}
        .sizeEventOpenPlaceON {font-size:14px;line-height:14px;}
        .sizeEventNoteText {font-size:14px;font-weight:normal;line-height:20px;}
        .sizePerformer {font-size:14px;font-weight:normal;line-height:14px;}
        
        .sizeAlbumStepDesk {font-size:18px;font-weight:normal;line-height:18px;}
        .sizeProlog {font-size:15px;font-weight:normal;line-height:20px;}
        .sizeSongs {font-size:14px;font-weight:bold;line-height:20px;}
        .sizeAuthor {font-size:13px;font-weight:bold;line-height:20px;}
        .sizeBind {font-size:15px;font-weight:normal;line-height:20px;}
        .sizeSuccessMsg {font-size:20px;font-weight:normal;line-height:20px;}
        .sizeSuccessAdd {font-size:16px;font-weight:normal;line-height:16px;}
        
        .sizeFormError {font-size:10px;font-weight:bold;line-height:16px;}

        .sizePersonOpenOFF {font-size:16px;font-weight:normal;line-height:16px;}
        .sizePersonOpenON {font-size:16px;font-weight:normal;line-height:16px;}
        .sizePersonNoteText {font-size:15px;font-weight:normal;line-height:20px;}

} 

@media screen and (min-width: 601px) {

}

/*=========== button set top site FERMATA =============*/
#setTopButton {
        display: none;
        position: fixed;
        bottom: 50px;
        right: 30px;
        z-index: 99;
        font-size: 24px;
        border: none;
        outline: none;
        /*background-color: #FF9658;*/
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 5px;
}

#setTopButton:hover {
        /*background-color: #FF650B;*/
}

/*=========== Scroll on site FERMATA =============*/
::-webkit-scrollbar {
    //width: 13px;
    width: 5px;
}




/*=========== button set top site FERMATA =============*/ 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px #8f8f8f; 
    -webkit-border-radius:  13px;       
    //border-radius: 13px;        
    border-radius: 5px;
}
    
/* Handle */
::-webkit-scrollbar-thumb {
    //-webkit-border-radius: 13px;
    //border-radius: 13px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    background: #418bca; 
    -webkit-box-shadow: inset 0 0 6px #8f8f8f; 
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #8f8f8f;
     
}

/*=========== GENERAL MENU FERMATA =============*/
.topnav a {
        /*color: #FFC3A0;*/ 
        color: #8395bb;
        font-weight:700;
}

.topnav a:hover {      
        /*color: #FF650B;*/
        color: #418bca;
        cursor:pointer;
        font-weight:700;
}

.topnav a.active {      
        /*color: #FF650B;*/
        color: #418bca;
        font-weight:bold;
        font-weight:700;
}

.topnav a.noActive {      
        color: #8f8f8f;
        cursor:hand;
}



/*=========== AKTUALNE =============*/
.titleSector {
        margin-top:40px;
        border-radius:5px;
        padding-left:10px;
        padding-top:7px;
        height:35px;
}

.news {}


.newsBorder {
        border-bottom:dotted 1px;
}

.newsText {
        
        padding:10px;
        text-align:justify;
}

.newsMore {
        cursor:pointer;
}

.iconConcert {}

.concert {}

.place {}

.datetime {}

.publicMSG {
        text-align:justify;
}

/*=========== KONCERTY =============*/
.eventOpenPlace {
        cursor:pointer;       
}

.eventOpenPlaceOFF {}

.eventOpenPlaceON {}

.eventNoteText {
        text-align:justify;
}

.eventBorder {
        border-top:dotted 2px;
}

.eventPersonInstr, .eventPersonName, .borderBottom {
        border-bottom:dotted 1px;
}

.eventNotice {}

.eventNoticeAdd {}


/*=========== PERSONAL =============*/
.personOpen {
        font-weight:700;
        cursor:pointer;       
}

.personOpenOFF {}

.personOpenON {}

.personNoteText {
        text-align:justify;
}

/*=========== PÍSALI STE / SPRÁVY =============*/
.titleArticle {
        font-family:verdana;
}

.contentArticle {
        font-family:verdana;
        text-align:justify;
}

.pictureAuthor {}

.centerHeight {
        display: flex;
        justify-content: center;
        align-items: center;
}

/*=========== COVERS INFO =============*/
.albumStepDesk {
        float:left;
        /*color:#cc0000;*/
}

.coverIcon {}

.coverIcon:hover {
        cursor:pointer;
}

.albumDesk {
        float:left;
}

.albumGeneral {
        color:#cc0000;
}

.shadowCover {
        /*
        -webkit-box-shadow: 5px 5px 6px 0px #FF650B;  
        -moz-box-shadow:    5px 5px 6px 0px #FF650B;  
        box-shadow:         5px 5px 6px 0px #FF650B;   
        */
        -webkit-box-shadow: 5px 5px 6px 0px ;  
        -moz-box-shadow:    5px 5px 6px 0px ;  
        box-shadow:         5px 5px 6px 0px ;   

}

.shadowCoverPush {
        /*
        -moz-box-shadow:    inset 0 0 10px #FF650B;
        -webkit-box-shadow: inset 0 0 10px #FF650B;
        box-shadow:         inset 0 0 10px #FF650B;
        */
        -moz-box-shadow:    inset 0 0 10px ;
        -webkit-box-shadow: inset 0 0 10px ;
        box-shadow:         inset 0 0 10px ;
        
}

/*=========== COVER =============*/


#titleRecord {
        font-family:verdana;
        color:#fff;
        border-radius:15px;
}

.songs {
        font-family:verdana;
}

.authors {}

#prolog {
        font-family:verdana;
        text-align:justify;
}

.bind {
        font-family:verdana;
}

/*============== FOTO ==================================*/
.photoSet {
        border-radius:20px;
        box-shadow:10px 10px 10px #000;
}

.photoSet:hover {
        border:dotted 1px ;
}

/*============== ALBUM / VIEW PHOTO =========================*/
.thumb  {
        margin-bottom: 30px;
}
img.zoom {
        width: 100%;
        height: 200px;
        border-radius:5px;
        object-fit:cover;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
}
.page-top{
        margin-top:85px;
}
.transition {
        -webkit-transform: scale(1.2); 
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
}

/*============== FORM ON FERMATA SITE ==================================*/
input[type="checkbox"]  {
        cursor:pointer;
}
input[type="text"],[type="password"]{
        width:90%;
        height:27px;
        border-radius:7px;
        font-size:18px;
        font-weight:normal;
}

#form_head, #login_head {
        height:40px;
        /*color:#cc0000;*/
        
}

#form_head{
        border-radius:15px;
        /*color:#cc0000;*/
}


#login_head {
        border-radius:10px 10px 10px  10px ;
        color:#cc0000;
}



.form_note, .form_input_desk {
        padding-left:40px;
        font-family:verdana;
        height:65px;
        /*color:#cc0000*/
}

.form_error {
        height:20px;
        font-family:verdana;
}

.form_button {
        border-top:dotted 1px;
}



/*
@media screen and (min-width: 601px) {
        #titleRecord {font-size:18px;} 
        .songs {font-size:18px;}
        #prolog {font-size:18px;}
        .bind {font-size:16px;}
} 

@media screen and (min-width: 601px) {
        #mediaDesk {width:70%;} 
}

@media screen and (max-width: 800px) {
        #titleRecord {font-size:14px;} 
        .songs {font-size:14px;}
        #prolog {font-size:14px;}
        .bind {font-size:14px;}
}

@media screen and (max-width: 416px) {
        #titleRecord {font-size:12px;} 
        .songs {font-size:12px;}
        #prolog {font-size:12px;}
        .bind {font-size:12px;}
}
*/