/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/*Web ass*/
.overlay-content-inner .title{
    background-color: rgba(0, 133, 126, 0.01) !important;
}
.custom-title-title span,.post-breadcrumbs li,.hkusen-footer-box1 span{
    background-color: rgba(0, 0, 0, 0.01) !important;
}
.gem-gallery-grid.hover-default .gallery-item .overlay .title, .gem-gallery-hover-default .gem-gallery-item .gem-gallery-item-title{
    font-family: 'Reddit Sans' !important;
    font-size: 16px !important;
    text-transform: initial !important;
    font-weight: 300 !important;
}

/*goble*/
@media(min-width: 1212px){
	#main-content>.block-content>.container{
		width:auto;
      	max-width:1440px;
	}
    .thegem-template-header #main-content>.block-content>.container{
		width:auto;
      	max-width:1440px;
	}
    .container {
        width:auto;
        max-width:1440px;
    }
}

.block-content .panel-center {
    padding: 0;
}

.gem-button.gem-button-size-small{
	line-height:39px;
	height:40px; 
    padding-left: 30px;
    padding-right: 30px;
}
.page-id-24683 .gem-button.gem-button-size-small{
    line-height:40px;
    height: 40px;
}
.hkusen-long-button>a.gem-button{
	min-width:500px;
    height: auto;
    white-space: inherit;
}
.wpb_text_column ul li{
	padding-bottom: 16px;
}

.wpb_text_column ul{
	padding-left:16px;
}
body .hkusen-header-menu.thegem-te-menu{
    width: 830px!important;
    margin: 0 auto;
}

body .hkusen-development-menu .hkusen-header-menu.thegem-te-menu{
    width: 1280px !important;
    margin: 0px 40px!important;
}


/*element gem quote box */
.gem-quote.gem-quote-style-default:before {
    position: absolute;
    font-family: thegem-icons;
    font-style: normal;
    content: "\e60b";
    font-size: 76px;
    left: 45px;
    color: #e7ebee;
}
body .gem-quote.gem-quote-style-default:after{
    right: 45px;
}

body .gem-quote.gem-quote-style-default blockquote{
    font-size: 16px;
    line-height: 24px;
    padding:60px;
}

/* Custom breadcrumbs style */

.wpb_text_column .thegem-te-post-breadcrumbs ul li:before{
    display:none;
}
.wpb_text_column .thegem-te-post-breadcrumbs ul li{
    padding-right: 20px;
    padding-bottom: 0px;
    margin-right: 5px;
}

.wpb_text_column .thegem-te-post-breadcrumbs .post-breadcrumbs ul li:not(:last-child):after,
.wpb_text_column .thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li:not(:last-child):after{
    font-family: 'thegem-icons';
    content: '\e601';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    color: #ffffff;
}

/*element gem textbox */
.gem-textbox{
	margin-bottom:0px;
}

/*element info-box */
.hkusen-info-box{
	margin:auto;
}
/*element image box */
.gem-image.gem-wrapbox{
    margin-bottom: 0px;
}
.hkusen-info-box .gem-infotext__title .title-default,
.hkusen-info-box .gem-infotext__title .text-body-tiny,
.hkusen-info-box .gem-infotext__subtitle .title-default,
.hkusen-info-box .gem-infotext__subtitle .text-body-tiny,
.hkusen-info-box .gem-infotext__description .text-body-tiny
{
	font-family: "Reddit Sans bold 123" !important;
}

.hkusen-sp-info-box .gem-infotext__title,
.hkusen-sp-info-box .gem-infotext__subtitle{
	display:inline-block;
}


/*element gallery*/
.gem-gallery .gem-gallery-thumbs-navigation a:after{
	font-family: 'ElegantIcons';
    font-size: 80px;
}
.gem-prev:hover:after, .gem-next:hover:after{
	background-color:#00857e;
}

.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after{
	content:"5";
}

.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after{
	content:"4";
}

/*element accodrion*/
.hkusen-faq.vc_tta.vc_tta-style-outline .vc_tta-panel-body{
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body{
	padding-top:30px;
	padding-bottom:70px;
}
.hkusen-faq.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a
,.hkusen-faq.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a{
	color:#00857e;
}

.hkusen-faq.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading{
	background-color:#e7ecf0;
}

.hkusen-faq.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-controls-icon::before,
.hkusen-faq.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-controls-icon::after{
	border-color:#00857e;
}

.hkusen-faq.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active  .vc_tta-panel-heading{
	background: #ffffff;
}
.hkusen-faq.vc_tta.vc_tta-style-outline .vc_tta-panel-body,
.hkusen-faq.vc_tta.vc_tta-style-outline .vc_tta-panel-heading {
    border-width: 0;
}

.hkusen-faq.vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-body,
.hkusen-faq.vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-width: 1px;
}

/*homepage*/
.hkusen-hp-box-heading{
	font-family: "Reddit Sans light 123";
    font-weight: 100;
}
.hkusen-hp-box-heading-bold{
	font-family: "Reddit Sans bold 123";
    font-weight: 700;
}
.hkusen-icon-box-container{
    justify-content: center;
}
.hkusen-icon-box{
    max-width:212px;
	min-height:220px;
}
.block-content:last-of-type{
	padding-bottom:90px!important
}

div.hkusen-inner-row{
	max-width:1440px;
    margin:auto;
}

.hkusen-pride-of-hku .read-more-button .gem-button-container{
	float:right;
}

.hkusen-pride-of-hku .read-more-button .gem-button-container .gem-button{
  font-weight:200;
  font-size:16px;
  border:none;
}
.hkusen-pride-of-hku .caption{
	background-color:#fff !important;
  padding-right:30px !important;
}
.hkusen-pride-of-hku .caption .description {
	padding-right:30px !important;
}
.hkusen-pride-of-hku .gem-button-size-small{
	padding-left: 75px;
    padding-right: 75px;
  	margin:0px;
}

.portfolio-item{
	min-height:220px;
}
.portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .image .image-inner{
	aspect-ratio: 1 !important;
}
.portfolio-load-more{
  margin-top: 60px!important;
margin-bottom:90px!important;
}
.portfolio.news-grid#style-680b9ef .portfolio-item .wrap > .caption {
    width: 55%;
}
@media (max-width: 1199px) {
	body .site-main .wpb_row { margin-top: 0; }
	body .site-main .wpb_row > * { margin-top: 0; }
	body .site-main .row { margin-top: 0; }
	body .site-main .row > * { margin-top: 0; }
	body #colophon .row { margin-top: 0; }
	body #colophon .row > * { margin-top: 0; }
	form.comment-form .row { margin-bottom: 0; }
	form.comment-form .row > * { margin-top: 21px; }
}
@media(max-width: 1400px){
    .visual-margin{
        margin-top: 250px !important;
    }    
}

@media (min-width: 1024px) {
    .portfolio-grid.news-grid.list-style .portfolio-set .portfolio-item .wrap > .caption {
        width: 55% !important
    }
}

@media(max-width: 578px){
    .visual-margin{
        margin-top: 225px !important;
    }
    .mobile-text-center{
        text-align: center;
    }    
}
.custom-title-excerpt{
    text-transform: uppercase;
}
.quickfinder-style-classic.quickfinder-binded .inline-column{
    margin-bottom: 0;
}
.quickfinder-style-classic.quickfinder-binded .quickfinder-item-box{
    padding: 21px;
}
.quickfinder-style-iconed .quickfinder-item-box{
    padding: 50px 25px;
}
.quickfinder-style-iconed.quickfinder{
   padding: 60px 0 0 0;
}



.custom-block-hover.wpb_column:hover .vc_column-inner {
    background-color: #46485c !important;
    cursor: pointer;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.custom-block-hover.wpb_column:hover .light,
.custom-block-hover.wpb_column:hover .gem-icon-inner span {
    color: #ffffff !important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.custom-portfolio-icons .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.icon:before{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.custom-portfolio-icons .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.icon{
    margin-right: 8px;
}

/*footer*/

.hkusen-footer-box1.vc_col-sm-6{
	max-width:45%;
}
.hkusen-footer-box2.vc_col-sm-6{
	max-width:55%;
}
.hkusen-footer-box1 >.vc_column-inner>.wpb_wrapper{
	display:block;
}



.custom-button-margin a{
    margin-bottom: 0;
}
.gem-divider{
  margin: auto;
}
.gem-divider.gem-divider-left{
  float: left;
}
.custom-blue-divider.gem-divider{
    border-width: 2px;
    width: 50px;
}
.custom-blue-divider.gem-divider.align-center{
    margin: auto;
}
.overlay-position{
    position: relative;
    z-index: 10;
}
.gem-testimonial-image .img-circle {
    border-radius: 50%;
    border: 4px solid #fff;
}
#wrapbox .gem-wrapbox {
    margin-bottom: 0;
}
#wrapbox .gem-image-centered-box {
    margin-bottom: 0px;
}
.mc4wp-form-fields p:first-child {
    display: none;
}
.mc-text.small-body {
    color: #fff;
}
input#mc4wp_submit {
    color: #2c2e3d;
    background-color: #dfe5e8;
}
input#mc4wp_submit:hover {
    color: #fff;
    background-color: #2c2e3d !Important;
}
.mc4wp-form-fields span {
    color: #fff !important;
}
.vc_row.bg-left-bottom{
    background-position: left bottom !important;
}
.blue-solid-border:before{
    content: \'\';
    position: absolute;
    top: 60px;
    left: -60px;
    width: 100%;
    height: 100%;
    border: 12px solid #00bcd4;
}
.gem-icon.gem-icon-size-medium .gem-icon-half-1, 
.gem-icon.gem-icon-size-medium .gem-icon-half-2 {
    font-size: 36px;
}
.gem-icon-use-image img{
	width:62px;
  	height:62px;
}

/*header & footer*/
body .thegem-te-logo{
    padding-right: 5px !important;
    padding-left: 114px !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.thegem-te-menu .menu-toggle{
    float:right;
}
.hkusen-need-align-text p{
    text-align: center;
}
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable):focus > ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li:focus > .megamenu-template {
    visibility: visible;
    opacity: 1;
    transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
    transform: translateY(0);
}
.hkusen-mobile-only{
    display: none !important;
}
.hkusen-desktop-only{
    display: block !important;
}
.hkusen-desktop-only-flex{
    display: flex !important;
}
/*header & footer tablet */
#mobile-header{
    display: none;
}
@media (max-width: 1280px) {
    body .thegem-te-logo{
        padding-left:13px !important;
    }
   .hkusen-header-last-item{
	    padding-right:13px;
	}
    footer .fullwidth-block-inner .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    body .hkusen-footer-bottom{
        padding-right: 13px !important;
        padding-left: 13px !important;
    }
}

@media (max-width: 1024px) {
    #mobile-header{
        display: flex;
    }
    .hkusen-mobile-only{
        display: block!important;
    }
    .hkusen-desktop-only,.hkusen-desktop-only-flex{
        display: none !important;
    }
    /*
    .thegem-te-logo.mobile-view{
        left:155px !important;
    }*/
    .page div.hkusen-development-menu.vc_row.wpb_row{
        padding-top: 0px !important;
    }
    .page div.vc_row.wpb_row,.single-past-activity div.vc_row.wpb_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    h1.hkusen-hp-box-heading{
        font-size: 36px !important;
        text-align: left !important;
    }
    .wpb_text_column.wpb_content_element {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .hkusen-need-align-text p{
        text-align: left;
    }
    .hkusen-icon-list-inner-col .gem-image-centered-box{
        margin-bottom: 0px !important;
    }
    .single.single-post .wp-block-image{
       margin-bottom: 25px; 
    }

}
.hkusen-pdf .portfolio-item .thegem-template-loop-item{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding-top: 10px;
    padding-left:10px;
    padding-right:10px;
}
.hkusen-student .meta{
    word-break: normal;
    letter-spacing: 0px !important;
}
.hkusen-student .hkusen-student-yns .meta{
    font-style: italic;
}
.hkusen-student .gem-button-container{
    position: absolute;
    bottom: 8px;
    right: 0px;
}
.hkusen-hp-button .gem-button.gem-button-size-small{
    line-height: 39px;
    height: 40px;
}
.portfolio.news-grid .student-stories.portfolio-item .details .details-item:nth-child(2) .value{
    font-style: italic;
}

/* Accessibilty W02 update by Hugo */
.thegem-te-menu__default.desktop-view ul.nav-menu > li:not(.megamenu-template-enable):has(a:focus) > ul, .thegem-te-menu__default.desktop-view ul.nav-menu > li:has(a:focus) > .megamenu-template{
	visibility: visible;
    opacity: 1;
    transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
    transform: translateY(0);
}