/*
    designed by WebTemplateOcean.com
    http://www.webtemplateocean.com/
    released under Creative Commons Attribution-ShareAlike 3.0 license
*/

* {
    margin: 0;
    padding: 0;
}
/*
body {
    padding-bottom: 30px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #B6B4B3;
    background: #000000;
}*/

body {
    font-size: 15px;
    font-family: "Mulish", sans-serif;
    color: #fff !important;
    line-height: 30px;
    background: #000000;
}

h1 {
    padding: 120px 0 0 30px;
    font: normal 54px Georgia, Times, serif;
    color: #FFFFFF;
}

    h1 a, h1 a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

h2 {
    font-weight: normal;
    text-shadow: -1px 1px 1px #343332;
}

p {
    padding: .8em 0;
    line-height: 2em;
    /*    text-align: justify;      not sure if i want the text justified or not - try both ways*/
    text-align: justify;
}

    p#subtitle {
        padding: 0 0 0 30px;
        font-size: 14px;
        text-transform: uppercase;
        color: #A5957D;
    }

a {
    color: #B09B7D;
    text-decoration: underline;
}

    a:hover {
        color: #C2B39C;
    }

/* page */

#page {
    width: 960px;
    margin: 0 auto;
}

/* header */

.header {
    height: 330px;
    background: url('/images/studio/CharityStudio-2012-top-banner-bubbles.jpg') no-repeat center top;
}

.offerheader {
    height: 330px;
    background: url('/images/studio/CStudio-2012-top-banner-guitarist.jpg') no-repeat center top;
}

/* menu */

#menu {
    height: 102px;
    text-align: center;
    background: #776853 url('/images/studio/menu.gif') no-repeat top;
}

    #menu ul {
        list-style: none;
    }

        #menu ul li {
            display: inline;
            font-size: 19px;
            line-height: 72px;
        }

            #menu ul li a {
                padding: 0 30px;
                text-shadow: 1px -1px 1px #525A3E;
                text-decoration: none;
                color: #DDD6CD;
            }

                #menu ul li a:hover {
                    color: #FFFFFF;
                }

/* main */

#main {
    /*    background: url('/images/studio/main.jpg') no-repeat bottom;*/
    background: #000;
    padding-bottom: 50px;
}

.main-page-block {
    width: 100% !important;
}

.navbar {
    background-color: #000000 !important;
    /*border-bottom: 1px solid #333333;*/
}

.navbar-dark .navbar-toggler-icon {
    background: url('/images/Studio/CharityStudioHeaderToggle.jpg') no-repeat bottom;
    width: 1.5rem;
    height: 1.5rem;
    border-style: solid;
    border-color: #FFFFFF;
    border-radius: 5px;
}

.navbar-brand {
    /*background: url('/images/Studio/CharityStudioHeaderLeft.jpg') no-repeat bottom;*/
    font-weight: bold;
    color: #ffffff !important;
}

.navbar-nav .nav-link {
    color: #000000 !important;
    /*margin-right: 20px;*/
}

    .navbar-nav .nav-link:hover {
        color: #8F8F8F !important;
        background-color: #F0F0F0;
    }

/* Modified navbar styles */
.navbar-toggler {
    background-color: transparent;
    padding: 0rem 0rem;
}

/*.navbar-toggler-icon {
    background: url(/wp-content/uploads/2024/12/cstudio-menu-icon.svg) no-repeat;
    width: 59px;
    height: 54px
}*/

.navbar > .container {
    position: relative;
    padding-right: 60px;
}

/* Navbar collapse styles */
.navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: white;
    padding-left: 1rem;
    border-bottom: 1px solid #333333;
    display: none;
    margin: 10px 58px 0px 550px;
}

    .navbar-collapse.show {
        display: block;
    }

.navbar-nav {
    padding: 15px 0;
}

.nav-link {
    padding: 10px 0;
}

.dropdown-menu {
    background-color: #1a1a1a;
    border: 1px solid #333333;
}

.dropdown-item {
    color: #ffffff;
}

    .dropdown-item:hover {
        background-color: #333333;
        color: #ffffff;
    }

.hero-section {
    background: url('/images/studio/banner-bg.jpg') no-repeat;
    background-size: contain;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 359px
}

    .hero-section h1 {
        font-size: 60px;
        font-weight: 700;
        /* line-height: 1.2; */
        text-align: center;
        font-family: Mulish;
    }

.artist-card {
    margin-bottom: 30px;
    background: #1a1a1a;
    padding: 20px;
    border-radius: 8px;
    color: #ffffff;
    border: 1px solid #333333;
}

#main .block-heading h2, #main .block-heading p {
    font-weight: 400;
    color: white;
}

#main .block-heading h2 {
    font-size: 42px;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 50px;
}

#main .block-heading p {
    font-size: 17px;
    line-height: 23px;
    font-family: 'Mulish';
}

.block-heading a {
    color: #FFFFFF;
    text-decoration: underline;
}

    .block-heading a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

.music-download-block {
    border-radius: 22px;
    overflow: hidden;
    background: #343332 url('/images/studio/content.jpg') no-repeat top;
}

    .music-download-block a {
        color: white;
        text-decoration: underline;
    }

        .music-download-block a:hover {
            text-decoration: none;
            color: white;
        }

    .music-download-block h2 {
        padding: 15px 25px;
        background: #393836 url(/images/studio/gray0linear-bg.jpg) repeat-x top;
    }

    .music-download-block .post {
        padding: 15px 20px;
    }

#footer {
    background: #F2F3F7;
    padding: 40px 0;
    margin-top: 0px;
    color: #ffffff;
    border-top: 1px solid #333333;
    color: #000;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



/* sidebar */
#sidebar {
    float: left;
    width: 305px;
    font-size: 13px;
}

    /*#sidebar #login, #sidebar .box {
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: url('/images/studio/box.gif') no-repeat bottom;
}*/

    #sidebar #login, #sidebar .box {
        margin-bottom: 17px;
        padding-bottom: 10px;
        background: url('/images/studio/box.gif') no-repeat bottom;
    }

    #sidebar .box2 {
        height: 1%;
        padding: 17px 30px;
        background: #343332 url('/images/studio/box.jpg') no-repeat top;
    }

    #sidebar h2 {
        padding: 0 10px 0 30px;
        font-size: 20px;
        line-height: 64px;
        background: #474543 url('/images/studio/h2.gif') no-repeat;
    }

    #sidebar ul {
        list-style: none;
    }

        #sidebar ul li {
            padding: .25em 0 .25em 25px;
            line-height: 1.8em;
            background: url('/images/studio/arrow.gif') no-repeat 0 .55em;
        }

            #sidebar ul li a {
                padding: 0;
                text-decoration: none;
            }

/* login */

#login h2 {
    font-size: 20px;
    line-height: 52px;
    height: 58px;
    background: #474543 url('/images/studio/loginh2.gif') no-repeat;
}

#login form {
    text-align: center;
}

    #login form p {
        padding: 5px 0;
        text-align: center;
    }

        /*#login form p.txtleft {
    padding: 15px 0 5px 35px;
	font-size:18px;
    text-align: left;
}*/

        #login form p.txtleft {
            padding: 0 0 0 0;
            font-size: 18px;
            text-align: center;
        }

        #login form p.rem {
            padding-top: 15px;
        }

#login input.text, #login input.password {
    padding: 4px;
    width: 90px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #444444;
    background: #E9E8E8;
    border: 1px solid #A0A09C;
    border-left: 1px solid #C4C4C1;
    border-bottom: 1px solid #C4C4C1;
}

#login input.longtext {
    width: 150px;
}


#login input.submit {
    margin: 10px 0;
    width: 100px;
    height: 31px;
    color: #CEC5B8;
    background: #625542 url('/images/studio/submit.jpg') no-repeat;
    border: none;
    cursor: pointer;
}

/* content */

#content {
    width: 625px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: url('/images/studio/content.gif') no-repeat bottom;
}

    #content #contheader h2 {
        height: 58px;
        padding-right: 30px;
        font-size: 24px;
        line-height: 52px;
        text-align: right;
        background: #474543 url('/images/studio/contenth2.gif') no-repeat;
    }

    #content #contheader-sub h2 {
        height: 66px;
        padding-right: 30px;
        font-size: 24px;
        line-height: 66px;
        text-align: right;
        background: #474543 url('/images/studio/contenth2-sub.gif') no-repeat;
    }



#content2 {
    height: 1%;
    padding: 20px 30px 10px 30px;
    background: #343332 url('/images/studio/content.jpg') no-repeat top;
}

#content .post {
    padding: 0 0 15px 0;
}


#content2 h2 {
    font-size: 24px;
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    text-shadow: none;
}

#content h2 a {
    text-decoration: none;
    color: #E6E6E6;
}

p.postmeta {
    padding: .4em 0;
    color: #8B8988;
}

#content .entry {
    padding: 0px 0 0 0;
}

.clearing {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* footer */

#footer {
    padding: 40px 30px 80px 30px;
}

    #footer p {
        font-size: 14px;
        text-align: left;
        color: #000;
    }

    #footer ul li, #footer ul {
        margin: 0;
        padding: 0;
    }

    #footer h5 {
        color: #67231C;
        margin-bottom: 17px;
    }

    #footer ul li {
        margin-bottom: 13px;
        list-style: circle;
        list-style-position: inside;
    }

        #footer ul li a {
            text-decoration: underline;
            font-size: 15px;
            color: #000;
        }

            #footer ul li a:hover {
                text-decoration: none;
            }

    #footer p {
        margin: 0;
        padding: 0;
    }

.center {
    text-align: center;
}

.artistimage {
    text-align: center;
    width: 200px;
    height: 200px;
    padding-right: 18px;
    padding-bottom: 30px;
}

#artistTable {
    padding: 5px 5px 5px 25px;
    width: 100%;
}

    #artistTable tr {
        vertical-align: top;
    }

        #artistTable tr td {
            width: 33%;
        }

.bodytext {
    padding-right: 8px;
    font-size: 15px;
    /*line-height: 52px;*/
    text-align: left;
    padding-bottom: 25px;
}

#content1 {
    float: right;
    width: 960px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: url('/images/studio/content1.gif') no-repeat bottom;
}

    #content1 #contheader-sub h2 {
        height: 66px;
        padding-right: 30px;
        font-size: 24px;
        line-height: 66px;
        text-align: right;
        background: #474543 url('/images/studio/content1h2-sub.gif') no-repeat;
    }

    #content1 #contheader h2 {
        height: 66px;
        padding-right: 30px;
        padding-left: 30px;
        font-size: 24px;
        line-height: 66px;
        text-align: left;
        background: #474543 url('/images/studio/content1h2-sub.gif') no-repeat;
    }

.content1 {
    float: right;
    width: 960px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: url('/images/studio/content1.gif') no-repeat bottom;
}

    .content1 #contheader-sub h2 {
        height: 66px;
        padding-right: 30px;
        font-size: 24px;
        line-height: 66px;
        text-align: right;
        background: #474543 url('/images/studio/content1h2-sub.gif') no-repeat;
    }

    .content1 #contheader h2 {
        height: 66px;
        padding-right: 30px;
        padding-left: 30px;
        font-size: 24px;
        line-height: 66px;
        text-align: left;
        background: #474543 url('/images/studio/content1h2-sub.gif') no-repeat;
    }

.content2 {
    height: 1%;
    padding: 20px 30px 10px 30px;
    background: #343332 url('/images/studio/content.jpg') no-repeat top;
}

    .content2 h2 {
        font-size: 24px;
        font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
        text-shadow: none;
    }

h3 {
    font-family: Arial;
    font-size: 18px;
}

td.offersrow {
    padding: 0px 30px 45px 30px;
    vertical-align: top;
    text-align: left;
    line-height: 25px;
}

a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

a {
    color: #FFFFFF;
    text-decoration: underline;
}

audio {
    height: 40px;
    width: 150px;
    border: none;
    /*New charitystudio internal pages */
}