/**
 * Theme Name:  Sonaar Child Theme - Ultimate Creative Music WP Theme
 * Theme URI:   https://sonaar.io/
 * Description: Sonaar is a complete solution for everybody in the music industry.
 *
 * Author:      Sonaar
 * Author URI:  https://sonaar.io
 *
 * Version:     1.0
 * Template:    sonaar
 * Text Domain: sonaar-child
 *
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */


/* =Theme customization starts here
-------------------------------------------------------------- */

/**Font CSS

font-family: poynter-oldstyle-display, serif;
font-weight: 400;

**/


@font-face {
    font-family: 'Helvetica Neue light';
    src: url('../font/HelveticaNeue-Light.eot');
    src: url('../font/HelveticaNeue-Light.eot') format('embedded-opentype'),
        url('../font/HelveticaNeue-Light.woff2') format('woff2'),
        url('../font/HelveticaNeue-Light.woff') format('woff'),
        url('../font/HelveticaNeue-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}


/**Webfont**/
.site-logo img{
    /*display: none;*/
	max-width:120px;
}

.site-logo:before{
    /*content:"932";*/
    font-family: 'Helvetica Neue light';
    font-style: normal;
    color: #787878;
    font-size: 65px;
}



/**Global CSS**/
body, 
.elementor-widget-text-editor{
    font-family: "Roboto", Sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
    color: #000!important;
    font-size: 20px!important;
    line-height: 30px!important;
}

.elementor-widget:not(:last-child){
    margin-bottom: 0!important;
}

.animated.animated-slow{
    animation-duration: 2.5s!important;
}

.elementor-heading-title {
    font-family: poynter-oldstyle-display, serif!important;
    font-weight: 600!important;
    font-style: normal!important;
    font-size: 36px!important;
    line-height: 30px!important;
    margin-bottom: 45px!important;
    letter-spacing: 0;
}

.home .elementor-heading-title {
    margin-bottom: 20px!important;
}

.elementor-widget-button .elementor-button,
.details-awards-button{
    background-color: transparent!important;
    color: #000!important;  
    font-family: "Roboto", Sans-serif!important;
    font-weight: 400!important;
    font-style: italic!important;
    font-size: 18px!important;
    line-height: 30px!important;
    padding-left: 0!important;
    margin-top: 5px!important;
    padding-bottom: 2px!important;
    padding-right: 0!important;
    border-radius: 0!important;
    transition: all 1s linear;
}

.details-awards-button{
    max-width: 55px;
    max-height: 30px;
}

.details-awards-button .pp-offcanvas-toggle{
    padding: 0!important;
    border: 0!important;
    background-color: transparent!important;
    font-style: normal!important;
}

.details-awards-button .pp-offcanvas-toggle:hover{
    border: 0!important;
}

.elementor-widget-button .elementor-button:hover{
    padding-right: 4px!important;
    border-color: #000;
}

.wpcf7-form-control.wpcf7-submit:hover,
.gform_footer button.nectar-button:hover{
    border-color: #000;
} 

.elementor-widget-button .elementor-button:after,
.wpcf7-form-control.wpcf7-submit:after,
.gform_footer button.nectar-button:after{
    content:'';
    background: url('../image/arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    left: 1px;
    bottom: 0px;
    transition: transform 1s linear;
    height: 0.75em;
    transform: translateX(0px) scaleX(-1);
    width: 0.75em;
}

.wpcf7-form-control.wpcf7-submit:after,
.gform_footer button.nectar-button:after{
    left: 5px;
}

.elementor-widget-button .elementor-button:hover:after,
.wpcf7-form-control.wpcf7-submit:hover:after,
.gform_footer button.nectar-button:hover:after{
    transform: translateX(5px) scaleX(-1);
}

.elementor-editor-hide{
    display: none;
}

.ocs-close--all + #ocs-awards, .ocs-close--all ~ #ocs-details{
    opacity: 1;
}

#ocs-awards, #ocs-details{
    opacity: 0;
    transition: all 1s linear;
}

header .menu-language-menu-container a,
.elementor-button,
footer a,
.view-pdf-btn,
.details-awards-button {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 2px;
    transition: all 1.3s linear;
}

header .menu-language-menu-container a{
    border-bottom: none;
}

header .menu-language-menu-container a:hover{
    color: #787878;
}

.elementor-button:hover,
footer a:hover,
.view-pdf-btn:hover,
.details-awards-button:hover {
    border-bottom: 1px solid #000!important;
}

.wpcf7-form .upload-btn {
    color: #000!important;
    font-family: "Roboto", Sans-serif!important;
    font-weight: 400!important;
    font-style: italic!important;
    font-size: 18px!important;
    line-height: 30px!important;
    padding-left: 0!important;
    margin-top: 28px!important;
    padding-bottom: 2px!important;
    padding-right: 0!important;
    border-radius: 0!important;
    transition: all 1s linear;
    letter-spacing: 0;
    text-transform: capitalize;
    border-bottom: 1px solid #b7b7b7!important;
    outline: none;
    margin-left: 0;
    min-height: unset;
    height: auto;
    box-shadow: none;
    border-style: unset;
    background-color: transparent;
    width: 100%;
    text-align: left;
    padding-left: 12px!important;
  }
  

  input[type=file]:not(.medium) {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    margin-top: -70px;
  }

  input[type=file].medium{
    position: absolute;
    font-size: 100px;
    opacity: 0;
    margin-top: 0;
    z-index: 9999; 
  }

    .ginput_container_fileupload:after{
    content: "Upload A File";
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 15px;
    border-bottom: 1px solid #b7b7b7!important;
    padding: 0 11px;
    font-family: "Roboto", Sans-serif!important;
    font-style: italic;
    font-size: 18px;
    color: #000;
}

input[type=file].medium:hover,
.ginput_container_fileupload:hover:after{
  cursor: pointer!important;
}

#extensions_message_1_8.show{
    display: block;
    position: relative!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    clip-path: none;
    padding: 0 14px;
}

input[type=file].medium.extend{
    margin-top: 38px;
}

input[type=file].medium.extend-more{
    margin-top: 65px;
}

  .gform_wrapper .gfield_required{
      color: #000000!important;
  }

  .gform_wrapper .validation_message{
    font-size: 18px;
    padding: 0 13px;
  }

footer a{
    padding-bottom: 3px;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding: 0;
}

.sonaar-menu-box .side-menu.righttype{
    right: 0;
}

.subpage-heading .elementor-heading-title{
    font-size: 60px!important; 
    line-height: 60px!important;
    margin-bottom: 30px!important;  
}

.subpage-title h2{
    font-size: 48px!important;
    line-height: 30px!important;
    margin-bottom: 25px!important;
}

.hidden{
    visibility: hidden;
}

.elementor-widget-sr-revslider .hermes .tp-bullet{
    box-shadow: inset 0 0 0 1px #8c8c8c!important;
}

#pusher-wrap, #pusher,
.pjax-container{
    transition: .5s linear;
}

#overlay{
    background-color: #d0cfcd!important;
}
/**END**/


/**Header**/
.sonaar-menu-box .side-menu.righttype{
    opacity: 0;
    transition: 1.3s linear!important;
    width: 500px;
    z-index: 0;
}

.sonaar-menu-box .side-menu.righttype.open{
    opacity: 1;
    z-index: 9999;
}

.sonaar-menu-box .menu-toggle span{
    height: 2px;
    background-color: #787878;
    transition: .7s linear!important;
}

.sonaar-menu-box .menu-toggle span:nth-child(0n+2){
    display: none;
}

.sonaar-menu-box .menu-toggle:not(.toggled) span{
    transition: .7s linear!important;
}

.sonaar-menu-box .nav-menu li a{
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    transition: all 1.3s linear;
}

.sonaar-menu-box .nav-menu li.current-menu-item a{
    font-family: "Roboto", Sans-serif;
    font-weight: 700;
    font-style: normal;
}

.sonaar-menu-box .nav-menu li a:hover{
    color: #787878!important;
}

#pusher-wrap #wrapper{
    background-color: #d0cfcd;
}
.site-logo.righttype{
    left: 92px;
}

.sonaar-menu-box .menu-toggle.righttype{
    right: 96px;
}


.sonaar-menu-box .menu-toggle.righttype:not(.toggled):hover .svgfill:first-child{
    transform: translateY(-2px); 
}

.sonaar-menu-box .menu-toggle.righttype:not(.toggled):hover .svgfill:last-child{
    transform: translateY(2px);     
}

.sonaar-menu-box .nav-menu li{
    text-align: left;
    margin-bottom: 50px;
}

.nav-holder{
    margin-top: 195px;
    padding-left: 120px;
}

.site-logo.righttype, .site-logo.lefttype,
.sonaar-menu-box .menu-toggle{
    top: 102px;
}

.sonaar-menu-box .menu-toggle{
    top: 100px;
}

.search-results article .elementor{
    display: none;
}

header .menu-language-menu-container{
    right: 83px;
    position: relative;
    top: 94px;
    z-index: 2004;
}

header .menu-language-menu-container ul{
    position: absolute;
    right: 60px;
    margin: 0;
    width: auto;
}

header .menu-language-menu-container li{
    list-style: none;
    display: inline-block;
}

header .menu-language-menu-container li:not(:last-child){
    padding-right: 40px;
}

header .menu-language-menu-container a{
    font-size: 18px;
}

.fadeInUp{
    animation-name: fadeUp!important;
}

.site-logo.fadeInUp,
.menu-toggle.fadeInUp{
    animation-delay: 3s!important;
    animation-duration: 3s;
}

header .menu-language-menu-container li{
    animation-name: fadeUp;
    animation-delay: 3s!important;
    animation-duration: 3s;
}

.opacityzero{
    transition: all 2s linear;
}

.sonaar-menu-box .menu-toggle span:nth-child(0n+1){
    top: 3px;
}

.sonaar-menu-box .menu-toggle span:nth-child(0n+3){
    top: 14px;
}

.sonaar-menu-box .menu-toggle span{
    height: 1.5px;
    width: 31px;
}

.sonaar-menu-box .menu-toggle.toggled span{
    height: 1px;
    background-color: #787878!important;
}

.is-search-input{
    background-color: transparent!important;
    border: none!important;
    border-bottom: 1px solid #b7b7b7!important;
    padding-left: 25px!important;
    font-family: "Roboto", Sans-serif!important;
    font-weight: 400;
    font-size: 16px;
    color: #6d6d6d;
    padding-bottom: 10px!important;
}

.is-search-submit{
    position: absolute;
    left: 135px;
    background-color: transparent;
    border: none;
}

.is-search-icon{
    background: none!important;
    border: none!important;
    box-shadow: none;
}

.is-search-form{
    padding-left: 20px;
}

.is-search-icon svg{
    display: none;
}

.is-search-icon:before{
    content: "";
    background: url('../image/search-icon.png');
    width: 18px;
    height: 19px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    top: 5px;
}

.pp-offcanvas-content-open{
    overflow: auto!important;
}

.pp-offcanvas-content.pp-offcanvas-content-right{
    opacity: 0;
    transform: none!important;
    transition: all 1.3s linear;
}

.pp-offcanvas-content-slide.pp-offcanvas-content-open .pp-offcanvas-content.pp-offcanvas-content-visible{
    opacity: 1;
}
/**END**/

/**Body**/
/**HomePage**/
body.home .home-slider-row,
body.page-home.lang-zh-CN .home-slider-row{
    margin-top: -192px!important;
}

/* body.home .elementor-widget-video .elementor-widget-container,
body.home .elementor-widget-video .elementor-video{
    height: 100vh;
} */
/**END**/

/**Subpage**/
body:not(.home) #pusher-wrap #wrapper{
    padding-top: 265px;  
}

body.page-home.lang-zh-CN #pusher-wrap #wrapper{
    padding-top: 130px;
}

/**Philosophy**/
.philosophy-last-row .elementor-text-editor p{
    margin-top: 0;
}

.louis-nizer-text{
    font-family: poynter-oldstyle-display, serif!important;
    font-size: 27px!important;
    line-height: 37px!important;
}

.louis-nizer-text strong{
    font-weight: 600;
    font-size: 27px!important;
    line-height: 37px!important;
    position: relative;
    left: 10px;
}

.louis-nizer-text strong:before{
    content: "-";
    font-weight: 600;
    margin-right: 6px;
    font-family: Lato;
}

.louis-nizer-text p{
    margin-bottom: 0;
}

.louis-nizer-name p{
    margin-top: 5px;
}
/**END**/

/**Profile**/
.profile-text{
    max-width: 970px;
}

.profile-text p{
    margin-bottom: -5px;
}
/**END**/


/**Accolades**/
.awards-list p{
    margin: 0;
    line-height: 26px!important;
}

.awards-list .elementor-text-editor{
    margin-bottom: 28px!important;
}

.accolade-year p{
    font-family: poynter-oldstyle-display, serif!important;
    font-weight: 600;
    font-size: 30px;
    line-height: 28px;
}
/**END**/

/**Projects**/
#pt-cv-view-47f603b2ov .pt-cv-ctf-list, #pt-cv-view-47f603b2ov .pt-cv-ctf-column{
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: left;
}

#pt-cv-view-47f603b2ov .pt-cv-ctf-list .pt-cv-custom-fields{
    margin-top: 0;
}

#pt-cv-view-47f603b2ov .pt-cv-ctf-value{
    font-size: 14px;
    padding-left: 14px;
    opacity: 0;
    transition: all 1.3s linear;
}

#pt-cv-view-47f603b2ov .pt-cv-content-item:hover .pt-cv-ctf-value{
    opacity: 1;
}

#pt-cv-view-47f603b2ov.pt-cv-colsys{
    margin-left: 0!important;
}

.pt-cv-ctf-white_text *{
    color: #fff;
}

.pt-cv-ctf-black_text *{
    color: #000;
}

.project-cv-text .elementor-text-editor > p{
    display: none;
}

#pt-cv-view-47f603b2ov .hide-acf{
    display: none;
}

#pt-cv-view-47f603b2ov .cv-pro-image-link-div{
    margin-bottom: 0;
}

#pt-cv-view-47f603b2ov .cv-pro-image-link-div{
    transition: all 1.3s linear;
    filter: grayscale(1);
}

#pt-cv-view-47f603b2ov .cv-pro-image-link-div:hover{
    filter: grayscale(0);
}   
/**END**/

/**Inner Projects**/
article.type-projects{
    margin-top: -120px;
}

article.type-projects .elementor-heading-title{
    font-size: 30px!important;
}

article.type-projects .elementor-widget-text-editor a{
    font-size: 14px!important;
}

.details-awards-inner-row > .elementor-container{
    max-width: 260px!important;
    margin-right: 0!important;
}

#rev_slider_7_1_wrapper .tp-bullet{
    box-shadow: inset 0 0 0 1px #a4a3a1!important;
}

.details-awards-inner-row .elementor-column-wrap{
    padding-top: 0!important;
}

.details-awards-button{
    margin-top: 0!important;
}

.details-awards-inner-row{
    left: 10px;
}

.pp-offcanvas-widget-title{
    font-family: poynter-oldstyle-display, serif!important;
    font-weight: 600!important;
    font-style: normal!important;
    font-size: 30px!important;
    line-height: 30px!important;
    margin-bottom: 45px!important;
    letter-spacing: 0;
}

.acf-details{
    display: block;
}

.acf-value{
    margin-left: 10px;
}

.acf-details.hide{
    display: none;
}

.project-details{
    margin-top: 35px;
}

.acf-awards p, .project-details p{
    margin-bottom: 28px;
}

.pp-offcanvas-content:nth-child(2).pp-offcanvas-close i{
    color: #fff!important;
}

.pp-offcanvas-content:first-child .pp-offcanvas-close i::before{
    content: "";
    background: url("../image/close-icon-white.png");  
    width: 19px;
    height: 19px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}

.pp-offcanvas-content:nth-child(2) .pp-offcanvas-close i::before{
    content: "";
    background: url("../image/close-icon.png");
    width: 19px;
    height: 19px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}

.elementor-widget-pp-offcanvas-content .pp-offcanvas-toggle{
    font-family: "Roboto", Sans-serif!important;
}
/**END**/

/**Publications**/
.publications-title{
    font-family: poynter-oldstyle-display, serif!important;
    font-weight: 400!important;
    font-style: italic!important;
}

.view-pdf-btn{
    font-family: "Roboto", Sans-serif!important;
    font-weight: 400!important;
}

.mobile-publications-row .elementor-image-box-img a{
    pointer-events: none;
}

/**END**/

/**Contact Us**/
.contact-info h3,
.wpcf7-form label,
body .gform_wrapper label.gfield_label{
    font-family: poynter-oldstyle-display, serif!important;
    font-weight: 600!important;
    font-size: 30px;
    line-height: 24px;
    color: #000;
    margin-top: 0;
    margin-bottom: 28px;
    letter-spacing: 0.5px;
    display: block;
}

body .gform_wrapper label.gfield_label{
    margin-bottom: 0;
}

.wpcf7-form label{
    margin-bottom: 0px;
}

.contact-info p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
    display: block;
}

.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit),
body .gform_wrapper .top_label .ginput_container .medium{
    width: 100%!important;
    background: none!important;
    border: none;
    border-bottom: 1px solid #b7b7b7;
    font-family: "Roboto", Sans-serif!important;
    outline: none;
    font-size: 18px;
    line-height: 24px;
    transition: all 2s linear!important;
    color: #000;
    padding: 10px 12px!important;
    font-size: 18px;
}

body .gform_wrapper .top_label .ginput_container select.medium{
    padding: 10px 7px!important;
}

body .gform_wrapper ul li.gfield{
    margin-bottom: 40px;
}

.wpcf7-form .wpcf7-form-control:focus,
.ginput_container .medium:focus{
    border-bottom: 1px solid #000!important;
}

.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7-quiz{
    display: block; 
    margin-top: 28px;
}


.wpcf7-form-control.wpcf7-submit,
.gform_footer button.nectar-button{
    background-color: transparent!important;
    color: #000!important;
    font-family: "Roboto", Sans-serif!important;
    font-weight: 400!important;
    font-style: italic!important;
    font-size: 18px!important;
    line-height: 30px!important;
    padding-left: 0!important;
    margin-top: 5px!important;
    padding-bottom: 2px!important;
    padding-right: 0!important;
    border-radius: 0!important;
    transition: all 1s linear;
    letter-spacing: 0;
    text-transform: capitalize;
    border-bottom: 1px solid #b7b7b7;
    outline: none; 
    margin-left: 0;
    min-height: unset;
    height: auto;
    min-width: 100px;
    padding: 4px;
}

.wpcf7 .screen-reader-response{
    display: none;
}

.wpcf7-form > p{
    margin-bottom: 40px;
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{
    border-top: none;
    border-left: none;
    border-right: none;
}

body .gform_wrapper li.gfield_error .gfield_required{
    color: #790000!important;
}

body .wpcf7-not-valid-tip{
    border: none;
    border-bottom: 1px solid;
    background: none;
}

button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

body .gform_wrapper .top_label div.ginput_container{
    margin-bottom: 20px;
    margin-top: 20px;
}
/**END**/

/**Footer**/
#footer .container{
    max-width: 1761px;
}

#footer{
    background-color: #d1cfcd;
}

.footer-wrapper-backtotop{
    transition: opacity 1s linear, bottom 1.5s linear;
    bottom: 115px!important;
    right: 85px;
}

.footer-wrapper-backtotop i:before{
    content: "";
    background: url("../image/arrow.svg");
    width: 9px;
    height: 14px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.75em;
    transform: translateY(0px) rotate(90deg);
    transition: all 1s linear;
}

.footer-wrapper-backtotop i:hover:before{
    transform: translateY(-5px) rotate(90deg);
}

footer .social-media-col *{
    font-size: 16px;
    margin: 3px 0;
}

footer .copyright-col *,
footer .menu-col *{
    font-size: 14px;
}

.social-media-col{
    max-width: 380px;
}

.menu-col a{
    margin-right: 50px;
}

.copyright-col{
    width: 100%;
}

.copyright-col p{
    line-height: 18px;
}
/**END**/

/**Search Results**/
.search.search-results .page-title h1{
    font-family: poynter-oldstyle-display, serif!important;
    font-weight: 600!important;
    font-style: normal!important;
    font-size: 48px!important;
    line-height: 30px!important;
    margin-bottom: 40px!important;
}

/**Music Player**/
#sonaar-player{
    visibility: visible;
    height: 40px;
    transform: translate3d(0, 40px, 0);
}

.continuousPlayer-enable .pjax-container{
    padding-bottom: 0!important;
}

#sonaar-player .player .wavesurfer .wave-custom,
#sonaar-player .control .previous,
#sonaar-player .control .next,
#sonaar-player .wavesurfer,
#sonaar-player .shuffle{
    display: none!important;
}

#sonaar-player .player .control .play{
    right: 0;
    width: 100vw;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999999;
    left: 0;
    transition: all 2s linear;
    opacity: 1;
}

#sonaar-player .player .control .play.audio-playing{
    height: 100%!important;
    opacity: 1!important;
    display: block!important;
}

#sonaar-player .playerNowPlaying{
    width: auto;
    visibility: hidden;
}

#sonaar-player .player{
    border:none;
    height: 40px;
}

#sonaar-player .player .player-row{
    height: 40px;
}

#sonaar-player .player,
#sonaar-player .store,
#sonaar-player .player .wavesurfer .volume .slider-container,
#sonaar-player{
    background-color: transparent!important;
}


#sonaar-player .close.btn-player{
    bottom: 40px;
}

#sonaar-player .close.btn-player.enable,
#sonaar-player .close.btn-player{
    height: 21px;
    width: 23px;
}

#sonaar-player .player .control .play svg{
    height: 14px;
    left: 49.6%;
}

#sonaar-player .control path,
#sonaar-player .control rect{
    fill: #787878!important;
}

#sonaar-player .close.btn-player.enable:before,
#sonaar-player .close.btn-player.enable:after,
#sonaar-player .close.btn-player .audioBar{
    height: 12px;
    left: 11px;
}

#sonaar-player .close.btn-player .audioBar{
    height: 14px;
    left: 3px;
}
/**END**/

/**Chinese Pages**/
.lang-zh-CN .contact-info h3, .lang-zh-CN .wpcf7-form label{
    font-size: 26px;
}

body.page-cn-home #pusher-wrap #wrapper{
    padding-top: 150px;
}
/**END**/

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {display: none;}

/** Mobile Responsive**/
@media(min-width: 1921px){
    #footer .container{
        max-width: 95%;
    }
}

@media(min-width: 1100px){
    #footer .menu-footer-menu-container > ul,
    #footer .menu-footer-menu-container > ul > li,
    #footer .menu-footer-menu-chinese-container > ul,
    #footer .menu-footer-menu-chinese-container > ul > li{
        display: inline-block;
        width: auto;
		float:right;
    }
}

@media only screen and (min-height: 800px){
    #wrapper, .container {
        min-height: unset;
    }
}

@media(max-width: 1720px){
    .details-awards-inner-row {
        left: -65px;
    }
}

@media(max-width: 1600px){
    #footer .container{
        max-width: 91.333%;
    }

    .footer-wrapper-backtotop{
        right: 47px;
    }

    .elementor-section.elementor-section-height-full{
        height: 85vh!important;
    }

    .contact-info-col .elementor-column-wrap{
        padding-left: 0!important;
    }
}

@media(max-width: 1440px){
    .elementor-23 .elementor-element.elementor-element-ee94b0b{
        padding: 0px 0px 90px 0px;
    }
}


@media(max-width: 1280px){
    /**Font Size**/
    .elementor-heading-title{
        font-size: 30px!important;
        line-height: 28px!important;
        margin-bottom: 20px!important;
    }

    body, .elementor-widget-text-editor{
        font-size: 18px!important;
        line-height: 28px!important;    
    }

    .elementor-widget-button .elementor-button{
        font-size: 17px!important;
        line-height: 29px!important;
    }

    .louis-nizer-text strong{
        font-size: 17px!important;
        line-height: 27px!important;
    }

    .contact-info h3, .wpcf7-form label{
        font-size: 22px;
    }

    .lang-zh-CN .contact-info h3, .lang-zh-CN .wpcf7-form label{
        font-size: 20px;
    }
}

@media(max-width: 1100px){
    .home .elementor-section.elementor-section-height-full{
        height: auto!important;
    }

    .sr_it-padtop{
        padding-top: 90px;
    }

    #footer .menu-footer-menu-container > ul{
        display: inline-block;
        width: 100%;
    }

    #footer .menu-footer-menu-container > ul > li{
        display: inline-block;
        width: 48%;
    }
}

@media(max-width: 1024px){
    body:not(.home) #pusher-wrap #wrapper{
        padding-top: 100px;
    }

    .site-logo.righttype{
        left: 6%;
        top: 60px;
        z-index: 999;
    }

    .sonaar-menu-box .menu-toggle.righttype{
        right: 6%;
        top: 60px;
    }

    header .menu-language-menu-container{
        right: 6%;
        top: 58px;
    }

    body.home .home-slider-row{
        margin-top: -102px!important;
    }

    .nav-holder{
        margin-top: auto;
    }

    .side-menu .content-menu{
        transform: none!important;
    }

      /**Font Size**/
      .elementor-heading-title{
        font-size: 28px!important;
        line-height: 26px!important;
        margin-bottom: 18px!important;
    }

    body, .elementor-widget-text-editor{
        font-size: 16px!important;
        line-height: 27px!important;    
    }

    .elementor-widget-button .elementor-button{
        font-size: 16px!important;
        line-height: 28px!important;
    }

    .subpage-title h2{
        font-size: 42px!important;
        line-height: 24px!important;
        margin-bottom: 24px!important;
    }

    .contact-info h3, .wpcf7-form label{
        font-size: 20px;
    }

    .lang-zh-CN .contact-info h3, .lang-zh-CN .wpcf7-form label{
        font-size: 18px;
    }

    .accolade-year p{
        font-size: 24px;
        line-height: 22px;
    }

    .subpage-heading .elementor-heading-title{
        font-size: 54px!important; 
        line-height: 54px!important;
        margin-bottom: 30px!important;  
    }
    /**END**/

    #footer .social-media-col .elementor-column-wrap,
    #footer .copyright-col .elementor-column-wrap,
    #footer .menu-col .elementor-column-wrap{
        padding-left: 3px;
    }

    .footer-wrapper-backtotop{
        right: 35px;
    }

    .nav-holder{
        padding-left: 44px;
    }

    .is-search-submit{
        left: 56px;
    }

    .philosophy-last-row .elementor-text-editor p{
        margin-bottom: 0;
    }

    .louis-nizer-text p{
        margin-top: 0;
    }

    .elementor-section.elementor-section-height-full{
        height: auto!important;
    }

    .footer-wrapper-backtotop{
        bottom: 35px!important;
    }

    .louis-nizer-text strong{
        left: 0;
    }

    .accolade-year.hidden{
        display: none;
    }

    .awards-list .elementor-text-editor{
        margin-bottom: 18px!important;
    }

    .award-list-row:last-child .awards-list:last-child .elementor-text-editor{
        margin-bottom: 0px!important;
    }

    .elementor-image-box-title{
        font-family: poynter-oldstyle-display, serif!important;
        font-weight: 400!important;
        font-style: italic!important;
    }
    
    .elementor-image-box-title span{
        line-height: 28px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 17px;
        border-color: rgb(0, 0, 0) rgb(0, 0, 0) rgb(183, 183, 183);
        border-style: none none solid;
        border-width: 0px 0px 1px;
        border-radius: 0px;
        padding: 0px 0px 2px;
        color: rgb(0, 0, 0);
        text-decoration: none;
        white-space: normal;
        width: 76px;
        font-style: normal!important;
    }

    article.type-projects .elementor-image-gallery .gallery-item{
        margin-bottom: 62px;
    }

    article.type-projects .elementor-image-gallery .gallery {
            margin-bottom: 0;
    }

    .single .container{
        padding-bottom: 0!important;
    }

    .details-awards-inner-row{
        left: -30px;
    }

    .pp-offcanvas-content{
        width: 100%!important;
    }

    .contact-info-col .elementor-column-wrap{
        padding-left: 62px!important;
    }

    .mobile-publications-row .elementor-widget-image-box:last-child .elementor-image-box-title{
        margin-bottom: 0;
    }

    #sonaar-player{
        visibility: visible;
    }

    #pt-cv-view-47f603b2ov .pt-cv-ctf-value{
        opacity: 1;
    }

    #pt-cv-view-47f603b2ov .pt-cv-ctf-list, #pt-cv-view-47f603b2ov .pt-cv-ctf-column{
        bottom: 7px;
    }

    #pt-cv-view-47f603b2ov .cv-pro-image-link-div a{
        pointer-events: none;
    }

    .track-album{
        display: none!important;
    }
}

@media(max-width: 1000px){
    .site-logo.righttype{
        left: 8%;
        top: 60px;
    }

    .sonaar-menu-box .menu-toggle.righttype{
        right: 8%;
        top: 60px;
    }

    #footer .container{
        max-width: 87.333%;
    }

    .video-section{
        margin-top:0!important;
        margin-bottom: 0!important;
    }

    .sonaar-menu-box .side-menu{
        background-color: #d1cfcd!important;   
    }

    #sonaar-player .player .control{
        width: 100%;
    }
}

@media(max-width: 768px){
    .footer-wrapper-backtotop{
        bottom: 35px!important;
    }

    article.type-projects{
        margin-top: 0;
    }
    
    #menu-trigger{
        max-height: 35px;
    }
}

@media(max-width: 767px){
    /**Font Size**/
    .elementor-heading-title{
        font-size: 26px!important;
        line-height: 24px!important;
        margin-bottom: 16px!important;
    }

    body, .elementor-widget-text-editor{
        font-size: 16px!important;
        line-height: 26px!important;    
    }

    .elementor-widget-button .elementor-button{
        font-size: 16px!important;
        line-height: 27px!important;
    }

    .subpage-title h2{
        font-size: 40px!important;
        line-height: 22px!important;
        margin-bottom: 22px!important;
    }

    .accolade-year p{
        font-size: 22px;
        line-height: 20px;
    }

    .subpage-heading .elementor-heading-title{
        font-size: 52px!important; 
        line-height: 52px!important;
        margin-bottom: 0px!important;  
    }

    .contact-info h3, .wpcf7-form label{
        font-size: 18px;
    }

    .lang-zh-CN .contact-info h3, .lang-zh-CN .wpcf7-form label{
        font-size: 16px;
    }
    /**END**/

    .sonaar-menu-box .menu-toggle.righttype{
        right: 36px;
        top: 60px;
    }
    
    .site-logo.righttype {
        left: 36px;
    }

    .nav-holder{
        margin-top: 40px;
    }

    #footer ul{
        padding-left: 0px!important;
    }

    #footer .social-media-col .elementor-column-wrap,
    #footer .copyright-col .elementor-column-wrap{
        padding: 8px 0 0 0 ;
    }

    #footer .menu-col .elementor-column-wrap{
        padding-left: 10px;
    }

    body #pt-cv-view-47f603b2ov .pt-cv-content-item{
        padding: 0!important;
    }

    body:not(.home) #pusher-wrap #wrapper{
        padding-top: 160px;
    }

    .nav-holder{
        padding-left: 15px;
    }

    .is-search-submit{
        left: 28px;
    }    

    .footer-wrapper-backtotop{
        right: 35px;
    }

    #menu-trigger{
        max-height: 32px;
    }

    .sonaar-menu-box .menu-toggle span{
        width: 28px;
    }

    .video-section{
        margin-top:0!important;
        margin-bottom: 0!important;
    }

    #footer .container{
        max-width: 88.333%;
    }

    .elementor-23 .elementor-element.elementor-element-ee94b0b{
        padding: 0px 0px 15px 0px!important;
    }

    .menu-col{
        margin-top: -25px;
    }

    .footer-wrapper-backtotop{
        bottom: 27px!important;
    }

    #footer .menu-footer-menu-container > ul{
        margin-bottom: 6px;
    }

    .project-cv-text .pt-cv-thumbnail{
        margin-bottom: 35px!important;
    }

    .project-cv-text .pt-cv-content-item:last-child .pt-cv-thumbnail{
        margin-bottom: 5px!important;
    }

    article.type-projects .elementor-image-gallery .gallery-item{
        margin-bottom: 35px;
    }

    .single-projects .boxed{
        margin-top: 0;
    }

    .details-awards-inner-row{
        left: -10px;
    }

    .contact-info-col .elementor-column-wrap{
        padding-left: 35px!important;
    }
    
    .contact-info-col:last-child .contact-info:last-child p{
        margin-bottom: 9px;
    }

    .mobile-publications-row .elementor-image-box-img{
        margin-bottom: 0!important;
    }

    #pt-cv-view-47f603b2ov .pt-cv-ctf-list, #pt-cv-view-47f603b2ov .pt-cv-ctf-column{
        bottom: 22px;
    }

    #pt-cv-view-47f603b2ov .pt-cv-content-item:last-child .pt-cv-ctf-list{
        bottom: -8px!important;
    }



}

.filename{
    font-family: "Roboto", Sans-serif!important;
    outline: none;
    font-size: 18px;
    line-height: 24px;
    transition: all 2s linear!important;
    transition-property: all !important;
    transition-duration: 2s !important;
    transition-timing-function: linear !important;
    transition-delay: 0s !important;
    color: #000;
    font-weight: 400;
    margin-left: 40px;
}
div#loftloader-wrapper {
    display: none !important;
}
/**Animation**/
@keyframes fadeUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 1rem, 0); }
    75% {
      opacity: 0.75;
      transform: translate3d(0, 0, 0); }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0); } }