/*
CTC Separate Stylesheet
Updated: 2019-06-25 08:17:35
*/

/* HEADER/NAVIGATION */

#page-container {
    overflow: hidden !important;
}

body,
body.custom-background,
body.custom-background {
    padding-bottom: 40px !important;
}

/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1145px) {
    .et_header_style_split nav#top-menu-nav {
        display: none !important;
    }

    .et_header_style_split #main-header .mobile_nav {
        background-color: transparent !important;
    }

    #et_mobile_nav_menu {
        display: block !important;
        float: none !important;
    }

    .et_header_style_split .et_menu_container .mobile_menu_bar {
        top: -100px;
        left: 6px;
    }

    .menu-item:not(.social) {
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 1px solid #fff6;

    }

    li.menu-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    li.menu-item:last-child {
        border-top: 1px solid #fff6;
        padding-bottom: 0px;
        padding-top: 7px;
        border-bottom: 0px;
    }

    li.menu-item a {
        padding-left: 0 !important;
    }

    .et_header_style_split .et_mobile_menu {

        top: -103px !important;
    }

    .visuallyhidden {
        /*position: inherit !important;
      margin-left: 5px !important;*/
    }

    .social.menu-item.menu-item-type-custom.menu-item-object-custom {
        display: inline-block;
        margin-right: 13px;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .logo_container {
        position: absolute;
        margin-top: -20px;
    }

    .logo_container a {
        position: relative;
        z-index: 10000000000000;
    }

    .et_header_style_split #et_mobile_nav_menu {
        margin-top: 34px;
        display: block !important;
    }

    .et_header_style_split #logo {
        max-height: 72px;
    }

    .et_header_style_split .et_mobile_menu {
        top: -62px !important;
    }

    .et_header_style_split #main-header .mobile_nav {
        display: block;
        text-align: left;
        background-color: rgba(0, 0, 0, .05);
        border-radius: 5px;
        padding: 9px 10px;
    }
}


/*** MAKE SITE WIDER ON SMALLER SCREENS ***/
@media only screen and (max-width: 980px) {
    .et_pb_row {
        width: 100% !important;
        /*** you might need !important ***/
        padding: 0 !important;
    }

    #cookie-law-info-again {
        position: relative !important;
        width: 100% !important;
        display: block;
        right: 0px !important;
    }
}

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

    .et_header_style_split .et_menu_container .mobile_menu_bar {
        top: -100px;
        left: -32px;
    }

    #mobile_menu {
        z-index: -1 !important;
    }
}

@media only screen and (min-width: 1146px) {
    #et-top-navigation {
        padding: 0 !important;
    }

    #top-menu>li.mobile-only {
        display: none !important;
    }

}

header#main-header {
    max-height: 45px !important;
}

.menu-logo {
    padding: 0 !important;
    text-align: center !important;
    margin-right: 22px;

    /*
    background-color: #997E48;
    
    
    border-radius: 0px 0px 65px 65px;
    padding-top: 18px !important;
    padding-right: 16px !important;
    padding-left: 16px !important;*/
}

#et-top-navigation {
    max-height: 45px !important;
}

#top-menu li {
    float: left;
    text-transform: uppercase;
}

#top-menu li a {
    letter-spacing: 3px;
}

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

    .et_header_style_left #et-top-navigation nav>ul>li>a,
    .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding: 0 !important;
        line-height: 45px;
    }
}

.menu-logo a img {
    display: none;
    max-height: 89px;
    width: auto;
    position: relative;
    /*top: -1px;
    left: 3px;*/
}


.single-artists #main-content {
    padding-top: 80px;
}


/* CUSTOM BACKGROUND COLORS */

body.post-type-archive-videos #main-content,
body.post-type-archive-videos #main-content .et_pb_section,
body.single-artists #main-content,
body.single-artists #main-content .et_pb_section {
    background-color: #000000 !important;
}



/*ARCHIVES*/
h1.archive-title {

    text-transform: uppercase;
    margin-top: 65px !important;
    margin-bottom: 52px;

}

.entry-title {
    text-transform: uppercase;
    font-size: 42px;
    color: #997E48;
}

body.single-artists .et_pb_slides,
body.single-artists .et_pb_slide {
    height: 78vh;
    min-height: 78vh;
}

/*BLURB BLOCKS*/
.et_pb_main_blurb_image {
    min-width: 200px;
}

.et_pb_animation_top.et-animated {
    opacity: 1;
    -webkit-animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1 !important;
    animation: none !important;
}


/* TOGGLE TABS */

div.et_pb_module.et_pb_toggle.et_pb_toggle_2.et_pb_toggle_item.et_pb_toggle_close,
.et_pb_toggle_item.et_pb_toggle_close,
.et_pb_module.et_pb_toggle.et_pb_toggle_2.et_pb_toggle_item.et_pb_toggle_close {
    padding: 0px !important;
}

.et_pb_toggle_open {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

h5.et_pb_toggle_title {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    /*font-family: 'Avenir Heavy' !important;*/
    font-family: 'Avenir Light' !important;
    /*font-weight: bold;*/
    letter-spacing: 4px;
}

.et_pb_toggle_close .et_pb_toggle_title {

    background-image: url(https://worldcircuit-records.s3.eu-west-2.amazonaws.com/wp-content/uploads/2020/11/Plus.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: calc(100% - 82px);

}

.et_pb_toggle_open .et_pb_toggle_title {

    background-image: url(https://worldcircuit-records.s3.eu-west-2.amazonaws.com/wp-content/uploads/2021/01/Minus.png);

    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: calc(100% - 82px);

}


.et_pb_toggle_content {
    padding: 0 !important;
}

.et_pb_toggle {
    border-color: transparent !important;
    border-bottom: 1px solid white !important;
    border-left: none !important;
    border-right: none !important;
}

/*Artist image slider*/
div.et_pb_module.et_pb_slider {
    margin-bottom: 0 !important;
}

.et_pb_toggle_title:before,
.et_pb_toggle .et_pb_toggle_title:before {
    right: 60px !important;
    color: white;
    content: '' !important;
}

#artist-links {
    margin-top: 40px;
}

#artist-links li {
    display: inline-block;
    margin-right: 25px;
    font-size: 36px;
    color: #997E48;
}


#artist-links li a {
    color: #997E48;
}

body.single-artists .et_pb_text_inner p {
    color: #c5c4c4;
}

#artist-bio-copy .et_pb_text_inner {
    max-height: 31vh;
    overflow-y: scroll;
}



.et_pb_video_box iframe {
    max-height: 300px;
    min-height: 300px;
}


.et-db #et-boc .et-l .et_pb_blog_0_tb_body .et_pb_blog_grid .et_pb_post {
    background-color: red !important;
}

#sign-up-modal {
    position: fixed;
    top: 0;
    z-index: 100000000;
    width: 100vw;
    min-height: 100vh !important;
    display: none;
}




.pagination .screen-reader-text {
    display: none;
}

.navigation.pagination {
    text-align: center;
    font-size: 22px;

    text-transform: uppercase;
}

.pagination {
    padding-bottom: 20px;
}

.page-numbers {
    border: none;
    font-size: 18px;
    padding: 8px;
}


.nav-links {
    padding-top: 11px;
}


.pagination .page-numbers:hover {
    opacity: 0.7;
}

.page-numbers.current {
    color: #997e48;
}

#cookie-law-info-bar,
#cookie-law-info-again,
#cliSettingsPopup {

    z-index: 100000028 !important;
}

.et_pb_contact_field_radio {
    display: inline-block;
    margin-right: 10px;
}

#et_pb_signup_email::placeholder {
    color: white !important;
}



.pagination {
    margin-top: 100px;
}


.select_page {
    display: none !important;
}



@media (max-width: 980px) {

    #sign-up-modal .et_pb_row.et_pb_row_0_tb_footer {
        margin-top: -10px;
    }

    .single-artists #main-content {
        padding-top: 0px;
    }

    body.home .et_pb_slide_description,
    .et_pb_slider_fullwidth_off .et_pb_slide_description {
        padding: 0 !important;
    }

    .et_pb_slides .et_pb_slider_container_inner {
        vertical-align: middle;
    }



    body.home .et_pb_slide_content {
        width: 100% !important;
    }

    body.home .slide-link-box {
        width: 100%;
        position: absolute;
        top: 10vh;
    }

}

.mobile_menu_bar::before {
    color: white !important;
}


@media (max-width: 980px) {

    body.home .et_pb_slide {
        background-color: black !important;
    }


    .et_pb_slider,
    .et_pb_slide {

        background-color: black;
    }


    .et_pb_toggle_close .et_pb_toggle_title,
    .et_pb_toggle_open .et_pb_toggle_title {
        background-position-x: calc(100% - 26px);

    }

    h5.et_pb_toggle_title {

        margin-left: 25px !important;
    }


}

#mobile_menu .menu-logo.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home {
    display: none !important;
}

#mobile_menu {
    border: none !important;
    /*z-index: -1 !important;*/
}

/* Stop logo fade on hover  */

.nofade a:hover {
    opacity: 1 !important;
    transition: none !important;
}



/* Inline #25 | https://worldcircuit.co.uk/ */

#privacy-links {
  width: 100%;
  display: flex;

  flex-direction: row;
  align-items: space-between;
  justify-content: center;
  font-size: 1rem;
  padding: 1rem;
}

#privacy-links a {
  padding: .5rem;
}

/* Inline #27 | https://worldcircuit.co.uk/videos/ */

#sign-up-modal {
  
  display: none !important;
}