/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 

/* =Theme customization starts here
------------------------------------------------------- */
@import "fonts.css";

/* Common CSS ========================================================== */
body{
    font-family: 'MerriweatherRegular' !important;
}
a{
    color: #21A1FC;
}
.pending{
    color: #ff0000;
}
.page_title h1 {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 10px;
    color: #333 !important;
    font-size: 1.8em;
    line-height: 1.2em;
}


/* Header ========================================================== */
.logo{
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 1.6em;
}


header .et_builder_inner_content {
    z-index: 1;
}
.et_pb_menu__menu{
    display: block !important;
}
.et_mobile_nav_menu{
    display: none !important;
}

.et_pb_menu__search-button {
    color: #21A1FC !important;
}
.et_pb_menu__close-search-button {
    color: #ff0000 !important;
}



/* Home ========================================================== */





/* Search ========================================================== */
.no_content {
    padding: 10% 10px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}





/* Artist ========================================================== */
.artist_wrapper {
    display: flex;
    flex-direction: column;
}
.artist_wrapper .artist_content {
    display: flex;
}
.artist_wrapper .artist_content .artist_photo{
    flex: 1;   
}
.artist_wrapper .artist_photo .photo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
}
.artist_wrapper .artist_content .artist_information {
    display: flex;
    flex: 1;   
}
.artist_wrapper .artist_content .artist_name {
    margin-bottom: 20px;
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 3em;
    line-height: 1em;
}
.artist_wrapper .artist_content .artist_bio{
    text-align: justify;
    margin-bottom: 20px;
}
.artist_wrapper .artist_content .artist_artworks {
    display: flex;
    flex: 1;   
    text-align: center;
}
.artist_wrapper .artist_content .artist_artwork{
    margin-bottom: 20px;
}
.artist_wrapper .artist_content .artist_artworks .artwork_photo {
    width: 80%;
    height: 280px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 10px;
}
.artist_wrapper .artist_content .artist_artworks .artwork_caption{
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 0.8em;
    line-height: 1.6em;
}
.artist_wrapper .artist_content .artist_statement{
    flex: 1;
    text-align: justify;
}
.artist_wrapper .artist_footer {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}




/* Modal ========================================================== */
.imageModal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.9); 
}
.modalImage {
    margin: auto;
    display: block;
    width: auto;
    max-width: 100vh;
}
.modalCaption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 50px;
    font-size: 1.2em;
    line-height: 1.6em ;
}
.modalImage, .modalCaption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
/* The Close Button */
.modalClose {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.modalClose:hover,
.modalClose:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}



/* Slider ========================================================== */
.slider {
    max-width: 100%;
    position: relative;
    margin: auto;
}
.slide {
    display: none;
    max-width: 1200px;
    margin: 0 auto;
    height: calc(100vh - 85px);
    padding: 20px 0;
}
.prev, .next {
    cursor: pointer;
    position: fixed;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(0,0,0,0.1);
}
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.active, .dot:hover {
    background-color: #717171;
}
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}
@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}



/* Scroll ========================================================== */
.scrollPage {
    max-width: 100%;
    position: relative;
    margin: auto;
    background: #f2f2f2;
}
.scroll_wrapper {
    background: #ffffff;
    margin: 30px;
}
.scroll {
    max-width: 1200px;
    margin: 0 auto;
    /*height: calc(100vh - 85px);*/
    padding: 50px 0;
}



/* Scroll Limited ========================================================== */
.scrollLimitedSidebarWrapper {
    position: fixed;
    max-width: 450px;
    background: #ffffff;
    box-shadow: 0 0 20px 5px #acacac;
}
.button_open{
    cursor:pointer;
    display:inline-block;
    border:none;
    outline:0;
    background-color:inherit;
    padding:8px 16px;
    color: #ff0000 !important;
}
.button_close{
    cursor:pointer;
    display:inline-block;
    border:none;
    outline:0;
    background-color:transparent;
    float:right;
}
.scrollLimitedSidebar {
    position: relative;
    top: -30px;
    background: #ffffff;
    padding: 20px 20px 0 20px;
}
.scrollLimitedSidebar textarea {
    border: 0 !important;
    box-shadow: none !important;
    resize: none !important;
    height: 10px !important;
}




.scrollLimited {
    max-width: 100%;
    position: relative;
    margin: auto;
    background: #f2f2f2;
}
.scrollLimited_wrapper {
    background: #ffffff;
    margin: 30px;
}
.scrollLimited_slide {
    max-width: 1200px;
    margin: 0 auto;
    /*height: calc(100vh - 85px);*/
    padding: 50px 20px;
}


.scrollLimited_slide_header {
    margin-bottom: 50px;
}
.scrollLimited_slide_header .artist_artworks{
    display: flex;
    justify-content: space-between;
}
.scrollLimited_slide_header .artist_artwork{
    margin-bottom: 20px;
    flex: 1;
    text-align: center;
}
.scrollLimited_slide_header .artwork_photo {
    width: 100%;
    height: 80vh;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 10px;
}
.scrollLimited_slide_header .artwork_caption{
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 1em;
    line-height: 1.6em;
}
/*.scrollLimited_slide_header .artist_artwork{
    height: 50vh;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}*/




.scrollLimited_slide_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    min-height: 260px;
}
.scrollLimited_slide_footer .artist_info_name{
    flex: 1;
    display: flex;
}
.scrollLimited_slide_footer .artist_name {
    margin-bottom: 20px !important;
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 3em;
    line-height: 1em;
}
.scrollLimited_slide_footer .artist_liked {
    margin-bottom: 20px;
    margin-left: 20px;
}
.scrollLimited_slide_footer .artist_liked a span{
    color: #9d9d9d !important;
}
.scrollLimited_slide_footer .artist_liked span{
    color: #ff0000 !important;
}
.scrollLimited_slide_footer .artist_liked.no span{
    color: #dedede !important;
}
.scrollLimited_slide_footer .artist_info_bio{
    flex: 1;
}





.scrollLimited_slide_more{
    display: none;
}

.scrollLimited_slide_more .artist_info_photo {
    position: relative;
}
.scrollLimited_slide_more .artist_photo {
    float: left;
    position: absolute;
    top: -250px;
}
.scrollLimited_slide_more .photo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: 0 auto;
    margin-bottom: 20px;
}


.scrollLimited_slide_more .artist_artworks{
    margin-bottom: 50px;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.scrollLimited_slide_more .artist_artwork{
    flex: 1;
    text-align: center;
}
.scrollLimited_slide_more .artist_artwork.middle{
    margin: 0 20px;
}
.scrollLimited_slide_more .artwork_photo {
    width: 100%;
    height: 500px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 10px;
}
.scrollLimited_slide_more .artwork_caption{
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 1em;
    line-height: 1.6em;
}



.scrollLimited_slide_more .artist_info_statement{
    margin-bottom: 50px;
}
.scrollLimited_slide_more .artist_info_social{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.scrollLimited_slide_more .dashicons {
    color: #21A1FC;
}



/* Load More ========================================================== */
#loadMoreArtist .scrollLimited_wrapper{ 
    display:none;
}

#loadMore {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    height: 40px;
    padding: 10px;
    text-align: center;
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 2em;
    line-height: 1em;
}
#loadMore:hover {
    color:black;
}
#showLess {
    color:red;
    cursor:pointer;
}
#showLess:hover {
    color:black;
}


/* Read More ========================================================== */
.moreTxt {
    display: none;
}


/* Curators Choice ========================================================== */
.curator_choice_wrapper {
    display: flex;
    flex-direction: column;
}
.curator_choice_wrapper .curator_content {
    display: flex;
}
.curator_choice_wrapper .curator_information {
    display: flex;
    flex: 1;   
    align-items: center;
    padding: 0 20px;
}
.curator_choice_wrapper .curator_information .photo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: 10px auto;
}
.curator_choice_wrapper .curator_information .curator_name {
    margin-bottom: 20px;
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 3em;
    line-height: 1em;
}
.curator_choice_wrapper .curator_information .curator_bio{
    text-align: justify;
    margin-bottom: 20px;
}
/*.curator_choice_wrapper .curator_information .curator_bio .moreTxt {
    display: none;
}*/
.curator_choice_wrapper .choices {
    display: flex;
    flex: 1;   
    padding: 0 10px;
}
.curator_choice_wrapper .choices .choices_title{
    font-family: 'MerriweatherBold' !important;
    font-size: 2em;
    line-height: 1.4em;  
    margin-bottom: 30px;
}
.curator_choice_wrapper .choices .choice{
    margin-bottom: 30px;
}
.curator_choice_wrapper .choice .choice_name{
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 20px;
}
/*.curator_choice_wrapper .choice .choice_bio .moreTxt {
    display: none;
}*/


/* Artists Choice ========================================================== */
.artist_choice_wrapper {
    display: flex;
    flex-direction: column;
}
.artist_choice_wrapper .artist_content {
    display: flex;
}
.artist_choice_wrapper .artist_information {
    display: flex;
    flex: 1;   
    align-items: center;
    padding: 0 20px;
}
.artist_choice_wrapper .artist_information .photo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: 10px auto;
}
.artist_choice_wrapper .artist_information .artist_name {
    margin-bottom: 20px;
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 3em;
    line-height: 1em;
}
.artist_choice_wrapper .artist_information .artist_bio{
    text-align: justify;
    margin-bottom: 20px;
}
/*.artist_choice_wrapper .artist_information .artist_bio .moreTxt {
    display: none;
}*/
.artist_choice_wrapper .choices {
    display: flex;
    flex: 1;   
    padding: 0 10px;
}
.artist_choice_wrapper .choices .choices_title{
    font-family: 'MerriweatherBold' !important;
    font-size: 2em;
    line-height: 1.4em;  
    margin-bottom: 30px;
}
.artist_choice_wrapper .choices .choice{
    margin-bottom: 30px;
}
.artist_choice_wrapper .choice .choice_name{
    font-family: 'MerriweatherBold' !important;
    color: #21A1FC;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 20px;
}
/*.artist_choice_wrapper .choice .choice_bio .moreTxt {
    display: none;
}*/


/* Dashboard ========================================================== */
.dashboard_wrapper .artwork_edit {
    padding: 10px;
    text-align: right;
}
.dashboard_wrapper .artwork_information {
    display: flex;
}
.dashboard_wrapper .artwork_information .artwork_photo {
    padding: 0 20px 20px 20px;
}
.dashboard_wrapper .artwork_information .artwork_photo .photo {
    width: 200px;
    height: 200px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.dashboard_wrapper .artwork_information .artwork_content {
    width: 100%;
}
.dashboard_wrapper .artwork_information .artwork_content .row {
    display: flex;
}
.dashboard_wrapper .artwork_information .artwork_content .row .col {
    padding: 5px;
}
.dashboard_wrapper .artwork_information .artwork_content .row .col1 {
    min-width: 250px;
}




.dashboard_wrapper .artist_edit {
    padding: 10px;
    text-align: right;
}
.dashboard_wrapper .artist_information {
    display: flex;
}
.dashboard_wrapper .artist_information .artist_content{
    width: 100%;
}
.dashboard_wrapper .artist_information .artist_photo {
    padding: 0 20px 20px 20px;
}
.dashboard_wrapper .artist_information .artist_photo .photo {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.dashboard_wrapper .artist_information .artwork_content {
    width: 100%;
}
.dashboard_wrapper .artist_information .artist_content .row {
    display: flex;
}
.dashboard_wrapper .artist_information .artist_content .row .col {
    padding: 5px;
}
.dashboard_wrapper .artist_information .artist_content .row .col1 {
    min-width: 250px;
}






/* Login ========================================================== */
.login_status{
    color: #008000;
}


.tml-links,
.tml-lostpassword-link {
    list-style: none;
    padding: 0 !important;
}


.tml-label {
    color: #112337;
}
.tml-field {
    border: 1px solid #bbb;
    padding: 12px !important;
    color: #4e4e4e;
    border-radius: 3px;
}
.tml-button {
    cursor: pointer;
    background: #21A1FC !important;
    border: 0 !important;
    color: #ffffff;
    padding: 14px;
    border-radius: 3px;
}
.tml-button:hover {
    background: #67bdfb !important;
}
.tml-login-link {
    /*display: none;*/
}



/* Gravity Forms ========================================================== */

input.gform_button {
    background: #21A1FC !important;
}

input.gform_button:hover {
    background: #67bdfb !important;
}


.gfield_description span {
    color: #008000;
    font-weight: bold;
}

.noInputCounter .ginput_counter{
    display: none !important;
}

/* Desktop Query ========================================================== */
@media only screen and (min-width: 1023px) {
    .artist_wrapper .artist_content .artist_information {
        flex-direction: column;
    }
    .artist_wrapper .artist_content .artist_artworks {
        flex-direction: column;
    }
    

    .curator_choice_wrapper .curator_content .curator_information {
        flex-direction: column;
        max-width: 30%;
    }
    .curator_choice_wrapper .choices {
        flex-direction: column;
    }
    
    
    .artist_choice_wrapper .artist_content .artist_information {
        flex-direction: column;
        max-width: 30%;
    }
    .artist_choice_wrapper .choices {
        flex-direction: column;
    }
    
    
    .dashboard_wrapper .artwork_information .artwork_content .row:nth-child(odd) {
        background: #f2f2f2;
    }
    
    .dashboard_wrapper .artist_information .artist_content .row:nth-child(odd) {
        background: #f2f2f2;
    }
}


/* Mobile Query ========================================================== */
@media only screen and (max-width: 1024px) {
    .et_pb_section--with-menu .et_pb_text_inner {
        text-align: center !important;
    }
    .et_pb_menu__wrap {
        justify-content: center !important;
    }


    .modalImage {
        width: 80%;
    }
    

    .artist_wrapper .artist_content {
        flex-direction: column;
    }
    .artist_wrapper .artist_content .artist_information {
        flex-direction: column;
        padding: 10px;
    }
    .artist_wrapper .artist_content .artist_name{
        text-align: center;
    }
    .artist_wrapper .artist_content .artist_artworks {
        flex-direction: column;
    }
    .artist_wrapper .artist_content .artist_statement {
        padding: 10px;
    }
    .artist_wrapper .artist_footer {
        flex-direction: column;
    }
    
    
    
    .scrollLimited_slide_header .artwork_photo {
        height: 40vh;
    }
    .scrollLimited_slide_footer{
        flex-direction: column;
    }
    .scrollLimited_slide_footer .artist_name {
        font-size: 2em;
    }
    .scrollLimited_slide_more .artist_artworks {
        justify-content: space-between;
        flex-direction: column;
    }  
    .scrollLimited_slide_more .artwork_photo {
        height: 300px !important;
    }
    .scrollLimited_slide_more .artist_info_photo {
        margin-top: 50px;
    }
    .scrollLimited_slide_more .artist_photo {
        float: none;
        position: static;
    }
    .scrollLimited_slide_more .artist_info_social {
        flex-direction: column;
        font-size: 0.8em;
    }


    .curator_choice_wrapper .curator_content {
        flex-direction: column;
    }
    .curator_choice_wrapper .curator_content .curator_information {
        flex-direction: column;
        padding: 10px;
    }
    .curator_choice_wrapper .curator_content .curator_name{
        text-align: center;
    }
    .curator_choice_wrapper .choices {
        flex-direction: column;
    }



    .artist_choice_wrapper .artist_content {
        flex-direction: column;
    }
    .artist_choice_wrapper .artist_content .artist_information {
        flex-direction: column;
        padding: 10px;
    }
    .artist_choice_wrapper .artist_content .artist_name{
        text-align: center;
    }
    .artist_choice_wrapper .choices {
        flex-direction: column;
    }
    
        
    .dashboard_wrapper .artwork_information {
        flex-direction: column;
    }
    .dashboard_wrapper .artwork_information .artwork_content .row {
        flex-direction: column;
    }
    .dashboard_wrapper .artwork_information .artwork_content .row .col1 {
        background: #f2f2f2;
    }
    
    
    
    .dashboard_wrapper .artist_information {
        flex-direction: column;
    }
    .dashboard_wrapper .artist_information .artist_content .row {
        flex-direction: column;
    }
    .dashboard_wrapper .artist_information .artist_content .row .col1 {
        background: #f2f2f2;
    }
}


/* Media Query ========================================================== */
@media screen and (max-width : 320px){

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

}
@media screen and (min-width : 481px) and  (max-width: 640px){

}
@media screen and (min-width : 641px) and (max-width : 768px){

}
@media screen and (min-width : 769px) and (max-width : 1024px){

}
@media screen and (min-width : 1025px) and (max-width : 1224px){

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

}


/* iphone ========================================================== */

/* iphone 3 -------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {

}
/* iphone 4 -------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 5 -------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 6, 6s -------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 7, 8 -------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 6+, 6s+, 7+, 8+ -------------------------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 

}
/* iphone X -------------------------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 

}


/* ipad ========================================================== */

/* For general iPad layouts -------------------------- */
@media only screen and (device-width: 768px) {

}
/* For portrait layouts only -------------------------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}
/* For landscape layouts only -------------------------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}


/* ipad pro ========================================================== */

/* Portrait and Landscape -------------------------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Portrait -------------------------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Landscape -------------------------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

}