/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Jolanda
Author URI: https://www.qiuarchitecture.com/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*SMART SLIDER 3, BUTTON FOCUS*/
.n2-style-131d9c3ffe9f42ce272dc9b9ea26a7e7-heading  .n2-ow QIUmyButton:focus {
	background-color:#ffffff;
}


/*HOMEPAGE SLIDER, CN LANGUAGE HERO SH1 SLIDER TEXT HIDE-1*/
.SH1 {
	display:none;
   }

/*HOMEPAGE SLIDER, CHINESE LANGUAGE HERO SB1 SLIDER TEXT BOLD-1*/
.SB1 {
	font-weight: 550 ;
   }

/*OMIT BOX AROUND MENU IN FOCUS*/
a:focus { 
outline: 0 !important; 
}


/*HEADER SITE, LOGO*/
#site-logo #site-logo-inner a img {
	height: 40px;
}


/*HEADER SITE LOGO HOVER EFFECT REMOVE*/
#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}





/*HEADER DROP DOWN MENU*/
.dropdown-menu ul li a.menu-link {
	font-family:inter;
	color:#ffffffA6;
	font-size: 14px;
	font-weight: 200 !important;	
	text-shadow: 0.5px 0.1px 2px rgb(0 0 0 / 20%);
}



/*CUSTOM SCROLLBAR*/
/* width */
::-webkit-scrollbar {
  	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  	background: rgba(255,255,255,0.9);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  	background: #282828; 
  	box-shadow: inset 0 0 5px black;
	border: 3px solid white;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  	background: #000000; 
}








/*FOOTER PRIVACY POLICY, BOLD WHEN HOVER*/
.elementor-65 .elementor-element.elementor-element-i1nfi56 a:hover {
	font-weight:600 !important;
}


.elementor-65 .elementor-element.elementor-element-767f7b6 .elementor-divider {
	width: 100vw;
 	position: relative;
 	margin-left: -50vw;
 	left: 50%;
}



/*COOKIE LAYOUT*/
div#ocn-cookie-wrap {
    border-top: 1px solid #ffffff  !important;
    border: unset;
}


/*COOKIE NOTICE, PRIVACY POLICY LINK HOVER COLOUR*/
div#ocn-cookie-wrap a {
    color: #bcbcbc;
}

/*COOKIE NOTICE, PRIVACY POLICY LINK HOVER COLOUR*/
div#ocn-cookie-wrap a:hover {
    color: white;
}





/*HEADER HOMEPAGE SITE, BACKGROUND GRADIENT*/
.page-id-834 #site-header.transparent-header {
	border-bottom: 0px solid rgba(255,255,255,0.8) !important;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.01) )!important;
}


/*HEADER CONTACT SITE, BACKGROUND GRADIENT*/
.page-id-17 #site-header.transparent-header {
	border-bottom: 0px solid rgba(255,255,255,0.8) !important;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.01) )!important;
}




/*HEADER SITE, BACKGROUND GRADIENT*/
#site-header.transparent-header {
	border-bottom: 0px solid rgba(255,255,255,0.8) !important;
}



/*STICKY HEADER HOMEPAGE SITE, BACKGROUND GRADIENT*/
.page-id-834 .is-sticky #site-header {
    border-bottom: 0.2px solid#D3D3D3 !important;
    background: rgba(255,255,255,0.8)!important;
}


/*STICKY HEADER, BOTTOM LINE + TRANSPARENT WHITE BACKGROUND*/
.is-sticky #site-header {
    border-bottom: 0.2px solid#D3D3D3 !important;
    background: rgba(255,255,255,0.8)!important;
} 




/*PORTFOLIO, TEXT MENU STAY ACTIVE*/
.single-ocean_portfolio li#menu-item-1459 a.menu-link {
	color:#ffffff;
 	font-weight: 600;
}





/*PORTFOLIO, TEXT STICKY MENU STAY ACTIVE*/
.single-ocean_portfolio .is-sticky #site-navigation-wrap li#menu-item-1459 a.menu-link {
	color:#000000!important;
	font-weight: 600;
}


/*NEWS, TEXT MENU STAY ACTIVE*/
.single-post li#menu-item-1460  a.menu-link {
	color:#ffffff;
	font-weight: 600;
}


/*NEWS, TEXT STICKY MENU STAY ACTIVE*/
.single-post .is-sticky #site-navigation-wrap li#menu-item-1460 a.menu-link {
	color:#000000!important;
	font-weight: 600;
}







/*STUDIO, TEXT MENU TRANSPARENT/WHITE BACKGROUND*/
.page-id-13 #site-header.transparent-header {
    background: rgba(0,0,0,0.0) !important;
}

/*STUDIO, MENU HEADER BOTTOM LINE*/
.page-id-13  #site-header.transparent-header {
    border-bottom: 0.2px solid#D3D3D3 !important;
}


/*STICKY HEADER, STUDIO, TRANSPARENT WHITE BACKGROUND*/
.page-id-13 .is-sticky #site-header {
    background: rgba(255,255,255,0.9)!important;
}



/*PORTFOLIO OVERVIEW, TEXT MENU TRANSPARENT/WHITE BACKGROUND*/
.page-id-15 #site-header.transparent-header {
    background: rgba(0,0,0,0.0) !important;
}

/*PORTFOLIO OVERVIEW, MENU HEADER BOTTOM LINE*/
.page-id-15  #site-header.transparent-header {
    border-bottom: 0.2px solid#D3D3D3 !important;
}


/*STICKY HEADER, PORTFOLIO OVERVIEW, TRANSPARENT WHITE BACKGROUND*/
.page-id-15 .is-sticky #site-header {
    background: rgba(255,255,255,0.9)!important;
} 



/*MOBILE MENU HEADER HAMBURGER, CLOSE X SIZE*/
#mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after {
	width: 25px;
}





/*NEWS OVERVIEW, TEXT MENU TRANSPARENT/WHITE BACKGROUND*/
.blog #site-header.transparent-header {
    background: rgba(0,0,0,0.0) !important;
}


/*NEWS OVERVIEW, MENU HEADER BOTTOM LINE*/
.blog  #site-header.transparent-header {
    border-bottom: 0.2px solid#D3D3D3 !important;
} 


/*STICKY HEADER, NEWS, TRANSPARENT WHITE BACKGROUND*/
.blog  .is-sticky #site-header {
    background: rgba(255,255,255,0.9)!important;
} 




/*SEARCH RESULTS, TEXT MENU TRANSPARENT/WHITE BACKGROUND*/
.search-results #site-header.transparent-header {
    background: rgba(0,0,0,0.0) !important;
} 

/*SEARCH RESULTS, MENU HEADER BOTTOM LINE*/
.search-results  #site-header.transparent-header {
    border-bottom: 0.2px solid#D3D3D3 !important;
}




/*PORTFOLIO + NEWS PROJECT, HERO FEATURE BACKGROUND COLOUR GRADIENT*/
.background-image-page-header-overlay {
	background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.15) 95% ) !important;
}









/*PORTFOLIO PROJECT, PROJECT LINE SEPARATOR - GREY*/
.is-style-wide {
	min-width:100%;
}



/*PORTFOLIO PROJECT, MARGIN BELOW HERO*/
#main #content-wrap {
    padding-top: 20px;
}




/*PORTFOLIO, FACTS TABLE BORDER_BOTTOM*/
.single-ocean_portfolio .portfolio-facts-separator-bottom {
    border-bottom: 1px solid #f1f1f1;
    margin-top: -30px;    
    margin-bottom: 30px;
    margin-top: 30px;
}


/*PORTFOLIO, COVER IMAGES PROJECT AT BOTTOM OF ARTICLE*/
.single-ocean_portfolio .alignfull {
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
    margin-top: 1px;
    margin-bottom: 1px;
    width: 100vw;
    max-width: 100vw;
}



/*PORTFOLIO PROJECT, BLOCK QUOTE VERTICAL LINE*/
.wp-block-quote {
	border-left-width: 0px;   
}

/*PORTFOLIO PROJECT, BLOCK QUOTE BACKGROUND SKEW*/
blockquote {
    font-family: Inter;
    font-weight: 400;
    font-style: italic;
    background: #bebebe;
    color:white;
    transform: skewY(-2deg);
    transform-origin: 100%;
    z-index: -1;
}

/*PORTFOLIO PROJECT, BLOCK QUOTE BACKGROUND SKEW SPACING*/
.wp-block-quote{
	padding-top: 10px;
    	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 60px;
}


/*PORTFOLIO PROJECT, QUOTE SOURCE ITALIC*/
.wp-block-quote cite, .wp-block-quote footer {
	font-style: inherit; 
}

/*PORTFOLIO PROJECT, BLOCK QUOTE PADDING*/
blockquote cite {
	padding: 0px;
}

/*PORTFOLIO PROJECT, BLOCK QUOTE CITE -*/
blockquote cite:before{
    content: "";
}



/*PORTFOLIO PROJECT, COVER TEXT MARGIN LEFT*/
.cover-text_below-fold_portfolio {
	margin-left: 45px;
}


/*PORTFOLIO PROJECT, H4 HEADING - INTRO TEXT*/
.h4-portfolio {
	font-weight:300; 
}



/*PORTFOLIO PROJECT, HIDE >, BEFORE 'MORE PROJECTS'*/
.single-ocean_portfolio .theme-heading .text::before {
	display: none;
}


/*PORTFOLIO PROJECT, THUMBNAILS: TEXT COLOUR + WEIGHT BELOW */
.single-ocean_portfolio a {
    	color:#bcbcbc; 
	font-weight:300;
}

.single-ocean_portfolio h3.related-portfolio-title a:hover {
   	color: #282828 !important;  
	font-weight:300; 
}





/*PORTFOLIO PROJECT, THUMBNAIL: DISABLE CLOCK+DATE*/
.single-ocean_portfolio time.published {
	display: none;
}




/*PORTFOLIO PROJECT + NEWS SOCIAL SHARE, FACEBOOK HOVER*/
.single-ocean_portfolio .entry-share.minimal ul li.facebook a:hover, body.single .entry-share.minimal ul li.facebook a:hover {
    	border-color: rgba(0,0,0,0);
}

.single-ocean_portfolio .entry-share.minimal ul li.facebook a:hover .oss-icon, body.single .entry-share.minimal ul li.facebook a:hover .oss-icon {
	fill: #282828 !important;
}



/*PORTFOLIO PROJECT + NEWS SOCIAL SHARE, LINKEDIN HOVER*/
.single-ocean_portfolio .entry-share.minimal ul li.linkedin a:hover, body.single .entry-share.minimal ul li.linkedin a:hover {
    	border-color: rgba(0,0,0,0);
}

.single-ocean_portfolio .entry-share.minimal ul li.linkedin a:hover .oss-icon, body.single .entry-share.minimal ul li.linkedin a:hover .oss-icon {
	fill: #282828 !important;    	
}


/*PORTFOLIO PROJECT + NEWS SOCIAL SHARE, PINTEREST HOVER*/
.single-ocean_portfolio .entry-share.minimal ul li.pinterest a:hover, body.single .entry-share.minimal ul li.pinterest a:hover {
    	border-color: rgba(0,0,0,0);
}

.single-ocean_portfolio .entry-share.minimal ul li.pinterest a:hover .oss-icon, body.single .entry-share.minimal ul li.pinterest a:hover .oss-icon {
	fill: #282828 !important;    	
}




/*PORTFOLIO PROJECT OVERVIEW PAGE, FILTER BAR TEXT Capitalise, PADDING*/
.portfolio-entries .portfolio-filters li a {
	text-transform: capitalize !important;
	padding: 6px 20px !important;
 }

/*PORTFOLIO PROJECT OVERVIEW PAGE, TEXT FOCUS (ACTIVE) BOLD*/
.portfolio-entries .portfolio-filters li a:focus {
	font-weight: 600; !important;
	color: #282828 !important; 
 }


/*PORTFOLIO OVERVIEW FILTER BAR, FONT-SIZE OVERWRITE (from 18px?)*/
.portfolio-entries .portfolio-filters li a {
	font-size: 14px!important;
}




/*STUDIO PAGE, PADDING TOP*/
.page-id-13 #main #content-wrap {
    padding-top: 50px !important;
}


/*PORTFOLIO PROJECT OVERVIEW PAGE, PADDING TOP*/
.page-id-15 #main #content-wrap {
    padding-top: 100px !important;
}


/**PORTFOLIO PROJECT OVERVIEW PAGE, PROJECTS FULL WIDTH
.page-id-15 div.portfolio-wrap {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
}**/





/*NEWS OVERVIEW PAGE, PADDING TOP*/
.blog #content-wrap {
	padding-top: 100px !important;
}


/*NEWS OVERVIEW, IMAGE CAPTION HIDDEN*/
.blog-entry .thumbnail-caption {
    	display:none !important;
}





/*NEWS OVERVIEW - THUMBNAIL LAYOUT, MOVE DATE LEFT*/
.blog-entry.thumbnail-entry .blog-entry-date {
	float: left;
	font-weight: 300;
	font-size: 14px;
	color: #282828;
	text-transform: capitalize;
}

/*NEWS OVERVIEW - THUMBNAIL LAYOUT, HIDE CATEGORY*/
.blog-entry.thumbnail-entry .blog-entry-category{
    	display:none;
}	

/*NEWS OVERVIEW - THUMBNAIL LAYOUT, HIDE COMMENTS*/
.blog-entry.thumbnail-entry .blog-entry-comments {
    	display:none;
}


/*NEWS OVERVIEW - THUMBNAIL LAYOUT, HIDE COMMENTS*/
.blog-entry.thumbnail-entry .blog-entry-bottom {
    	border-top: none;
}


/*NEWS OVERVIEW - LARGE IMAGE LAYOUT, BORDER COLOUR*/
.blog-entry.large-entry {
	border-bottom: 1px solid #D3D3D3;
}


/*NEWS OVERVIEW - LARGE IMAGE LAYOUT, LINESPACING TILL DATE*/
.blog-entry.post .blog-entry-header {
	margin-bottom:5px!important;
}


/*NEWS OVERVIEW - LARGE IMAGE LAYOUT, READ ARTICLE  */
.blog-entry.large-entry .blog-entry-readmore a{
	border: none;
	padding-left: 0px;
	font-size: 12px;
	color: #939393;
	font-weight: 600;
}

/*NEWS OVERVIEW - LARGE IMAGE LAYOUT, READ ARTICLE:HOVER  */
.blog-entry.large-entry .blog-entry-readmore a:hover{
	color:#000000 !important;
}


/*NEWS OVERVIEW - LARGE IMAGE LAYOUT, READ ARTICLE, > ICON:NONE  */
.blog-entry.large-entry .fa, .blog-entry.large-entry .fab, .blog-entry.large-entry .fad, .blog-entry.large-entry .fal, .blog-entry.large-entry .far, .blog-entry.large-entry .fas {
	display:none !important;
}







/*NEWS OVERVIEW, TITLE NORMAL STATE COLOUR, LIGHT black */
.blog-entry.post .blog-entry-header .entry-title a{
    	color: #505050 !important;
	font-weight: 400 !important;
}

/*NEWS OVERVIEW, TITLE HOVER COLOUR, BLACK */
.blog-entry.post .blog-entry-header .entry-title a:hover {
    	color:#000000 !important;
}



/*NEWS OVERVIEW, GRID, DATE:NO CLOCK */
.blog-entry.post .icon-clock {
    	display:none !important;
}


/*NEWS OVERVIEW, GRID, READ ARTICLE  */
.blog-entry.grid-entry .blog-entry-readmore a{
	border-bottom: none;
	font-size: 12px;
	color: #939393;
	font-weight: 600;
}

/*NEWS OVERVIEW, GRID, READ ARTICLE:HOVER  */
.blog-entry.grid-entry .blog-entry-readmore a:hover{
	color:#000000 !important;
}


/*NEWS OVERVIEW, GRID, READ ARTICLE, > ICON:NONE  */
.blog-entry.grid-entry .fa, .blog-entry.grid-entry .fab, .blog-entry.grid-entry .fad, .blog-entry.grid-entry .fal, .blog-entry.grid-entry .far, .blog-entry.grid-entry .fas {
	display:none !important;
}


/*NEWS OVERVIEW, GRID, DATE:styling  */
.blog-entry.grid-entry .meta-date {
	font-size: 14px;
	color: #282828 ;	
}



/*NEWS OVERVIEW, GRID, DATE:NO CLOCK */
.single-post .icon-clock {
    	display:none !important;
}


/*NEWS OVERVIEW, IMAGE THUMBNAIL HEIGHT SET + CROP-NOT STRETCH*/
.blog-entry.post .thumbnail img {
	height: 400px;
	object-fit: cover;
}


/*BLOG NEWS, HIDE >, BEFORE 'MORE PROJECTS'*/
.single-post .theme-heading .text::before {
	display: none;
}


/*BLOG NEWS, THUMBNAILS: TEXT COLOUR + WEIGHT BELOW */
.single-post a {
    	color:#bcbcbc; 
	font-weight:300;
	font-size: 16px;
}

.single-post h3.related-post-title a:hover {
   	color: #282828 !important;  
	font-weight:300; 
	font-size: 16px;
}


/*BLOG NEWS, TIME PUBLISHED */
time.published {
    	color:#bcbcbc; 
}




/*HEADER MENU, SELECT BOLD*/
#site-navigation-wrap .dropdown-menu >.current-menu-item >a, #site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a{
	 font-weight: 600;
}


/*HEADER REPLACE, SEARCH MENU COLOR: SEARCH QIU*/
#searchform-header-replace input[type=search]::placeholder {
    	color: rgba(255,255,255,0.65)  ;
	font-size: 16px;
}


/*HEADER REPLACE, SEARCH MENU COLOR: WHEN TYPING*/
#searchform-header-replace input {
	color: #ffffff ;
	font-size: 16px;
}



/*STUDIO, HEADER REPLACE SEARCH MENU COLOR: SEARCH QIU*/
.page-id-13 #searchform-header-replace input[type=search]::placeholder {
    	color: rgba(10,10,10,0.44)  ;
	font-size: 16px;
}


/*STUDIO, HEADER REPLACE SEARCH MENU COLOR: WHEN TYPING*/
.page-id-13 #searchform-header-replace input {
	color: #282828 ;
	font-size: 16px;
}


/*PROJECT OVERVIEW, HEADER REPLACE SEARCH MENU COLOR: SEARCH QIU*/
.page-id-15 #searchform-header-replace input[type=search]::placeholder {
    	color: rgba(10,10,10,0.44)  ;
	font-size: 16px;
}


/*PROJECT OVERVIEW, HEADER REPLACE SEARCH MENU COLOR: WHEN TYPING*/
.page-id-15 #searchform-header-replace input {
	color: #282828 ;
	font-size: 16px;
}


/*NEWS OVERVIEW, HEADER REPLACE SEARCH MENU COLOR: SEARCH QIU*/
.blog #searchform-header-replace input[type=search]::placeholder {
    	color: rgba(10,10,10,0.44) ;
	font-size: 16px;
}


/*NEWS OVERVIEW, HEADER REPLACE SEARCH MENU COLOR: WHEN TYPING*/
.blog #searchform-header-replace input {
	color: #282828 ;
	font-size: 16px;
}



/*SEARCH RESULTS, HEADER REPLACE SEARCH MENU COLOR: SEARCH QIU*/
.search-results #searchform-header-replace input[type=search]::placeholder {
 	font-size: 16px;
}


/*SEARCH RESULTS, HEADER REPLACE SEARCH MENU COLOR: WHEN TYPING*/
.search-results #searchform-header-replace input {
	font-size: 16px;
}




/*STICKY HEADER REPLACE, SEARCH MENU COLOR: SEARCH QIU*/
.is-sticky #site-header #searchform-header-replace input[type=search]::placeholder {
    	color: rgba(10,10,10,0.44) ;
	font-size: 16px;
}



/*STICKY HEADER REPLACE, SEARCH MENU COLOR: WHEN TYPING*/
.is-sticky #site-header #searchform-header-replace input {
	color: #282828 ;
	font-size: 16px;
}



/*HEADER REPLACE, SEARCH MENU CLOSE ICON*/
#searchform-header-replace-close {
    	font-size:18px !important;
}




/*MOBILE MENU, MENU MOVED TO TOP, INSTEAD OF CENTRE*/
#mobile-fullscreen nav {
 	vertical-align: top;
}


/*MOBILE MENU, TEXT HEIGHT*/
.sidr-class-dropdown-menu li a, a.sidr-class-toggle-sidr-close, #mobile-dropdown ul li a, body #mobile-fullscreen ul li a{
	font-size: 14px !important;
}

/*MOBILE MENU, TEXT HOVER BOLD*/
.sidr-class-dropdown-menu li a, a.sidr-class-toggle-sidr-close, #mobile-dropdown ul li a, body #mobile-fullscreen ul li a:hover{
	font-weight: 600 !important;
}


/*MOBILE MENU, SEARCH MENU*/
#mobile-fullscreen #mobile-search input, #mobile-fullscreen #mobile-search label {
	text-transform: capitalize;
	font-size: 14px !important;		
}



/*MOBILE MENU, HAMBURGER ICON COLOR CHANGE - BLACK, (studio, project overview, news overview)*/
.page-id-13 .mobile-menu .hamburger-inner,  .page-id-13 .mobile-menu .hamburger-inner::before, .page-id-13 .mobile-menu .hamburger-inner::after,     
	background-color: #282828 !important;  
	height: 0.5px;
}





/*MOBILE MENU, HAMBURGER ICON STICKY COLOR CHANGE*/
.is-sticky .mobile-menu .hamburger-inner, .is-sticky .mobile-menu .hamburger-inner::before, .is-sticky .mobile-menu .hamburger-inner::after {    
 	background-color: #282828; 
}



/*MOBILE MENU, HAMBURGER CLOSE ICON THICKNESS*/
#mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after {
	height: 2px;
}






/*PRIVACY POLICY PAGE, PADDING TOP*/
.page-id-902 #main #content-wrap {
    padding-top: 150px;
}



/*SEARCH PAGE RESULTS, PADDING TOP*/
.search-results #main #content-wrap, .search-no-results #main #content-wrap {
    padding-top: 150px;
}


/*SEARCH PAGE RESULTS, THUMBNAIL*/
.search-results article .thumbnail img {
    	border-radius: 0px;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 40%);	
}



/*SEARCH PAGE RESULTS, THUMBNAIL SHOW ON MOBILE*/
@media only screen and (max-width: 480px)
.search-results article .thumbnail {
    display: block !important;
}



/*SEARCH PAGE RESULTS, HEADER BACKGROUND BLACK */
.search-results #site-header, .search-no-results #site-header {
	background-color: black;
}










/*SEARCH PAGE RESULTS, READ MORE: UNDERLINE */
.search-results article .search-entry-readmore a {
    border-bottom-width: 0px;
}


/*SEARCH PAGE RESULTS, READ MORE: Capitalize */
.search-results article .search-entry-readmore a {
   	text-transform: capitalize;
}

/*SEARCH PAGE RESULTS, READ MORE: NORMAL STATE COLOUR, LIGHT GREY*/
.search-results  .search-entry-readmore a {
    	color:#bcbcbc !important;
}

/*SEARCH PAGE RESULTS, READ MORE: HOVER COLOUR, MEDIUM GREY */
.search-results  .search-entry-readmore a:hover {
    	color:#7a7a7a  !important;
}



/*SEARCH PAGE RESULTS, NORMAL STATE COLOUR, LIGHT GREY */
.search-results .search-entry-header a{
    	font-size: 20px;
	color:#757575 !important;
}

/*SEARCH PAGE RESULTS, HOVER COLOUR, MEDIUM GREY */
.search-results .search-entry-header a:hover {
	font-size: 20px; 
	color:#282828 !important;
}


/*SEARCH PAGE RESULTS, TEXT HEADING + READ More Spacing */
.search-results article .search-entry-summary p:last-child {
	margin-bottom: 40px;
}





/*PORTFOLIO PROJECT, HERO HEADING TITLE COLOUR + FONT FAMILY + SIZE*/
.page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
	font-family:inter;
	color:#ffffff!important;
	font-size: 12px!important;
	font-weight: 200 !important;	
	text-shadow: 0.5px 0.1px 2px rgb(0 0 0 / 20%);
}



/*PORTFOLIO PROJECT, HERO TITLE POSITION: BOTTOM LEFT */
.background-image-page-header .page-header-inner {
	text-align: left;
	margin-left: 20px;
	position: absolute;
	bottom: 20px;
	left: 2px;	
}



/*PORTFOLIO PROJECT, HERO SUBHEADING TITLE COLOUR + FONT FAMILY + SIZE*/
.background-image-page-header .page-subheading {
	font-family:inter;
	text-shadow: 0.5px 0.1px 2px rgb(0 0 0 / 40%);
	line-height: 1.3;
}



/*PORTFOLIO PROJECT, HERO PN1 PROJECT NAME-1*/
.PN1 {
	font-weight:600;
	letter-spacing: 2px;
   }

/*PORTFOLIO PROJECT, HERO PD1 PROJECT DESCRIPTION-1*/
.PD1 {
	font-weight:200;
   }

/*PORTFOLIO PROJECT, HERO PT1 PROJECT TYPE-1*/
.PT1 {
      	font-size:12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight:700;
   }


/*PORTFOLIO PROJECT, HERO HEADING LINE-HEIGHT*/
.page-header.background-image-page-header .page-header-title {
	line-height: 1.4;
	letter-spacing: 2px;
}


/*SS3, VIDEO TITLE TEXT LIGHT*/
.SS3-1{
	font-weight:200;
   }








/*PRIVACY POLICY HEADER MENU, BLACK BACKGROUND*/
.page-id-902 #site-header.transparent-header {
	background-image: linear-gradient(to bottom, rgba(0,0,0), rgba(0,0,0) )!important;
}


/*PRIVACY POLICY HEADER MENU, STICKY WHITE TRANSLUCENT BACKGROUND*/
.page-id-902 .is-sticky #site-header {
    background: rgba(255,255,255,0.8)!important;
}

/*PRIVACY POLICY HEADER TEXT COLOUR*/
.page-id-902 h1, .page-id-902 h2 {
	color:#414141;
}





/*SEARCH HEADER MENU, BLACK BACKGROUND*/
.search-results #site-header.transparent-header {
	background-image: linear-gradient(to bottom, rgba(0,0,0), rgba(0,0,0) )!important;
}


/*SEARCH HEADER MENU, STICKY WHITE TRANSLUCENT BACKGROUND*/
.search-results .is-sticky #site-header {
    background: rgba(255,255,255,0.8)!important;
}





/*404 Page FOOTER */
.error404 #footer.site-footer {
    	display: none !important;
}


/*BLOG NEWS, HERO IMAGE MOBILE (Note:Also affects desktop. @media, then overrules next media query of container width) */
.single-post.page-header, .has-transparent-header .page-header {
    height: 450px !important;
}





/*SEARCH RESULTS PAGE, HEADING POSTS BOLD*/
.search-results .search-entry-header .SRH1 {
	font-weight:600;
	letter-spacing: 2px;
	text-transform: uppercase !important;
   }



/*SEARCH RESULTS PAGE, SHOW THUMBNAIL IMAGE*/
@media only screen and (max-width: 480px) {
.search-results article .thumbnail {
	display: block;                            
}
.search-results article .search-entry-inner {
    	display: block;                    
}
}






/*PORTFOLIO, TEXT MENU STAY ACTIVE*/
.single-ocean_portfolio li#menu-item-169 a.menu-link {
	color:#ffffff;
 	font-weight: 600!important;
}


/*PORTFOLIO, TEXT STICKY MENU STAY ACTIVE*/
.single-ocean_portfolio .is-sticky #site-navigation-wrap li#menu-item-169 a.menu-link {
	color:#000000!important;
	font-weight: 600!important;
}


/*NEWS, TEXT MENU STAY ACTIVE*/
.single-post li#menu-item-171  a.menu-link {
	color:#ffffff;
	font-weight: 600!important;
}


/*NEWS, TEXT STICKY MENU STAY ACTIVE*/
.single-post .is-sticky #site-navigation-wrap li#menu-item-171 a.menu-link {
	color:#000000!important;
	font-weight: 600!important;
}


/*________________________________________________________________*/

/*PROJECT HERO IMAGE FOCUS POINT DESKTOP+MOBILE - TAICHUNG RESI*/
.postid-2876 .page-header{
	background-position-x: 50% !important;
    	background-position-y: 20% !important;
}


/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - LINKLAB SHINKIBA2*/
.postid-2654 .page-header{
	background-position-x: 10% !important;
    	background-position-y: 80% !important;
}


/*PROJECT HERO IMAGE FOCUS POINT DESKTOP+MOBILE - VICTORIA AVE*/
.postid-1279 .page-header{
	background-position-x: 60% !important;
    	background-position-y: 50% !important;
}


/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - THE CUBE - (Official Opening)*/
.postid-875 .page-header , .postid-1376 .page-header{
	background-position-x: 5% !important;
    	background-position-y: 80% !important;
}


/*NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - THE CUBE - Design Revealed*/
.postid-1347 .page-header{
	background-position-x: 50% !important;
    	background-position-y: 33% !important;
}



/*NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - THE CUBE - Construction*/
.postid-1377 .page-header{
	background-position-x: 50% !important;
    	background-position-y: 35% !important;
}


/*PROJECT HERO IMAGE FOCUS POINT DESKTOP+MOBILE - THE PEEL*/
.postid-1303 .page-header{
	background-position-x: center !important;
    	background-position-y: 50%!important;
}


/*NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - THE PEEL*/
.postid-1383 .page-header{
	background-position-x: center !important;
    	background-position-y: 80%!important;
}


/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - THE LOOP*/
.postid-1261 .page-header, .postid-1380 .page-header {
	background-position-x: 50% !important;
    	background-position-y: 75% !important;
}


/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - BREWERY+DISTILLERY*/
.postid-1237 .page-header{
	background-position-x: 60% !important;
    	background-position-y: 80% !important;
}

/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - LABS ON THE BAY*/
.postid-1249 .page-header{
	background-position-x: 30% !important;
    	background-position-y: 87% !important;
}


/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - HIGH-TECH CAMPUS*/
.postid-1325 .page-header{
	background-position-x: 30% !important;
    	background-position-y: 90% !important;
}


/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - HIGH-TECH CAMPUS*/
.postid-1409 .page-header{
	background-position-x: 40% !important;
    	background-position-y: 60% !important;
}


/*NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - LABS ON THE BAY*/
.postid-2325 .page-header{
	background-position-x: 50% !important;
    	background-position-y: 40% !important;
}

/*PROJECT + NEWS HERO IMAGE FOCUS POINT DESKTOP+MOBILE - JADE TOWER*/
.postid-2424 .page-header{
	background-position-x: 34% !important;
    	background-position-y: 75% !important;
}


/*________________________________________________________________*/

/*IMAGE LIGHTBOX BACKGROUND COLOUR CHANGE*/
html body .modula-fancybox-slide {
	background: black;
}

/*BUTTON, GO TO PROJECT*/
 .QIU-BTN-GTP a{
   padding:0;
   position: relative;
   border:0px;
   color: #000000!important;
   font-weight: 600 !important;
 }

 .QIU-BTN-GTP a:hover{
   font-weight: 600 !important;
}

 .QIU-BTN-GTP a:after {
   content: "";
   position: absolute;
   width: 100%;
   transform: scaleX(0);
   height: 1.5px;
   bottom: 0;
   left: 0;
   background-color: #000000;
   transform-origin: bottom right;
   transition: transform 0.25s ease-out;
 }

 .QIU-BTN-GTP a:hover:after {
   transform: scaleX(1);
   transform-origin: bottom left;
 }


.theme-heading {
	font-weight: 600 !important;
}

.entry-share.side .theme-heading {
	font-weight: 600 !important;
}




/*PORTFOLIO, TEXT BLOCK WIDTH*/
@media only screen and (min-width: 1025px) {
.single-ocean_portfolio h5, .single-ocean_portfolio .p-portfolio, .single-ocean_portfolio .h4-portfolio,.single-ocean_portfolio blockquote {
    width: 50% !important;
    margin-left: auto  !important;
    margin-right: auto  !important;
}


/*PORTFOLIO, FACTS TABLE WIDTH*/
@media only screen and (min-width: 1025px) {
.single-ocean_portfolio .p-portfolio-facts {
    width: 50%  !important;
    margin-left: auto  !important;
    margin-right: auto !important;
}




/*PORTFOLIO, FACTS TABLE WIDTH*/
@media only screen and (min-width: 1025px) {
.single-ocean_portfolio .p-portfolio-facts-table {
    width: 50% !important!important;
    margin-left: auto !important;
    margin-right: auto !important;
}



/*PORTFOLIO PROJECT, SOCIAL MEDIA STYLING DESKTOP*/
@media only screen and (min-width: 1025px) {
.elementor-1758 .elementor-element.elementor-element-llvgf9o .elementor-widget-container {
    	width: 50% !important;
    	margin-left: auto !important;
   	margin-right: auto !important;
}


/*BUTTON, GO TO PROJECT, DESKTOP*/
@media only screen and (min-width: 1025px) {
.QIU-BTN-GTP {
    	width: 50% !important;
    	margin-left: auto !important;
   	margin-right: auto !important;
}






/*NEWS (BLOG), TEXT BLOCK WIDTH*/
@media only screen and (min-width: 1025px) {
.single-post h5, .single-post .p-portfolio, .single-post .h4-portfolio,.single-post blockquote {
    width: 50% !important;
    margin-left: auto  !important;
    margin-right: auto  !important;
}


/*NEWS (BLOG), FACTS TABLE WIDTH*/
@media only screen and (min-width: 1025px) {
.single-post .p-portfolio-facts {
    width: 50%  !important;
    margin-left: auto  !important;
    margin-right: auto !important;
}


/*NEWS (BLOG), FACTS TABLE WIDTH*/
@media only screen and (min-width: 1025px) {
.single-post .p-portfolio-facts-table {
    width: 50% !important !important;
    margin-left: auto !important;
    margin-right: auto !important;
}



/*BLOG NEWS, HERO IMAGE DESKTOP (Note:Also affects desktop. @media, set conatiner height back to as specified in customizer menu) */
@media only screen and (min-width: 1025px) {
.single-post.page-header, .has-transparent-header .page-header {
    	height: 600px !important;
}






/*PORTFOLIO PROJECT, HERO HEADING TITLE COLOUR + FONT FAMILY + SIZE*/
@media only screen and (min-width: 1025px) {
.page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
	font-family:inter;
	color:#ffffff!important;
	font-weight: 200 !important;	
	text-shadow: 0.5px 0.1px 2px rgb(0 0 0 / 20%);
}



/*PORTFOLIO PROJECT, HERO TITLE POSITION: BOTTOM LEFT */
@media only screen and (min-width: 1025px) {
.background-image-page-header .page-header-inner {
	text-align: left;
	margin-left: 50px !important;
	position: absolute;
	bottom: 30px!important;
	left: 2px;	
}



/*PORTFOLIO PROJECT, HERO SUBHEADING TITLE COLOUR + FONT FAMILY + SIZE*/
@media only screen and (min-width: 1025px) {
.background-image-page-header .page-subheading {
	font-family:inter;
	text-shadow: 0.5px 0.1px 2px rgb(0 0 0 / 20%);
	line-height: 1.3;
}



/*PORTFOLIO PROJECT, HERO PN1 PROJECT NAME-1*/
@media only screen and (min-width: 1025px) {
.PN1 {
	font-weight:600;
	letter-spacing: 2px;
   }



/*PORTFOLIO PROJECT, HERO PD1 PROJECT DESCRIPTION-1*/
@media only screen and (min-width: 1025px) {
.PD1 {
	font-weight:200 !important;
   }



/*PORTFOLIO PROJECT, HERO PT1 PROJECT TYPE-1*/
@media only screen and (min-width: 1025px) {
.PT1 {
	text-transform: uppercase;
	letter-spacing: 2px!important;
	font-weight:700;
   }


/*PORTFOLIO PROJECT, HERO HEADING LINE-HEIGHT*/
@media only screen and (min-width: 768px) {
.page-header.background-image-page-header .page-header-title {
	line-height: 1.4;
	letter-spacing: 2px;
	text-transform: uppercase!important;
}



/**SEARCH PAGE RESULTS, PAGE HEADER SHOW: SEARCH RESULTS FOR**/ 
.search .search-results .page-header .page-header-title {
    display: block !important!important;
}
**/



/*SEARCH PAGE RESULTS PAGE, TEXT CONTAINER WIDTH */
.search-results article .search-entry-inner {
    width: 60%!important;
}


/*SEARCH PAGE RESULTS, THUMBNAIL SIZE INCREASE */
.search-results article .thumbnail {
	min-width: 200px !important;
	max-width: 200px !important;
    	margin-right: 20px !important;
}	









/**/*404 PAGE BUTTON HOVER BOLD */
.elementor-472 .elementor-element.elementor-element-b4d5e63 .elementor-button:hover, .elementor-472 .elementor-element.elementor-element-b4d5e63 .elementor-button:focus{
	font-weight: 400;
}
**/