:root {
    --main-font-family: 'Montserrat', sans-serif;
    --body-background: #f7f7f7;
    --main-red: #F1485B;
    --title-bg: #282828;
    --text-gray: #333333;
    --main-blue: #33546D;
    --main-light-red: #F8777D;
    --boxShadow: 3px 3px 6px #9E9E9E;
    --transitionAll: all 0.5s;
}
body{
    font-family: var(--main-font-family);
    /*color: #232157;*/
    background-color: var(--body-background);
}
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* Media query for devices */
.light-red {
    color: var(--main-light-red)
}
    .img-logo {
        height: 40px;
        width: auto;
    }
    h1{
        font-size: 1.2rem;
        font-weight: bold;
        color: var(--main-red);
    }
    h2{
        font-size: 1.1rem;
        font-weight: bold;
        color: var(--main-red);

    }
    h2 a, .title-color {
        color: var(--main-red);
    }
    h2 a:hover, .title-color:hover {
        color: var(--main-red);
        text-decoration: none;
    }
    p{
        font-size: 0.95rem;
        color: var(--text-gray);
    }
    .about-us-bg {
        background-image: url("/media/bg/about_us_bck.jpg");
        background-color: #122954;
        /*max-height: 80px;*/
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top:30px;
        padding-bottom: 50px;
    }
    .page_title {
        background-color: var(--main-blue);
        padding-top:10px;
        padding-bottom: 10px;
        height: 40px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
        text-align: center;
    }
    .page_title h1{
        color:var(--body-background);
    }
.testimonial_container{
    background-color: rgba(247, 247, 247, 0.5);
    border-radius: 0.3em;
    margin-top: 70px;
    padding-bottom:50px;

}
.testimonial_img{
    top: -30px;
    position: relative;
}
.testimoial-says p{
    display: inline-block;
    font-weight: bold;
}
.testimoial-says{
    text-align: center;
}
.testimmonial-quote{
    color: var(--main-red);
}
.testimonial-top{
    padding-bottom: 5px !important;
}
.artisjuslogo img{
    max-width:40% !important;
    height:auto !important;

}
/*#footer-company-data{*/
    /*order: 3;*/
/*}*/
/*#footer-links-1{*/
    /*order: 1;*/
/*}*/
/*#footer-links-2{*/
    /*order: 2;*/
/*}*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .img-logo {
        height: 50px ;
    }
    .page_title {
        text-align: center;
    }
    /*#footer-company-data{*/
        /*order: 3;*/
    /*}*/
    /*#footer-links-1{*/
        /*order: 1;*/
    /*}*/
    /*#footer-links-2{*/
        /*order: 2;*/
    /*}*/

    .artisjuslogo img{
        max-width:40% !important;
        height:auto !important;

    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .img-logo {
        height: 70px;
    }
    .page_title {
        text-align: center;
    }
    .artisjuslogo img{
        max-width:30% !important;
        height:auto !important;

    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1{
        font-size: 1.3rem;
    }
    h2{
        font-size: 1.19rem;
    }
    p{
        font-size: 1rem;
    }
    .page_title {
        text-align: center;
    }
    /*#footer-company-data{*/
        /*order: 1;*/
    /*}*/
    /*#footer-links-1{*/
        /*order: 2;*/
    /*}*/
    /*#footer-links-2{*/
        /*order: 3;*/
    /*}*/
    .artisjuslogo img{
        max-width:40% !important;
        height:auto !important;

    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1{
        font-size: 1.4rem;
    }
    h2{
        font-size: 1.25rem;;

    }
    p{
        font-size: 1.08rem;
    }
    .about-us-bg {
        min-height: 500px;
    }
    .testimonial_container{
        background-color: rgba(247, 247, 247, 0.5);
        border-radius: 0.3em;
        margin-top: 70px;

    }
    .testimonial_img{
        top: -30px;
        position: relative;
    }
    .testimoial-says p{
        display: inline-block;
        font-weight: bold;
    }
    .testimoial-says{
        text-align: center;
    }
    .testimmonial-quote{
        color: var(--main-red);
    }
    .testimonial-top{
        padding-bottom: 5px !important;
    }
    /*#footer-company-data{*/
        /*order: 1;*/
    /*}*/
    /*#footer-links-1{*/
        /*order: 2;*/
    /*}*/
    /*#footer-links-2{*/
        /*order: 3;*/
    /*}*/
    .artisjuslogo img{
        max-width:15% !important;
        height:auto !important;
    }
}
main.frontend_container {
    min-height: calc(100vh - 172px);
}

div.frontend_container{
    padding-top: 30px;
    padding-bottom:30px;
}


.post-content{
    font-size: 14px;
    color: var(--text-gray) !important;
}
/** navigation **/
i.fas.fa-user.text-white-50 {
    height: 30px;
    width: 30px;
    padding-top: 5px;
}
a i.fas.fa-user.text-white-50 {
    height: 30px;
    width: 30px;
    padding-top: 5px;
    padding-left: 6px;
}
.nav-cont {
    justify-content: flex-end;
}
.navbar{
    background-color: var(--title-bg);
   /* border-bottom: #232157;
    border-bottom-width: medium;
    border-bottom-style: solid;*/
}
a.nav-link, .footer-link{
    color: var(--body-background) !important;
    font-size: 0.8em;
    font-family: var(--main-font-family);
    text-transform: uppercase;
}
a.nav-link{
    border-bottom: 2px solid transparent;
}
a.nav-link:hover{
    /*background-color: var(--body-background);*/
    /*color: var(--main-blue) !important;*/
    border-bottom: 2px solid var(--main-light-red);

}
@media only screen and ( min-width: 1024px) {
    a.nav-link, .footer-link {
        font-size: 0.6em;
    }
}
@media only screen and ( min-width: 1440px) {
    a.nav-link, .footer-link {
        font-size: 0.77em;
    }
}
/** offcanvans menu **/
.offcanvas-header{ display:none; }

@media (max-width: 992px) {
    .offcanvas-header{ display:block; }
    .navbar-collapse {
        position: fixed;
        top:0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: rgba(51, 84, 109, 0.84);
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    }
    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
        z-index: 50;
    }
}
/** footer **/
.page-footer{
    background-color: var(--title-bg) !important;
    color: var(--body-background);
}
.page-footer p{

    color: var(--body-background);
}
#sticky-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .9em;
    /*border-top: 1px solid #ddd;*/
    background-color: rgba(51, 84, 109, 0.5);
    animation: stuckMoveUp .6s;
    animation-duration: 0.6s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: stuckMoveUp;
}
#sticky-bottom a{
    color: var(--title-bg);
    border-color: var(--main-light-red);
    background-color: var(--body-background);
}
.sticky-top {
    bottom: 96px;
}
.footer-link{
    color: var(--body-background);
    font-size: 0.8rem;
}
.footer-link:hover{
    color: var(--body-background);
    text-decoration: none;
}
.no-mobil {
    display: none;
}
div#footer-company-data {
    order: 3;
}
@media only screen and ( min-width: 900px) {
    .no-mobil {
        display: block;
    }
    .on-mobil {
        display: none;
    }
    div#footer-company-data {
        order: unset;
    }
}
/**  footer END **/

#main_hero_img{
    padding: 0;
}
#figure-hero{
    margin:0;
}
.figure-hero{
    margin:0 !important;
}

.faq_header{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--title-bg);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

a.faq_title {
   /* background-color: var(--main-light-red) ;*/
  /*  color: var(--main-light-red) !important;
    /*color: var(--body-background) !important;*/
    color: white !important;
    font-size: 16px;
    font-family: var(--main-font-family);
    text-transform: uppercase;
}
.faq_title p{
   text-transform: none;
}
a.faq_title:hover{
    /*color: var(--main-light-red) !important;*/
    color: white !important;
    font-size: 16px;
    font-family: var(--main-font-family);
    text-transform: uppercase;
    text-decoration: none;
}
.faq-body p{
    font-size: 14px;
    color: var(--text-gray) !important;
}

/******* Song text and buyer data ****/
.songtext_header{
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--title-bg);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.video-container-main {
    background-color: #ffffffb5;
    padding: 30px;
}
@media (min-width: 1200px) {
    .video-container-main video {
        width: 80% !important;
    }
}
a.songtext_title {
    /* background-color: var(--main-light-red) ;*/
    color: black!important;
    /*color: var(--body-background) !important;*/
    font-size: 14px;
    font-family: var(--main-font-family);
    text-transform: uppercase;
}
.songtext_title p{
    text-transform: none;
}
a.songtext_title:hover{
    color: black !important;
    font-size: 16px;
    font-family: var(--main-font-family);
    text-transform: uppercase;
    text-decoration: none;
}
.songtext-body p{
    font-size: 14px;
    color: var(--text-gray) !important;
}
.dmf-song-text-accordion-header h6{
    color: black;
}


/** FORMS **/
.dmform label {
    font-size: small;
    font-weight: bold;
}
.dmfdata {
    background-color: var(--main-blue);
    color: var(--body-background);
    padding: 10px;
    margin-bottom: 5px;
}
/** blog single post page  **/
.aside-p p {

    font-size: 0.8rem;
}
/** auction page **/
.dmf_auction_card {
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0 4px 10px 0 #dee2e6;
    -moz-box-shadow: 0 4px 10px 0 #dee2e6;
    box-shadow: 0 4px 10px 0 #dee2e6;
}
.dmf_auction_card--header {
    background-color: var(--main-blue);
 /*   padding: 5px;*/
}
.dmf_auction_card--header h2{
    color: var(--body-background);
    padding: 10px;
}
.dmf_auction_card--body {
    padding: 5px 10px 5px 10px;

}
.fix-height-210 {
    height: 260px;
}
.auto-height {
    height: auto;
}
.dmf_auction_card--footer {
    padding: 10px;
}
.showmore {
    margin-left: -15px;
}
.dmfwidth {
    width: 145px;
}

/*@media (min-width: 768px) {*/
    /*.dmf_auction_card {*/
        /*margin-right: 5px;*/
        /*-ms-flex: 0 0 50%;*/
        /*flex: 0 0 50%;*/
        /*max-width: 49%;*/
    /*}*/
/*}*/
/** song upload page **/
div#cke_song_text {
    width: 100%;
}
.dmf-song-text-accordion-header p {
    margin-bottom: 0;
    color: var(--main-light-red)
}
.songtexthead {
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.songtext-body {
   /* background-color: #f8f9fa;*/
    background-color: white;
}
/* song list filter */
/*.filterDiv {*/
    /*display: none;*/
/*}*/
.show {
    display: block;
}
.btn.active {
    background-color: #666;
    color: white;
}
/*** user_songs_to_sell ***/
.song-card-icon {
    color: #717070;
}
.closed-up {
    -webkit-transition: max-height, 0.5s ease-out;
    -moz-transition: max-height, 0.5s ease-out;
    -ms-transition: max-height, 0.5s ease-out;
    -o-transition: max-height, 0.5s ease-out;
    transition: max-height, 0.5s ease-out;
    max-height: 70px;
}
.open-up {
    max-height: 100%;
}
.post_date{
    font-size: 0.8rem;
}
.dmf_auction_card--footer2{
    padding:0px;
}
.dmf-icon-size{
    font-size: 1.5em;
}
#sponzored{
    padding-top: 20px;
  /*  padding-bottom: 20px;*/
}

#myModalClose{
    margin-bottom: 10px;
}
.btn-secondary{
    margin-bottom: 10px !important;
}
.post_date{
    padding-bottom: 1em;
}
.buy-icons{
    width:48px !important;
    height:48px !important;
    padding-right:15px;
}