@charset "UTF-8";

/*
Theme Name: KCG
*/
/**/

@font-face {
    font-family: "Replica";
    font-weight: 300;
    font-style: normal;
    src: url("fonts/Replica_Light.woff2") format('woff');
}

@font-face {
    font-family: "Replica";
    font-weight: 300;
    font-style: italic;
    src: url("fonts/Replica_LightItalic.woff2") format('woff');
}

@font-face {
    font-family: "Replica";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/Replica_Regular.woff2") format('woff');
}

@font-face {
    font-family: "Replica";
    font-weight: 400;
    font-style: italic;
    src: url("fonts/Replica_Italic.woff2") format('woff');
}

@font-face {
    font-family: "Replica";
    font-weight: 700;
    font-style: normal;
    src: url("fonts/Replica_Bold.woff2") format('woff');
}

@font-face {
    font-family: "Replica";
    font-weight: 700;
    font-style: italic;
    src: url("fonts/Replica_BoldItalic.woff2") format('woff');
}

* {
	box-sizing: border-box;
}
.otgs-development-site-front-end {
	display:none!important;
}
:root {
--color-bg:rgba(255,255,255,1);
--color-txt:rgba(0,0,0,1);
--color-txt-rev:rgba(255,255,255,1);
--color-grey: rgba(119, 119, 121, 1);
--color-red:rgba(122,35,46,1);
--color-blue:rgba(1,38,57,1);
--color-orange:rgba(241,227,205,1);
--color-dark: rgba(0,0,0,1);
--padding-default: 1.5em;
}
@media screen and (min-width:48em) {
    :root {   
--padding-default: 2em;
    }
}
@media screen and (min-width:64em) {
    :root {   
--padding-default: 3em;
    }
}


html, input, button, textarea, select,option {
font-family: "Replica", Helvetica, Arial, "sans-serif", "Noto Serif TC", Songti TC, "Noto Serif SC", Songti SC, 新細明體, PMingLiU;
font-weight: 400;
line-height:1.25;  
}


html[lang="zh-hant"],
html[lang="zh-hant"] input,
html[lang="zh-hant"] button,
html[lang="zh-hant"] textarea,
html[lang="zh-hant"] select,
html[lang="zh-hant"] option {
	
font-family: "Replica", Helvetica, Arial, "sans-serif", "Noto Serif TC", Songti TC, "Noto Serif SC", Songti SC, 新細明體, PMingLiU;
}

html[lang="zh-hans"],
html[lang="zh-hans"] input,
html[lang="zh-hans"] button,
html[lang="zh-hans"] textarea,
html[lang="zh-hans"] select,
html[lang="zh-hans"] option {
	
font-family: "Replica", Helvetica, Arial, "sans-serif", "Noto Serif SC", Songti SC, "Noto Serif TC", Songti TC,  新細明體, PMingLiU;
}
html div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 0;
	margin-bottom: 0.5em;
}
html div.wpforms-container-full .wpforms-form input[type=text], 
html div.wpforms-container-full .wpforms-form input[type=email] {
border: none;
padding: 1em 0.5em;
font-size: 150%;
height: auto;
    width: 100%;
    border-radius: 0;	
}
html div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	border: none;
padding: 1em 0.5em;
font-size: 150%;
height: auto;
    width: 100%;
    border-radius: 0;	
	height:8em;
}
html div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
	    max-width: 100%;

}
html div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	padding: 4em 0;
}

html div.wpforms-container-full .wpforms-form button[type=submit],
html div.wpforms-container-full .wpforms-form button[type=submit]:hover,
html div.wpforms-container-full .wpforms-form button[type=submit]:focus{
	background: var(--color-dark);
    color: var(--color-txt-rev);
	font-size: 150%;
	border:none;
    padding:0.8em 3em;
	text-transform: uppercase;
}

html div.wpforms-container-full .wpforms-form button[type=submit] {
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
html div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background:var(--color-blue);
}
html div.wpforms-container-full .wpforms-form label.wpforms-error {
	margin-top:0.5em;
	color:var(--color-txt);
}

html div.wpforms-container-full .wpforms-form label.wpforms-error .mailcheck-suggestion {
	color:var(--color-txt);	
}
html .wpforms-confirmation-container-full {
	padding:1em;
	color:var(--color-txt);
	background-color:rgba(0,0,0,0.1);
	margin: 0;
	border: none;
}

html div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
html div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,
html div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
html div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,
html div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,
html div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,
html div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
	border: none;
}
.swiper-container {
    position:relative;
    width:100%;
    overflow: hidden;
}
 .swiper-container .swiper-button-next .icon,
 .swiper-container .swiper-button-prev .icon{
    font-size:200%;
    color: var(--color-txt);
}

.swiper-container .swiper-button-next {
	right:0;
	
}
 .swiper-container .swiper-button-prev {
	 left:0;
}
 .swiper-container .swiper-pagination-bullet {
    
    background: #000;
    width: 2em;
    height: 0.2em;
    border-radius: 0;
    margin: 0 0!important;
}
 .swiper-container .swiper-pagination {
    position:relative;
     bottom:auto;
     left:auto;
     right:auto;
     top:auto;
    width: auto;
	     display: flex;
    flex-wrap: nowrap;
	 justify-content:center;
     
    padding: 0 var(--padding-default);
    margin: 3em auto;
}
.swiper-container .swiper-pagination-bullet-active {
    
    background: #000;
}
/*
.home .listing .swiper .swiper-button-next,
.home .listing .swiper .swiper-button-prev {
    width: calc(100vw * 0.6 / 3);
    height:calc(100vw * 0.6 / 3);
    background-image:url(images/slider_arrow.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: right;
    filter: brightness(0) invert(1);
    top: calc((100vw * 0.6 / 2) - (100vw * 0.6 / 3 / 2));
    margin: 0;
}

.home .listing .swiper .swiper-button-prev {
    background-position: left;
    transform: scaleX(-1);
}

*/
 .swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
    content:'';
    display: none;
}

.bg-block {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 1;
}
.bg-block ~ * {
    position: relative;
    z-index: 2;
}
p {
	margin:var(--padding-default) 0;
}
a {
    color:var(--color-txt);
}

/*
h1 - site title
h2 - page title
h3 - section title
h4 - content / listing title
*/
h1,h2,h3,h4,h5,h6 {
	font-weight:700;
	line-height: 1.125;
	margin: 1em 0;
}
h2  {
	font-size:250%;
}
h3 {
    font-size: 150%;
}
h4 {
	
    font-size: 125%;
}

@media screen and (min-width:48em) {

h2  {
	font-size:687.5%;
}
h3 {
    font-size: 325%;
}

h4 {
	
    font-size: 187.5%;
}
p {
	font-size:125%;
}
}
@media screen and (min-width:64em) {
	
h2  {
	font-size:1125%;
}
h3 {
    font-size: 500%;
}

h4 {
	
    font-size: 250%;
}
	
p {
	font-size:150%;
}
}




body {
    margin: 0;
}
figure {
    margin: 0;
}

.viewmore {
}
.viewmore a {
    padding: 0.6em 1.6em 0.4em 1.6em;
    text-transform:uppercase;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color:var(--color-txt);
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}

.viewmore a:hover {
	
    padding: 0.6em 2.4em 0.4em 2.4em;
}
.viewmore a:before,
.viewmore a:after{
content: '';
height:0.27em;
    position: absolute;
    left:0;
    right:0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    background-image:url(images/logo_stroke.png);
}
.viewmore a:before {
    top:0;
    
}
.viewmore a:after{
    bottom:0;
}

.viewmore.rev a,
.viewmore.rev a:before,
.viewmore.rev a:after{
filter: brightness(0) invert(1);
}


.btn {
	text-align: center;
}
.btn a {
    color:var(--color-txt-rev);
    background:var(--color-dark);
    text-transform:uppercase;
    padding:0.8em 3em;
    text-decoration: none;
    display: inline-block;
	border: none;

	font-size:150%;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;    
    
}

.btn a:hover {
    background:var(--color-red);
}
main {

}

.dark-mask {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index: 999;
	background:rgba(0,0,0,0.9);
    display: none;
}

.lightbox {
	position: fixed;

	width:90%;
	z-index: 1000;
	top:50%;
	left:50%;
	max-width:64em;
	transform:translate(-50%,-50%);
    min-height: 1em;
    background:#fff;
    display: none;
}
.lightbox.video {
	background-color:var(--color-dark);
}
.lightbox.video .title {
	    color: #fff;
	        position: absolute;
		    left: 0;
		        bottom: calc(100% + 0.8em);
		}
.lightbox .content video,
.lightbox .content source{
    width:100%;
    display: block;
}
.lightbox .content .youtube {
	width:100%;
	padding-bottom: 56.25%;
	position: relative;
}
.lightbox .content .youtube iframe {
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom:0;
	width:100%;
	height: 100%;
}
.lightbox .close{ 
    color: #fff;
    position: absolute;
    right: -0.25em;
    bottom: calc(100% + 0.25em);
    cursor: pointer;
    font-size: 200%;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.lightbox .close:hover{
    transform:scale(1.25);
}
.devdata {
    position:fixed;
    bottom:0;
    left:50%;
    z-index: 9999;
    transform:translateX(-50%);
    background:rgba(0,0,0,0.8);
    font-size:75%;
    padding:0.6em 0.8em;
    color:#fff; 
	display: none;
}
header {
    padding: 1em 0;
    background:var(--color-blue);
    position: fixed;
    top: 0;
    left: 0;
	right:0;
    z-index: 12;
	text-align: center;
/*
	
	width:100%;
	max-width:100vw;
*/
}

.admin-bar header {
	margin-top:46px;
}

@media screen and (min-width:783px) {
	
.admin-bar header {
	margin-top:32px;
}
}
header .site-name  {
    display: none;
}
header .logo { 
}

header .logo img { 
    height: 3em;
    margin: auto;
     filter: invert(1);
    display: inline-block;
}
.nav-toggle {
    position: fixed;
    padding: 1em;
    top: 0;
    right: 0;
    text-transform: uppercase;
    z-index: 2;
    width:4.625em;
    cursor:pointer;

    filter: invert(1);     
}

.admin-bar .nav-toggle {
	margin-top:46px;
}
@media screen and (min-width:783px) {
	
.admin-bar .nav-toggle {
	margin-top:32px;
}
}
/*
.nav-toggle img {
    
    width: 2em;
    display: block;
    margin: auto;
    height: 0.27em;
    object-fit: cover;
    object-position: right;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.nav-toggle img:nth-child(1),
.nav-toggle img:nth-child(3){
    transform:translateX(-0.2em);
}
.nav-toggle img:nth-child(2) {
    margin:0.48em auto;
    transform:translateX(0.2em);
}*/
.nav-toggle figcaption { 
text-align: center;
    font-size: 0.84em;
    margin-top: 0.54em;

}
/*
.nav-toggle:hover img:nth-child(1),
.nav-toggle:hover img:nth-child(3){
    transform:translateX(0.2em);
}
.nav-toggle:hover img:nth-child(2) {
    transform:translateX(-0.2em);
}*/
/*
.nav-toggle.active img {
        filter: invert(1);
}*/
/*
.nav-toggle.active img:nth-child(1) {
        transform: translateY(0.76em); 
}
.nav-toggle.active img:nth-child(3){
      
        transform: translateY(-0.76em); 
}
.nav-toggle.active img:nth-child(2) {

    transform:none;
}*/


.nav-toggle img {
	    display: none;
	    }
	    .nav-toggle .stroke {
	        
	        width: 2em;
		    display: block;
		        margin: auto;
			    height: 0.27em;
			        object-fit: cover;
				    object-position: right;
				        transition-duration: 0.2s;
					    transition-timing-function: ease-out;
					        background-image:url(images/nav_toggle.png);
						    background-size:cover;
						        background-position: right;
							    background-repeat: no-repeat;
						    }

						    .nav-toggle .stroke:nth-child(1),
						    .nav-toggle .stroke:nth-child(3){
							        transform:translateX(-0.2em);
							}
							.nav-toggle .stroke:nth-child(2) {
								    margin:0.48em auto;
								        transform:translateX(0.2em);
								}

								.nav-toggle:hover .stroke:nth-child(1),
								.nav-toggle:hover .stroke:nth-child(3){
								    transform:translateX(0.2em);
								    }
								    .nav-toggle:hover .stroke:nth-child(2) {
									        transform:translateX(-0.2em);
									}

									.nav-toggle.active .stroke:nth-child(1) {
										        transform: translateY(0.76em); 
										}
										.nav-toggle.active .stroke:nth-child(3){
											      
											        transform: translateY(-0.76em); 
											}
											.nav-toggle.active .stroke:nth-child(2) {

												    transform:none;
											    }
/*
.nav-toggle.active figcaption {
    color:#fff;
}*/
header nav {
    background:var(--color-red);
    position: fixed;
    top: 0;
    bottom: 0;
    right: -200%;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
	text-align: left;
	min-width:375px;
}
@media screen and (min-width:48em) {
	
header nav {
	min-width:28em;
}
}
header nav.active {
    right:0;
}
 nav a {
    color:var(--color-txt-rev);
    text-decoration: none;
}

nav a .icon {
    vertical-align: bottom;
    
    font-size: 115%;
}
 nav ul {
margin:0;
padding: 0;
}

 nav li {
list-style: none;
}

header nav {
	padding: 0 var(--padding-default);
}
header nav .main {
  
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 6em var(--padding-default);
    overflow-y: auto;

}
header nav .main>ul>li>a {
    text-transform:uppercase;
    font-size:150%;
    cursor:pointer;
    position: relative;
    z-index: 2;
    font-weight:700; 
	white-space: nowrap;
}

header nav a {
	
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
header nav a:hover {
	color:var(--color-orange);
}
header nav .main li {
    position: relative;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    margin: 0.4em 0;
}

header nav .main li.hide {
		display: none;
	}
nav .main .sub-menu {
    opacity: 0;
    position: absolute;
    z-index: 1;
     
}

nav .main li.menu-item-has-children>a.active>.icon {
    transform:rotate(180deg);
}
nav .main li.menu-item-has-children>a.active ~ .sub-menu {
    
    position: relative;
    padding: 0.8em 0;
    opacity: 1;
}
 
header nav .lang-social {
    position: absolute;
    bottom: var(--padding-default);
    left:var(--padding-default);
} 
 nav .lang-social>div {
display: inline-block;
    vertical-align: middle;
     
    line-height: 1;

}
 nav .lang-social ul {
    
}

 nav .lang-social li {

display: inline-block;
    vertical-align: middle; 
    
    margin-right: 0.4em;
}

header nav .lang-social a {
    
}


header nav .lang {
    
}

  nav .social {
border-left:1px solid #fff;
    padding-left: 0.8em;
}

nav .lang-social > div {
font-size:125%;
}
 nav .social .fa-brands {
    vertical-align: middle;
}
footer {
    background:var(--color-dark);
    color:var(--color-txt-rev);
    text-align: center;
    position: relative;
    padding: 1px 0;
}
@media screen and (min-width:48em) {
	
footer {
 background:var(--color-red);
    padding:  0;
}
}


    footer .subscribe,
footer .donate  {
    padding: 1px  var(--padding-default);
    background:var(--color-red);
    
}footer .donate  {
 padding-bottom: var(--padding-default) ;
	
 /*   border-top: 1px solid #fff;*/
}
    footer .subscribe h4,
    footer .donate h4{
        margin :calc(var(--padding-default) * 2) 0;
        font-weight:700;
        text-align: center;
    }

@media screen and (min-width:48em) {


	footer .subscribe,
	footer .donate  {
		    
	    }
	footer .donate  { 
	
    border:none;
}
      footer .donate h4{
          
        text-align: left;
    }
	       footer .subscribe h4,
      footer .donate h4{
		  font-size:125%;
	}
}
       footer .subscribe {
        display:none;
    }
 
       footer .subscribe input {
text-align: center;
    color: var(--color-red)!important;
    }

footer div.wpforms-container-full .wpforms-form label.wpforms-error {
 
	color:var(--color-txt-rev);
}

footer div.wpforms-container-full .wpforms-form label.wpforms-error .mailcheck-suggestion {
	color:var(--color-txt-rev);	
}
footer .subscribe .wpforms-confirmation-container-full p {
	
}
    
footer .wpforms-confirmation-container-full {
	color:var(--color-txt-rev);
}
    footer .donate figure {
        
    }
    
    .donate img {
        display: block;
       
    margin: auto;
        width:13em;
        height:13em;
        margin-bottom:calc(var(--padding-default) * 1.5);
        background:#fff;
    }
    
    footer .donate p {
        color:var(--color-txt-rev);
    }

@media screen and (min-width:48em) {   
	footer .donate p {
		font-size: 100%;
    }

}
footer nav  .main>ul {
    
    border-bottom:1px solid #888;
}
footer nav  .main>ul>li {
    border-top:1px solid #888;
}
footer nav  .main>ul>li>a  {

    font-size: 200%;
    font-weight: 700;
    position: relative;
    display: block;
    padding: 1em 1.5em;
}


footer nav  .main>ul>li>a>.icon {
    position: absolute;
    top: 50%;
    right: 0.4em;
    margin-top: -0.5em;
    font-weight: 400;
}
footer nav  .main .sub-menu {
  
}


footer nav li.menu-item-has-children>a.active ~ .sub-menu {
  padding :0 0 2em 0!important; 
}
footer nav  .main .sub-menu>li>a {
    font-size:150%;
}
footer .copyright {
    text-align: center;
    margin:4em 0;
}
footer .copyright span {
    display:inline-block;
    font-size:75%;
}

footer .lang-social {
    margin:4em 0;
}

footer .back-top {
    
/*    position: fixed;*/
    bottom:0;
    left:50%;
    transform: translateX(-50%);
/*    max-width: 90em;*/
    width: 100%;
    text-align: left;
    z-index: 8;
    height: 0;
}
footer .back-top a {
    color:var(--color-txt); 
    padding:var(--padding-default);
    display: inline-block;
    text-align: center;
    cursor: pointer;
    
    position: absolute;
    bottom: 0;
    left: 0;
}


footer .back-top a figure {
    
}

footer .back-top a figure img {
    width:4em;
    display: block;
    margin:auto;
}

footer .back-top a figcaption{
    display: block;
    margin-top:1em;
}

@media screen and (min-width:48em) {
    
footer {
        background:var(--color-red);
    text-align: left;
    overflow: hidden;
    position: relative;
}
    
footer:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width:50%;
    background:#fff;
    
    z-index: 1;
    
    }
footer .back-top a figure img {
    width:6em;
}
    
    footer .wrap  { 
        background:var(--color-red);
        
        
    padding:calc(var(--padding-default) * 2) var(--padding-default);
            position: relative;
    z-index: 2;border-left: 10em solid #fff;
        
        max-width:90em; 
        margin: auto;  
overflow:hidden;   
}
    
     footer .subscribe,
footer .donate  {
    padding: 1px 0;
    float:left;
}
    
    footer .subscribe button {
      
    background: #000; 
    }
    footer nav   { 
       margin-top:7.5em;  
     
    }
    
    footer .subscribe {
        width: calc(100% - 13em - var(--padding-default));
    float: left;
    }
    
    footer .subscribe input {
       
padding: 1.35em 0.5em!important;
    
    }
   
    footer .subscribe .email
    {
        
    margin-bottom: calc(var(--padding-default) / 3)!important;
    }
    
    footer .subscribe {
        text-align: center;
    }
    footer .subscribe button {
       
    display: inline-block!important;
    width: auto!important;
    padding: 0.8em 2em!important;
    text-transform: uppercase!important;
    }
    footer .donate  {
        width:13em;
        float:right;
    }
    footer .donate img {
       
    margin-bottom: calc(var(--padding-default) / 2);
    }
    footer nav  .main>ul {
        width:100%; border:none;
    }
footer nav  .main>ul>li {
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
        margin-bottom:calc(var(--padding-default) * 2);
}
    footer nav .main>ul>li {
    border:none;
}
footer nav  .main>ul>li:nth-child(n+2) { 
    }
footer nav  .main>ul>li>a  {

    font-size: 125%;
    font-weight: 700;
    position: relative;
    display: block;
    padding: 0;
}

footer nav  .main>ul>li>a>.icon {
display: none;
}
footer nav  .main .sub-menu {
  opacity: 1;
position: relative;
    margin-top:0.5em;
}


footer nav li.menu-item-has-children>a.active ~ .sub-menu {
  padding :0 0 2em 0!important; 
}
footer nav  .main .sub-menu>li>a {
    font-size:100%;
}
footer .copyright {
    text-align: left;
    margin:0;
    float:left;
	font-size:100%;
clear:both;
    margin: 1em 0;
}
footer .copyright span {
    display:inline-block;
    font-size:87.5%;
}

footer .lang-social {
    margin:0;
    float:right;
}
}
@media screen and (min-width:64em) {
	footer .subscribe .wpforms-field {
		
    margin-bottom: calc(var(--padding-default) / 4)!important;
	}
     footer .subscribe .name  ,
    footer .subscribe .phone 
    {
        float:left!important;
        width:calc((100% -  (var(--padding-default) / 4)) / 2)!important;
clear:none!important;
    }
    
    footer .subscribe .name {
            margin-right: calc(var(--padding-default) / 4)!important;
    }
}


html[lang="en-US"] footer .copyright span:first-child {
    margin-right:0.25em;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
	
    opacity: 0.3!important;
	transition-duration: 0.2s;
}


	.swiper-button-next.swiper-button-disabled, 
	.swiper-button-prev.swiper-button-disabled {
		opacity: 0!important;
	}
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover  {
	opacity: 1!important;
}
@media screen and (min-width:48em) {
    
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-next .icon,
.swiper-container .swiper-button-prev .icon	{
    content:none;
    display: none;
    }
.swiper-container .swiper-button-prev {
    background-image:url(images/arrow-up.svg);
    background-repeat: no-repeat;
    background-size:contain;

    background-position: center;
    width:10em;
    height:12em;
    left:1em;
    margin-top: -6em;
    transform: rotate(-90deg);
}
.swiper-container .swiper-button-next {
    background-image:url(images/arrow-up.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
right:1em;
    width:10em;
    height:12em; 
    margin-top: -6em;
    transform: rotate(90deg); 
} 
    
    
}




 .breadcrumb {
	display: none;
}

@media screen and (min-width:48em) {
  .breadcrumb {
	display: block;
	  margin:var(--padding-default) auto;
/*	  max-width:90em;*/
	  padding:0 var(--padding-default);
      width:100%;

    position: relative;
    z-index: 3;
	  text-transform:uppercase;
	}
	
.breadcrumb a {
	text-decoration: none;
}
  .breadcrumb span.icon {
	  vertical-align: middle;
	  display: inline-block;
    margin: 0 0.4em;
    margin-top: -0.1em;
}
.single-happening	.breadcrumb,
.page.article .breadcrumb {
	max-width: 100%;
}

}
 



.cover {
   width:100%;
/*    padding-bottom:150%;*/
    position: relative;
}
@media screen and (min-width:48em) {
 .cover { 
/*    padding-bottom:66%;*/
}  
}

@media screen and (min-width:64em) {
 .cover { 
/*    padding-bottom:50%;*/
}  
}
 .cover .img img {
 object-fit:cover;  
    
     display: block;
    width:100%;
    height:100vh;
}
.home .cover .img img {
display:none;
}
.home .cover .swiper-slide {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height:100vh;
}
.single-craft .cover .img img {
    height: 100vw;
}
@media screen and (min-width:48em) {
.home .cover .swiper-slide,
.cover .img img{ 
/*    padding-bottom:66%;*/
     height:100vh;
}  
	
.single-craft .cover .img img {
    height: calc(100vh - 5em);
}
}

@media screen and (min-width:64em) {
.home .cover .swiper-slide,
	.cover .img img{ 
/*    padding-bottom:50%;*/
          height:100vh;
}  

.single-craft .cover .img img {
    height: calc(100vh - 5em);
}
} 
.home .cover .logo {
	
    position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1;
}
.home .cover .logo img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80%;
    max-width:36em;
}

.cover .scroll {
    color: var(--color-txt-rev);
    position: absolute;
    bottom:calc(var(--padding-default));
    width:100%; 
    padding-top:50%;
	z-index: 2;
}
@media screen and (max-width:767px) {
.mobile.safari.home .cover .scroll {
bottom:calc(var(--padding-default) + 5em);
}
}
@media screen and (max-width:767px) {
.single-craft .cover .scroll {
display:none;
}
}


 .cover .scroll span{
    display: block;
    margin:auto;
	
}
 .cover .scroll .line{
    width:1px;
    height:2.5em;
    background: var(--color-txt-rev);
}
 .cover .scroll .txt{
    text-transform: uppercase;
    font-size:75%;
    margin-top:1em;
	text-align: center;
}
 
section  {
    position: relative; 
    
    
	overflow-x: hidden;
    overflow-y: hidden;
}/*
.home .listing.slider .swiper .swiper-button-next,
.home .listing.slider .swiper .swiper-button-prev {
  
    top: auto;
    bottom:0.5em;

}*/

 

.listing {
	margin:var(--padding-default) auto;
	max-width:90em;
	
}

.listing h4 a {
	text-decoration: none;
}
.listing.slider {
	max-width:100%;
	margin: 0 auto;
}

.listing.general .items {
    margin: 0;
    padding: 0;
}

.listing.general .item {
	
	margin-bottom: calc(var(--padding-default) * 4)  ;
}

@media screen and (min-width:48em) {
	
.listing.general .item {
	
	margin-bottom: calc(var(--padding-default) * 2)  ;
}
}
.listing .item {
    list-style: none;
	margin-bottom: calc(var(--padding-default) * 1)  ;
}

.listing.grid .item {
/*	margin-bottom:  calc(var(--padding-default) * 0.5)  ;*/
	margin-bottom:0;
}

.listing.masonry .item {
	margin-bottom: 0 ;
    padding-bottom: calc(var(--padding-default) * 1.5)  ;
}
@media screen and (min-width:48em) {
    .listing.masonry .item {
	margin-bottom: 0 ;
    padding-bottom: calc(var(--padding-default) * 1)  ;
}

}
.listing.slider .item {
	margin-bottom: 0  ;
}

.listing  .item figure {
    width:100%;
	overflow: hidden;
}

	
.listing  .item figure img {
	display: block;
        width:100%;
		transition-duration: 0.4s;
		transition-timing-function: ease-out;
}

.listing .item figure img:hover{

		transform:scale(1.05);
/*		box-shadow: 0 0.4em 0.8em rgba(0,0,0,0.5);
*/
	}
    .listing.general  .item figure {
	 width:80%;
	 position: relative;
	 padding-bottom: 50%;
	 margin: auto;
}
.listing.general .item figure img {
    width:100%;
	 height: 100%;
	 position: absolute;
	 top:0;
	 left:0;
	 right:0;
	 bottom: 0; 
	
	 object-fit: contain;
}
@media screen and (min-width:48em) {
    

	 .listing.grid { 
		margin: auto;
        
        padding:  0 var(--padding-default);
    }
	.listing.grid .items { 
		display:grid;
		gap:var(--padding-default);
		grid-template-columns: repeat(4, 1fr);
	  padding: 0;
        margin: 0;
        width:100%;
        position: relative;
	}
	
	.listing.grid .item figure {
		width:100%;
		padding: 0;
		overflow: hidden;
	}
	.listing.grid .item figure img{
		position: relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
	}
	

	
		.listing.grid .item .info {
		padding: 0;
	}
    
    .listing.masonry .items {
        
    }
	.listing.masonry .item figure {
		width:100%;
		padding: 0;
	}
	.listing.masonry  .item figure img{
		position: relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
	}
	
}



.listing .item .info {
	
    padding:0 var(--padding-default);
}
.listing .item .info p {
    margin: 2em 0;
}
.listing .item .info .date {
    margin: 1em 0;
}
 .listing.general .item .meta {
        display:table;
    width:100%;
    margin:0 0 var(--padding-default)   0;
    padding:0 var(--padding-default);
}
 .listing.general .item .info>.meta {
	 
    margin:var(--padding-default)   0;
    padding:0;
}
.listing.general .item h4{
font-size: 250%;
	font-weight: 400;
	
    margin:  0;
}


@media screen and (min-width:48em) {
	.listing.general .item h4{
font-size: 375%;
	font-weight: 400;
}
}


@media screen and (min-width:64em) {
	.listing.general .item h4{
font-size: 500%;
}
}
.listing.general .item .meta>div {
    display:table-cell;
    vertical-align: middle;
    white-space: nowrap;
} 
.listing.ajax   .loadmore {
	margin:var(--padding-default)  0;
	
}
 
.listing.ajax  .loadmore a {
	color:var(--color-txt-rev);
	background:var(--color-dark);
	display: none;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}


.listing.ajax  .loadmore a:hover {
	background:var(--color-red);
}


@media screen and (min-width:48em) {
	
	.listing.general .item .img-info-wrap {
		position: relative;
		padding:0 var(--padding-default);
		
		display:grid;
		
		gap:var(--padding-default);
		grid-template-columns: 30% 70%;
	}

.listing.general .item .info {
	
    padding:0 var(--padding-default) 0 0;
}
	
/*
	.listing.general .item  .meta {
		margin:0;
    padding:0 var(--padding-default) ;
	}
*/
	
 .listing.general .item .meta { 
    margin:0 0 calc(var(--padding-default) * 0.5)   0; 
}
 .listing.general .item .info>.meta {
	 
    margin:  0; 
}
	
	.listing .meta .status {

    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;
}
.listing .info .status {
display: none;
}
.listing.general .item  h4 {
	margin-top:0!important; 
}
}
.listing .meta {
    display:table;
    width:100%;
    margin:0 0 1em 0;
	padding:0 var(--padding-default);
}

  .listing .meta>div {
    display:table-cell;
    vertical-align: middle;
    white-space: nowrap;

}
  .listing .meta .type .tag {
display: inline-block;
    color: #fff;
    padding: 0 0.6em;
    border-radius: 1.5em;
    vertical-align: middle;
    text-transform: uppercase;
    transition-duration: 0.2s; 
	  text-align: center;
	  line-height: 3em;
	  width:3em;
	  height:3em;
	
}


.listing .meta .type .tag:hover {
    padding: 0 1.2em;
	 width:auto;
	text-align: left;
}

  .listing .meta .type .tag.event {
    background-color:var(--color-red);
}

  .listing .meta .type .tag.exhibition {
     background-color:var(--color-blue);
}

.listing .meta .type .tag .short,
.listing .meta .type .tag .long {	
	font-size: 125%;
}
  .listing .meta .type .tag:hover .short,
 .listing .meta .type .tag .long  {
    display: none;
}
 .listing  .meta .type .tag .short,
 .listing .meta .type .tag:hover .long {
    display: block;
}

 .listing .meta .type .tag:hover .long {
	
}
 .listing .meta .date {
    width:100%;
    text-align: right;
	 font-size: 150%;
    
}
.listing .item .status {
    color: var(--color-grey);
	display: none;
}


.listing .item .info .status {
    margin: 1.5em 0;
	display: block;
}



/*
.home .happening .listing.slider .swiper .swiper-button-next,
.home .happening .listing.slider .swiper .swiper-button-prev { 
margin-top:4em;
}*/



.related .listing.slider   .swiper-slide .viewmore {
    margin-top:2em;
}

.related .listing.slider   .swiper-slide .info {
	padding:0 var(--padding-default);
}

.related.craft .listing.slider  .swiper-slide .img {
    width:100%;
    padding-bottom: 66%;
    position: relative;
}


.related.craft .listing.slider .swiper-slide .img img{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
}
.related.craft .listing.slider   .swiper-slide h4.en {
    
    font-size: 250%;
    margin: 0.6em 0;
}

.related.craft .listing.slider  .swiper-slide h4.ch {
    display: none;
}

 
.related.craft .listing.slider   .swiper-button-next,
.related.craft .listing.slider   .swiper-button-prev {
 
    filter:  invert(1);
 

}
.related.craft .listing.slider  .swiper-pagination {
   
    
filter:  invert(1);
}

.page.happening .heading.marquee img ,
.related.happening .heading.marquee img {
    border-radius:100%;
}
.home  .craft .listing.slider  .swiper-slide .viewmore {
filter: invert(1);
}

 

.happening .listing  .item .img figure {
    width:100%;
    padding-bottom: 66%;
    position: relative;
    background-color:rgba(0,0,0,0.1);
}

@media screen and (min-width:48em){
	
 
.related.happening .listing.slider   .swiper-slide {
	width:100%;
    max-width:38em;
}
 .related.happening .listing.slider  .swiper-slide .img figure {
    
     margin: 0 calc( var(--padding-default) / 2); 
    width: auto;
    padding-bottom: 53%;
    }

.related.happening .listing.slider  .swiper-slide .meta,
.related.happening .listing.slider  .swiper-slide .info {
        padding: 0 calc( var(--padding-default) / 2); 
}

}
@media screen and (min-width:32em){
    
.related.happening .listing.slider  .swiper-slide .img figure {
    
/*    margin: 0 calc( var(--padding-default));*/
    width: auto;
    padding-bottom: 53%;
    }
}
.related.happening .listing.slider  .swiper-slide .meta,
.related.happening .listing.slider  .swiper-slide .info {
/*       padding: 0 calc( var(--padding-default));*/
}

.happening .listing .item .img img{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    object-fit:cover;
}




.related.happening .listing.slider  .swiper-slide p {
    margin: 0;
}

@media screen and (min-width:48em) {
	
.related.happening .listing.slider .swiper-slide h4 {
    font-size:150%;

}
.related.happening .listing.slider  .swiper-slide p {
   font-size: 125%;
}
}


.related.happening .listing.slider .item .status {
	display: none;
}
.related.article {
    background:var(--color-red);
    color:var(--color-txt-rev);
}
 

  .article .listing .item {
    text-align: center;
}

  .article .listing .item p {
      display: none;
}
@media screen and (min-width:48em) {

.article .listing .item {
text-align: left;
} 
}
.related.article .listing.slider   .swiper-slide {
    
    padding: 0 var(--padding-default);
}
.related.article .listing.slider   .swiper-slide .img img {
    width:100%;
}

.related.article .listing.slider   .swiper-slide h3 {
    marign: 2em 0;
}

.related.article .listing .swiper-button-prev,
.related.article .listing .swiper-button-next,
.related.article .listing .swiper-pagination,
.related.article .listing .viewmore a {
color:var(--color-txt);
filter: invert(1);
}


.product.related .bg-block {
    background:var(--color-grey);
}

.happening.related {
    background:#fff;
    position: relative;
}


.product.related .heading.marquee img {
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}


.product.related .listing.slider .swiper-container .swiper-slide .img {
    width:100%;
    padding-bottom: 66%;
    position: relative;
}



.product.related .listing.slider .swiper-container .swiper-slide .img img{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
}



.product.related .listing.slider .swiper-container .swiper-slide {
    text-align: center;
    
    padding: 0 var(--padding-default);
}
.product.related .listing.slider .swiper-container .swiper-pagination {
	margin-top:0;
}

.product.related .shop-now,
.product.related .catalogue{
    margin:0  0 3em 0;
    text-align: center;
}

.product.related .shop-now a{
    background:var(--color-red);
}
.product.related .shop-now a:hover{
    background:var(--color-dark);
}

.product.related .shop-now a.long{
	display: none;
}

.product.related .catalogue a{
    text-transform:uppercase;
	font-size:125%;
}

@media screen and (min-width:48em) {

.product.related .shop-now a.long{
	display: inline-block;
}
	
.product.related .shop-now a.short{
	display: none;
}

	.product.related .shop-now {
		margin-top:3em ;
	}
}


.related .listing.desktop {
    display: none;
}
 
.related.article .listing .item .info {
	padding: 0;
}

.related.article .listing .item .date {
    display:none;
}

.related.product .listing .item h4,
.related.article .listing .item h4 {
    font-size: 100%;
    font-weight: 400;
    margin:3em 0;
    line-height: 1.25;
}
.related.article .listing .item h4 a {
	color:var(--color-txt-rev);
	
}
.related.article .listing .item {
}
@media screen and (min-width:48em) {
	
.related.product .listing .item h4,
.related.article .listing .item h4 {
    font-size: 125%;
    margin:1em 0; 
}
	.related.product .listing .item h4 {
 
    margin:1em 0 0 0; 
}
	

.related.product .listing .item .img,
.article .listing .item .img {
}
.related.product .listing .item .img figure,
.article .listing .item .img figure {
	padding-bottom:66%;
	position: relative;
}
.related.product .listing .item .img figure a,
.article .listing .item .img figure a,
.related.product .listing .item .img figure a img,
.article .listing .item .img figure a img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	object-fit: cover;
	width:100%;
	height:100%;
}
	
}
@media screen and (min-width:48em) {

.related .listing.mobile {
        display: none;
    }
.related .listing.desktop {
    display: block;
    }
    
    
      
.related.craft .listing.mobile {
        display: block;
    }

.related.happening .listing.desktop {
 
    } 
.home .related.craft .listing.mobile {
        display:none;
    }
	.home .related.craft .listing.desktop {
        display:block;
    }
	/*
    .home .listing .desktop .grid { 
        margin: 0; 
         display: flex;
        padding-left:0;
  flex-wrap: wrap;
        

        margin-left: -1.5em; 
            max-width: 90em;
    margin: auto;
         
}
    .home .listing .desktop .grid li {
     
        list-style: none; 
       

	flex: 0 0 calc(25% - 1.5em);  
 
	margin-left: 1.5em;
	margin-bottom:1.5em;
      
        
}
     */
	

    .related .listing.desktop.masonry .items .item {
        width:calc((100% - (var(--padding-default) * 3)) / 4) ;
    }
	
.related.article .listing.desktop.masonry .col-width{ 
    
        width:calc((100% - (var(--padding-default) * 3)) / 4) ;
        position: absolute;
        top:0;
        left:0;
	}
	
.related.article .listing.desktop.masonry .gutter-width{ 
        width:var(--padding-default);
	position: absolute;
        top:0;
        left:0;
    }
 /*   
.related.article .listing.desktop.grid li .img {
     
        position: relative;
    }
    
.related.article .listing.desktop.grid li .img img {
        width:100%;
        display: block;
    }

.related.shop .listing.desktop.grid li .img {
        width:100%;
        padding-bottom: 66%;
        position: relative;
    }
.related.shop .listing.desktop.grid li .img img {

    display: block;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    }
*/
} 


.home .craft .desktop  {
    position: relative;
    width:100%;
    max-width:100%;
    margin:auto; 
}
.home .craft .desktop .items {
 

    margin: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    max-width: 64em;
    padding: 0 2em;
}

/*
.home .craft .desktop .thumbs .thumb {
    position: absolute;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    animation-duration: 4s;
  animation-iteration-count: infinite;
    
animation-timing-function:linear;
    animation-name: floating;
} 
.home .craft .desktop .thumbs .thumb[data-place="0"]{

    left: -2%;
    bottom: 55%;
  animation-delay: 2.5s;
} 
.home .craft .desktop  .thumbs .thumb[data-place="1"]{
 z-index: 2;
    left: 16%;
    bottom: 32%;
  animation-delay: 1s;
}
.home .craft .desktop .thumbs .thumb[data-place="2"]{
   z-index: 2;

    left: 34%;
    bottom: 42%;
  animation-delay: 3s;
}
.home .craft .desktop .thumbs .thumb[data-place="3"]{
     z-index: 2;

    left: 53%;
    bottom: 24%;
  animation-delay: 2s;
}
.home .craft .desktop  .thumbs .thumb[data-place="4"]{ 
 z-index: 2;

    left: 72%;
    bottom: 49%;
  animation-delay: 0.5s;
}
.home .craft .desktop  .thumbs .thumb[data-place="5"]{ 
  z-index: 2;

    left:89%;
    bottom: 82%;
  animation-delay: 1.5s;
}

@keyframes floating {
  0% { transform: translateY(0); }
  10% { transform: translateY(1%); }
  20% { transform: translateY(3%); }
  30% { transform: translateY(5%); }
  40% { transform: translateY(7%); }
  50% { transform: translateY(10%); }
  60% { transform: translateY(7%); }
  70% { transform: translateY(5%); }
  80% { transform: translateY(3%); }
  90% { transform: translateY(1%); }
  100% { transform: translateY(0); }
}

.home .craft .desktop .thumbs .thumb.place-active,
.home .craft .desktop .thumbs .thumb.active {
    opacity: 0;
    bottom:150%;
    left:25%;
    right:auto;
    transform:scale(3);
	z-index: 1;
}
.home .craft .desktop .thumbs {
height:16em;
    position: relative;
    max-width:100em;
    margin: auto;
    }

.home .craft .desktop .thumb {
      width:14%;
}
.home .craft .desktop .thumb figure {
    position: relative;
    width:100%;
    padding-bottom: 100%;
}
.home .craft .desktop .thumb img{
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.home .craft .desktop .thumb figcaption {
    display: none;
}
@media screen and (min-width:64em) {
 
.home .craft .desktop .thumbs {
height:18em;
    position: relative;
    }
   
}


@media screen and (min-width:90em) {
 
.home .craft .desktop .thumbs {
height:24em;
    position: relative;
    }
 
}


@media screen and (min-width:48em) {
    
    
.home .related.craft .thumbs .thumb .text-border {
opacity: 0;
    transition-duration: 0.2s;
}

.home .related.craft .thumbs .thumb:hover .text-border {
opacity: 1;  
}
.home .related.craft .thumbs .thumb .text-border {
position: absolute;
    font-size:75%;  
    width: 100%;
    text-align: center;
	white-space: nowrap;
}
.home .related.craft .thumbs .thumb .text-border.top {
    top:-3em;
    left:50%;
    transform:translateX(-50%);
}
.home .related.craft .thumbs .thumb .text-border.left {
    top: 50%;
    left: -3em;
    transform: translate(-50%,0%) rotate(-90deg);
    transform-origin: 50% 50%;
    margin-top: -0.5em;
    margin-left: 0.5em;
}
.home .related.craft .thumbs .thumb .text-border.bottom {
        bottom:-3em;
    left:50%;
    transform:translateX(-50%) rotate(180deg);
}
.home .related.craft .thumbs .thumb .text-border.right {
    bottom: 50%;
    right: -3em;
    transform: translate(50%,0%) rotate(90deg);
    transform-origin: 50% 50%;
    margin-bottom: -0.5em;
    margin-right: 0.5em;
}


.home .related.craft .thumbs .thumb:hover .text-border.top {
    top:-2em; 
}
.home .related.craft .thumbs .thumb:hover .text-border.left {

    left: -2em;
}
.home .related.craft .thumbs .thumb:hover .text-border.bottom {
        bottom:-2em;
}
.home .related.craft .thumbs .thumb:hover .text-border.right {
 
    right: -2em;
}    
    
    

}
*/


.home .craft .desktop .item {
	margin: 0;

	    cursor: pointer;
}
.home .craft .desktop .thumbs {
	overflow: visible;
	padding:14% 0 0 0;
}

.home .craft .desktop .thumbs figcaption {
	display: none;
}

.home .craft .desktop .thumbs .info {
	display: none;
}

.home .craft .desktop .thumbs .item {
	width:15%;
}

.home .craft .desktop .thumbs .item  {
	 padding:2%;
	
    position: static!important;
}

.home .craft .desktop .thumbs .item>div {
	position: relative;
	width:100%;
}
.home .craft .desktop .thumbs .item>div .img  {
	width:100%;
	padding-bottom:100%;
	position: relative;
}

.home .craft .desktop .thumbs .item>div .img figure,
.home .craft .desktop .thumbs .item>div .img figure a,
.home .craft .desktop .thumbs .item>div .img figure img{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	object-fit: cover;
	width:100%;
	height:100%;
}


.home .related.craft .thumbs .item .text-border {
opacity: 0;
    transition-duration: 0.2s;
}

.home .related.craft .thumbs .item>div:hover .text-border {
opacity: 1;  
}
.home .related.craft .thumbs .item .text-border {
position: absolute;
    font-size:75%;  
    width: 100%;
    text-align: center;
	white-space: nowrap;
}
.home .related.craft .thumbs .item .text-border.top {
    top:-3em;
    left:50%;
    transform:translateX(-50%);
}
.home .related.craft .thumbs .item .text-border.left {
    top: 50%;
    left: -3em;
    transform: translate(-50%,0%) rotate(-90deg);
    transform-origin: 50% 50%;
    margin-top: -0.5em;
    margin-left: 0.5em;
}
.home .related.craft .thumbs .item .text-border.bottom {
        bottom:-3em;
    left:50%;
    transform:translateX(-50%) rotate(180deg);
}
.home .related.craft .thumbs .item .text-border.right {
    bottom: 50%;
    right: -3em;
    transform: translate(50%,0%) rotate(90deg);
    transform-origin: 50% 50%;
    margin-bottom: -0.5em;
    margin-right: 0.5em;
}


.home .related.craft .thumbs .item>div:hover .text-border.top {
    top:-2em; 
}
.home .related.craft .thumbs .item>div:hover .text-border.left {

    left: -2em;
}
.home .related.craft .thumbs .item>div:hover .text-border.bottom {
        bottom:-2em;
}
.home .related.craft .thumbs .item>div:hover .text-border.right {
 
    right: -2em;
}    
    

.home .related.craft .thumbs .item:nth-child(6n+1) {
	margin-top:-9%;
}

.home .related.craft .thumbs .item:nth-child(6n+2) {
	margin-top:-5%;
}

.home .related.craft .thumbs .item:nth-child(6n+3) {
	margin-top:-12%;
}

.home .related.craft .thumbs .item:nth-child(6n+4) {
	margin-top:-4%;
}

.home .related.craft .thumbs .item:nth-child(6n+5) {
	margin-top:-8%;
}

.home .related.craft .thumbs .item:nth-child(6n+6) {
	margin-top:-14%;
}


.home .craft .desktop .thumbs .item>div {
  
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    animation-duration: 4s;
  animation-iteration-count: infinite;
    
animation-timing-function:linear;
    animation-name: floating;
} 
.home .craft .desktop .thumbs .item:nth-child(6n+1)>div{
 
  animation-delay: 2.5s;
} 
.home .craft .desktop  .thumbs .item:nth-child(6n+2)>div {
 
  animation-delay: 1s;
}
.home .craft .desktop .thumbs .item:nth-child(6n+3)>div {
 
  animation-delay: 3s;
}
.home .craft .desktop .thumbs .item:nth-child(6n+4)>div {
    
  animation-delay: 2s;
}
.home .craft .desktop  .thumbs .item:nth-child(6n+5)>div { 
  
  animation-delay: 0.5s;
}
.home .craft .desktop  .thumbs .item:nth-child(6n+6)>div{ 
  
  animation-delay: 1.5s;
}

@keyframes floating {
  0% { transform: translateY(0); }
  10% { transform: translateY(1%); }
  20% { transform: translateY(3%); }
  30% { transform: translateY(5%); }
  40% { transform: translateY(7%); }
  50% { transform: translateY(10%); }
  60% { transform: translateY(7%); }
  70% { transform: translateY(5%); }
  80% { transform: translateY(3%); }
  90% { transform: translateY(1%); }
  100% { transform: translateY(0); }
}








.home .craft .desktop .thumbs .item.swiper-slide-duplicate {
	opacity: 0;
}

.home .craft .desktop .thumbs .item .img-info-wrap {
    transition-duration: 0.4s;
	transition-timing-function: ease-out;
}
.home .craft .desktop .thumbs .item.swiper-slide  {
	opacity: 0.4;
}
.home .craft .desktop .thumbs .item.swiper-slide:hover,
.home .craft .desktop .thumbs .item.swiper-slide-thumb-active{
	opacity: 1;
	
/*	    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);*/
}
.home .craft .desktop .detail {
    
    margin: auto;
	overflow: visible;
	padding:0 2em;
	width:100%!important;
	max-width:80em;
	margin:auto;
	position: static;
}

.home .craft .desktop .detail .swiper-wrapper {
	
    margin: auto;
}

.home .craft .desktop .detail .swiper-slide {
	
}
.home .craft .desktop .detail .swiper-button-prev,
.home .craft .desktop .detail .swiper-button-next{
	filter:invert(1);
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
@media screen and (min-width:90em) {

	.home .craft .desktop .detail .swiper-button-prev {
		left:1em;
	}
.home .craft .desktop .detail .swiper-button-next{
	right:1em;
}	
}
.home .craft .desktop .detail .item{
width:100%;
}

/*
.home .craft .desktop .items .item{
    list-style: none;
    display: none;
}
*/

.home .craft .desktop .detail .item figure{
    width:100%;
    position: relative;
	overflow: visible;
}


.home .craft .desktop .detail .item .info,
.home .craft .desktop .detail .item figcaption {
    
}
.related.craft h4 {
	font-size:250%;
}
@media screen and (min-width:48em) {
	
.related.craft h4 {
	font-size:375%;
	margin:0.5em 0;
}
}
@media screen and (min-width:64em) {
	
.related.craft h4 {
	font-size:500%;
}
}
.related.craft h4 a {
	color:var(--color-txt-rev);
}
.home .craft .desktop .detail .item .viewmore {
    filter:invert(1);
}
/*
.home .craft .desktop .items .item {
     display: none;
}*/
.home .craft .desktop .detail .item .img-info-wrap {
    position: relative;
    display: grid;
		gap:var(--padding-default);
		grid-template-columns: repeat(2, 1fr);
   
}


.home .craft .desktop .detail .item figure {
    padding-bottom: 66%;
}
.home .craft .desktop .detail .item  img {
position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
}


.home .craft .desktop .detail .item figure figcaption {

     font-size: 600%;
    width: 1px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: -0.5em;
    transform: translateY(-50%);
}

 
@media screen and (min-width:64em) {
    
.home .craft .desktop .detail .item figure figcaption {
    
    font-size:450%;
}
}
 
@media screen and (min-width:90em) {
    
.home .craft .desktop .detail .item figure figcaption {
    
    font-size:500%;
}
}
.home .craft .desktop .detail .item .info {
    padding: 0;
}

.home .craft .desktop .detail .item .info h3 a {
    color:var(--color-txt-rev);
}
.home .craft .desktop .detail .item {
}
.home .craft .desktop .detail .item {
}

.home .craft .desktop h3.tc {
}

.page.about-us .heading img,
.home .about-us .heading img {
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

.home .about-us .foundation h3 ,
.home .about-us .foundation figure,
.home .about-us .foundation .viewmore{
display: none;    
}



.home .about-us .item {
    margin: auto;
    margin-bottom:calc(var(--padding-default) * 1.5);
    max-width:90em;
}
 
.home .about-us .item .viewmore{ 
    margin-top:var(--padding-default);
}

.home .about-us .item figure img {
    display:block;
    width:100%;
    margin: calc(var(--padding-default) * 1.5) 0;
}


.home .about-us .item h3 {
    font-size:250%;        
    margin: 1em 0;
}

@media screen and (min-width:48em) {
.home .about-us .item h3 {
    font-size:375%;        
    margin: 0.5em 0;
}
}
@media screen and (min-width:64em) {
.home .about-us .item h3 {
    font-size:500%;        
    margin: 0.5em 0;
}
}

.home .about-us   .info{
  padding: 0 var(--padding-default) var(--padding-default) var(--padding-default)
}
.home .about-us   .info p{
	margin-top:0;
font-size: 125%;
}
@media screen and (min-width:48em) {
    

.home .about-us .foundation .info{
    
    padding:0 var(--padding-default);
display:grid;
    
		gap:var(--padding-default);
		grid-template-columns: repeat(2, 1fr);
}

.home .about-us   .info p{
font-size: 150%;
}

	
	.home .about-us .item .leading {
padding: 0;
}
    
.home .about-us .founder {

    
display:grid;
    
		gap:var(--padding-default);
		grid-template-columns: repeat(2, 1fr);
}
    
.home .about-us .founder figure img {
    width:100%;
    max-width:36em;
       margin: 0;
    }
    
    
.home .about-us .item.founder .info{ 
    padding:0 var(--padding-default) 0 0;
    }
     
.home .about-us .item.founder .info h3,
.home .about-us .item.founder .info .leading,
.home .about-us .item.founder .info .viewmore
    { 
        
    padding:0 0;
    }
    
  
    .home .about-us {
        margin-bottom: -6em;
        
    position: relative;
    z-index: 3;
    }
      .home main { 
    }
    .home footer {
    }
}

@media screen and (min-width:64em) {
        .home .about-us {
        margin-bottom: -10em;
    }
}

body  {
    padding-top:5em;
}
body.home {
    padding-top:0;
}


.page.about-us .breadcrumb {
    margin: 0;
    padding: 0;
}
.page.about-us .cover .swiper-slide figure {
    width:100%;
    padding-bottom: 100%;
    position: relative;
}
.page.about-us .cover .swiper-slide figure img {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.page.about-us .about-intro {
display:none;
}
@media screen and (min-width:48em) {
	
	.page.about-us .cover {
		float:right;
		width:60%;
	}
	.page.about-us .about-intro {
    float: right;
    width: 40%;
    display:block;
/*    max-width: calc(90em * 0.4);*/
	} 
.page.about-us .cover .swiper-slide figure {
    width:100%;
    padding-bottom: 66%;
}
}


	.page.about-us main .content{
		padding:calc(var(--padding-default) * 3) var(--padding-default);
		max-width:90em;
		margin:auto;
	}
	.page.about-us main .foundation .content {
		padding:calc(var(--padding-default) * 1) var(--padding-default);
		    margin-top: calc(var(--padding-default) * -1);
	}

@media screen and (min-width:48em) {

.page.about-us main .foundation .content{
padding:calc(var(--padding-default) * 2) var(--padding-default);

    margin-top: auto;
}

.page.about-us main .about-intro .content {
	padding:0  var(--padding-default);

}
	.page.about-us main .about-intro .content .breadcrumb {
		
		margin: calc( var(--padding-default) * 1.5) 0;
	}
	.page.about-us main .about-intro .content p {
		margin:  0;
	}
.page.about-us .foundation {
    padding-top: 2em;
    padding-bottom: 1em;
    clear: both;
	}
	
.page.about-us .foundation .content {
	
		display:grid;
		gap:var(--padding-default);
		grid-template-columns: repeat(2, 1fr);
	padding : var(--padding-default);

	}
	
	
.page.about-us .foundation .content p {
	margin: 0;
	}
}
.page.about-us .founder {
	background-color:var(--color-blue);
	color:var(--color-txt-rev);
}

.page.about-us .founder .content h3 {
	font-size: 250%;
	margin: 0.5em 0;
}

@media screen and (min-width:48em) {
.page.about-us .founder .content h3 {
	font-size: 375%;
}}

@media screen and (min-width:64em) {
.page.about-us .founder .content h3 {
	font-size: 500%;
}}
.page.about-us .founder .content p {
	margin: 0;
}

.page.about-us main .donate {
	background-color:var(--color-grey);
}

.page.about-us .founder .intro {
text-align: center;
}

.page.about-us .founder figure img {
	width:100%;
	display: block;
}


.page.about-us .content {
	padding: 0 var(--padding-default);
	padding-top:2em;
	padding-bottom:2em;
	max-width:90em;
	margin:auto;
}


@media screen and (min-width:48em) {
	

	.page.about-us .founder {
		overflow: hidden;
		padding-bottom: calc(var(--padding-default) * 2);
	}
	
	.page.about-us .founder .detail  {
		max-width: 90em;
		margin: auto;;
	}
	.page.about-us .founder .detail figure {
		float:left;
		width:35%;
	}
	.page.about-us  .founder .detail .content {
		float:right;
		padding-top:0;
		width:65%;
		
	}
}

 
.page.about-us .founder-intro p {
	text-align: center; 
}

.page.about-us .founder h3 {
	font-size: 200%;
}
/*
.page.about-us .donate h3 {
	text-align: center;
	text-transform:uppercase;
	font-size:250%;
}
.page.about-us .donate img {
	
    margin: calc(var(--padding-default) * 1.5) auto;
}*/

.page.coverage {
    background:var(--color-grey);
}



.page.coverage .listing {
margin-top:6em;
}


	@media screen and (min-width:48em) { 
.page.coverage .listing .item .meta {
	margin-bottom:1em;
}
			.page.coverage .listing .item p {
			margin:1em 0;
		}
}
.page.coverage .listing .item figure{
overflow: visible;
}

	 
	@media screen and (min-width:48em) { 
		

.page.coverage .listing .item figure{

    width: 100%;
    padding-bottom: 0;
}
		
.page.coverage .listing .item figure img{

    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    object-fit: unset;
}
		
	
}
.page.happening .listing .item figure img {
	 object-fit: cover;
}

	 
	@media screen and (min-width:48em) { 
 .page.happening	.listing.general .item .img-info-wrap {
	 
	 
	 
		grid-template-columns: 45% 55%;
	}
	}
/*Press Listing*/
.coverage .breadcrumb {
	filter: invert(1);
}

.coverage .listing.general .item .meta>div {
display:block;
vertical-align:unset;
white-space:unset;
}
.coverage .listing.general .item .meta .media {
    
    color:var(--color-txt-rev);
	text-transform:uppercase;
}
.coverage .listing.general .item .meta .date {
}
@media screen and (min-width:48em) {
.coverage .listing.general .item .meta>div {
display:table-cell;
vertical-align:middle;
white-space:nowrap;
}
	.coverage .listing.general .item .meta .media {
text-align:right;
	}
}
.coverage .listing.general .item .meta .date {
    width:100%;
    text-align: left;
    
} 
.coverage .listing.general .item h3 {
    font-size: 200%; 
    margin: calc(var(--padding-default) * 0.25) 0;    
} 
.single-craft main {
	overflow-x:hidden;
}
.single-craft .cover { 
	position: relative; 
    z-index:1;
}



.single-craft .cover .breadcrumb {
 
	filter:invert(1);
}

.single-craft .intro .hole-view {
    display: none;
}
.single-craft .intro .info {
	margin:auto;
	padding:0 var(--padding-default);
	max-width:90em;
}
.single-craft .intro h2 {
	font-size:250%;
}
    
    .single-craft .intro p {
        
    margin-bottom: calc(var(--padding-default) * 2);
    }


@media screen and (min-width:48em) {
	.single-craft .cover .img img {
		height: calc(100vh - 5.5em);
	}
.single-craft .breadcrumb {
	position: absolute;
	z-index: 1;
	top:0;
	left:50%;
    transform:translateX(-50%);
}
.single-craft .intro h2,
.single-craft .intro p
	{
		width:60%;
}
	
	.single-craft .intro {
		    position: relative;
    z-index: 2;
        overflow:visible;

	}
	.single-craft .intro {
		margin:-8em 0;
	}    
    .single-craft .intro .info {
    z-index: 2;  
    width: 100%;
	position: relative;
		padding:13em  var(--padding-default);

    }
	.single-craft .intro h2 {
    margin:   0;
		font-size: 500%;
		text-transform: uppercase;
		
	}
    
    
    .single-craft .intro .hole-view {
        width:100%;
        position: relative;
        z-index: 1;
        margin:-10em auto;
        display: block;
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
    }
    
	@media screen and (min-width:64em) {
		
    .single-craft .intro .info {  
		min-height:50vh;
    }
    
	}
    .single-craft .intro .hole-view img {
        width:100%;
        height:100%;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        object-fit: cover;
/*        clip-path: ellipse(20em 20em at 50% 50%);*/
        cursor: none;
            transition-duration: 0.1s;
    transition-timing-function: ease-out;

    }
    .single-craft .intro .wrapper {
        width:100%;
        padding-bottom: 66%;
        position: relative;
        z-index: 1;
        display: none;
    }

.single-craft .intro .wrapper>.full-size { 
	height : 100%; 
	width : 100%; 
	position: absolute; 
	top : 0; 
	left : 0;
}

.single-craft .intro .blend-multiply {
	mix-blend-mode : multiply;
}

.single-craft .intro .blend-screen {
	mix-blend-mode : screen;
}


.single-craft .intro .mask-bg-color {
	background-color: #50c7f8;
}

.single-craft .intro .animated-bg {
	background-image: url('http://hmongouachon.com/assets/gif/timelapse.gif'); 
	background-position:center;  
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.single-craft .intro .element-mask {
	background-color: #fff;
}


.single-craft .intro .circle-follow {
	position :absolute;
	overflow : hidden;
	background-color: #000000;
	width :320px; 
	height: 320px;
    top:calc( 50% - 160px); 
    left:calc( 50% - 160px); 
    -webkit-border-radius: 160px; 
    border-radius: 160px;  
    -webkit-transition: opacity 0.3s cubic-bezier(0.52, 0.01, 0.16, 1);  
    transition: opacity 0.3s cubic-bezier(0.52, 0.01, 0.16, 1);  
    opacity : 0; 
}


.single-craft .intro .circle-follow.moving {
	opacity : 1;
}
    
    
    
}

 
.single-craft .detail.primary {
	color:var(--color-txt-rev);
	position: relative;
} 
.single-craft .detail .bg-block {
	
	background:var(--color-blue);
}
.single-craft .detail h3 {
	
    font-size: 250%;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width:48em) {
.single-craft .detail h3 {
	
    font-size: 375%;
	}
}
@media screen and (min-width:64em) {
.single-craft .detail h3 {
	
    font-size: 500%;
	}
}
    .single-craft .detail .wrapper {
        padding:0 var(--padding-default);
        max-width: 90em;
        margin: auto;
    }

	
	.single-craft .detail .content {
		max-width:90em;
    margin: calc(var(--padding-default) * 1.5) auto;
}

.single-craft .detail.primary .video  .upload  video,
.single-craft .detail.primary .video .swiper-slide .upload  video,
.single-craft .detail.primary .video .youtube iframe,
.single-craft .detail.primary .video .swiper-slide .youtube iframe {
	 
	z-index: 4;
}

.single-craft .detail.primary .video .youtube.active iframe,
.single-craft .detail.primary .video .swiper-slide .youtube.active iframe {
 opacity: 1;
}
	.single-craft .detail.primary .video .youtube .icon,
.single-craft .detail.primary .video .swiper-slide .youtube .icon {
	
}
	.single-craft .detail.primary .video .youtube,
.single-craft .detail.primary .video .swiper-slide {
	
}
	.single-craft .detail.primary .video .youtube,
.single-craft .detail.primary .video .swiper-slide {
	
}
	.single-craft .detail.primary .video .youtube,
.single-craft .detail.primary .video .swiper-slide {
	
}

@media screen and (min-width:48em) {
	
	.single-craft .detail  {
	}
 
.single-craft .detail h3 {
	font-size:500%;
	 
}
	
	.single-craft .detail.primary .content {
		display:grid;
		 
    margin: calc(var(--padding-default) * 1.5) auto;
		gap:var(--padding-default);
		grid-template-columns: repeat(2, 1fr);
	}
	
		.single-craft .detail .content p {
			font-size:150%;
			margin:0;
	}
	
	.single-craft .detail.primary .video .youtube {
		cursor: pointer;
	}
	.single-craft .detail.primary .video .single,
	.single-craft .detail.primary .video .swiper-slide {
		margin: auto;
    max-width: 84em;
	}

	.single-craft .detail.primary .video .swiper-button-prev,
	.single-craft .detail.primary .video .swiper-button-next,
	.single-craft .detail.primary .video .swiper-pagination {
		filter:invert(1);
	}
	
}
@media screen and (min-width:48em) {
	
	.single-craft .detail.secondary .content {
		margin:4em auto;
	}	
.single-craft .detail .gallery {
	margin-top: calc(var(--padding-default) * 2);
}
	
@media screen and (min-width:84em) {
	
	.single-craft .detail.primary .video {
		margin-bottom:4em!important;
	}
	}

	
	}
.single-craft .detail .swiper-container.mobile figure {
	width:100%;
	padding-bottom:66%;
	position: relative;
}
.single-craft .detail .swiper-container.mobile figure a ,
.single-craft .detail .swiper-container.mobile figure img {
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width:100%;
	height:100%;
}



.single-craft .detail .swiper-container.desktop {
	display: none;
}
@media screen and (min-width:48em) {

.single-craft .detail .swiper-container.mobile {
	display: none;
}
	
.single-craft .detail .swiper-container.desktop {
	display: block;
}
.single-craft .detail .swiper-container.desktop .swiper-wrapper {
-webkit-transition-timing-function:linear !important; 
-o-transition-timing-function:linear !important;
transition-timing-function:linear !important; 
}
.single-craft .swiper-container.desktop .item {
	position: relative;
	width:12em;
	height: 40em;
    cursor: pointer;
}

	.single-craft .detail .swiper-container.desktop .item span {
		position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0; 
	width:100%;
	height:100%;
		z-index: 1;
	}
.single-craft .detail .swiper-container.desktop .item img {
position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width:100%;
	height:100%;
}

.single-craft .detail .swiper-container.desktop .item1 {
 width:26em;
}
.single-craft .detail .swiper-container.desktop .item1 span {
    top: 8em;
    width: 24em;
    height: 18em;
}
	
.single-craft .detail .swiper-container.desktop .item2 {
 width:6em;
}
.single-craft .detail .swiper-container.desktop .item2 span {
	  top:0; 
        width: 14em;
    height: 18em;
}
	
.single-craft .detail .swiper-container.desktop .item3 {
   width:15em;
}
.single-craft .detail .swiper-container.desktop .item3 span {
    top: 20em;
    width: 20em;
    height: 14em;
}
	
.single-craft .detail .swiper-container.desktop .item4 {
 width: 12em;
}
.single-craft .detail .swiper-container.desktop .item4 span {
    top: 3em;
    width: 16em;
    height: 12em;
}
	
.single-craft .detail .swiper-container.desktop .item5 {

    width:20em;
}
.single-craft .detail .swiper-container.desktop .item5 span {
top: 18em;
    width: 18em;
    height: 22em;
}
	
.single-craft .detail .swiper-container.desktop .item6 {
  width: 10em;
}
.single-craft .detail .swiper-container.desktop .item6 span {
	
	  
    top: 6em;
    width: 14em;
    height: 18em;
}
	
.single-craft .detail .swiper-container.desktop .item7 {
   width: 17em;
}
.single-craft .detail .swiper-container.desktop .item7 span {

    width: 14em;
    height: 10em;
    top: 26em;

}
	
.single-craft .detail .swiper-container.desktop .item8 {
   width: 22em;
}
.single-craft .detail .swiper-container.desktop .item8 span {
	top: 0em;
    width: 20em;
    height: 28em;
}
	
.single-craft .detail .swiper-container.desktop .item9 {
  
    width: 9em;
}
.single-craft .detail .swiper-container.desktop .item9 span {

    top: 19em;
    width: 18em;
    height: 13em;

}
	
.single-craft .detail .swiper-container.desktop .item10 {
  
    width: 26em;
}
.single-craft .detail .swiper-container.desktop .item10 span {

    top: 2em;
    width: 24em;
    height: 14em;
}
	
.single-craft .detail .swiper-container.desktop .item.last {
  
    width: 26em!important;
}
	
}

.dynamic-content {
    padding:1px 0;
}
.dynamic-content .col {
    margin:4em auto;
}

.dynamic-content .col-2 .col-a {
    margin-bottom: 4em;
}
.dynamic-content .text  {
    max-width: 90em;
    padding:0 var(--padding-default);
 
    margin: auto;
}
.dynamic-content .text h3 {
  
    font-size:150%;
	font-weight: 400;
}

.dynamic-content .video {
    
    max-width: 90em;
    
    margin: auto;
}
.single-craft .detail.primary .video .youtube,
.single-craft .detail.primary .video .upload,
.dynamic-content .video .youtube,
.dynamic-content .video .upload {
	position: relative;
	width:100%;
	padding-bottom:56.25%;
	
}
.single-craft .detail.primary .video .youtube iframe,
.single-craft .detail.primary .video .upload video,
.single-craft .detail.primary .video .upload source,
.dynamic-content .video .youtube iframe,
.dynamic-content .video .upload video,
.dynamic-content .video .upload source {
    position: absolute;
    width: 100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;

    background: #000;
}

.dynamic-content .gallery figure img {
 width:100%;
}
 
.dynamic-content .col-2 .gallery {
    width:100%;
    max-width: 90em;
    
    margin: auto;
}
.dynamic-content .col-2 .gallery img {
    width:100%;
}
.dynamic-content .gallery .swiper-container {
    width:100%;
}

.dynamic-content .gallery .swiper-slide { 
    max-width:calc(48em - (var(--padding-default) * 2));
}

.dynamic-content .gallery .swiper-container figure,
.dynamic-content .gallery .swiper-container img {
    width:100%;
    
    display: block;
}

@media screen and (min-width:48em) {

    .dynamic-content .col-2 { 
        width:100%;
        max-width:90em;
        display: grid;
        gap: var(--padding-default);
        padding:0  var(--padding-default);
        grid-template-columns: repeat(2, 1fr);
/*        align-items: center;*/
    } 
    
.dynamic-content .col-2 .col-a {
    margin-bottom: 0em; 
    overflow: hidden;
}
.dynamic-content .col-2 .col-b { 
    overflow: hidden;
}
    
.dynamic-content .col-2 .swiper-container,
.dynamic-content .col-2 .swiper-slide { 
    }
    .dynamic-content .col-1 .video {
        padding: 0 var(--padding-default);
    }
    .dynamic-content .col-2 .text,
    .dynamic-content .col-2 .video{ 
        
    padding:0 ;
    }
}

/*
.dynamic-content .gallery {
    width: 100%;
}
*/



/*
.related.craft h2 {
    text-transform:uppercase;
    font-size:150%;
    padding:1em var(--padding-default);
    text-align: center;
}
*/

.heading {
    padding:3em var(--padding-default);
    text-transform:uppercase;
}
.heading h3 {
    font-size:150%;
    text-align:center; 
    margin:0; 
}
@media screen and (min-width:48em) {
	
.heading {
    padding:2em var(--padding-default);
}
.heading h3 {
    font-size:325%;
  
} 
}

@media screen and (min-width:64em) {
.heading h3 {
    font-size:500%;
  
} 
}
.heading.marquee  { 
    white-space: nowrap;
    padding:1em 0;
overflow-x: hidden;
}
.heading.marquee h3 {
    display: none;
}
.heading.marquee  img {
	display:inline-block;
	vertical-align: middle;
	margin:0 0.2em;
    width: 0.8em;
    height: 0.8em;
	margin-top:-0.6em;
	object-fit:cover;
    font-size:450%; 
}
html[lang="zh-hant"] .heading.marquee  img,
html[lang="zh-hans"] .heading.marquee  img {
    
	margin-top:-0.6em;
}
.heading.marquee .swiper {
    width:100%;
}
.heading.marquee .swiper-wrapper {
-webkit-transition-timing-function:linear !important; 
-o-transition-timing-function:linear !important;
transition-timing-function:linear !important; 
}
.heading.marquee .swiper-slide {
    width:auto;
}
.heading.marquee .swiper-slide .txt {
font-weight: 700;
font-size:450%; 
}
@media screen and (min-width:48em) {	
.heading.marquee  img {
 font-size: 787.5%;
}
	.heading.marquee .swiper-slide .txt {
 
	 font-size: 787.5%;
}
}
@media screen and (min-width:64em) {	
.heading.marquee  img {
 font-size: 1125%;
}
.heading.marquee .swiper-slide .txt {
 
	 font-size: 1125%;
}
}
section.related {
	padding-bottom:calc(var(--padding-default) * 1);
}


.related.craft {
	color:var(--color-txt-rev);
}

.related.craft .bg-block {
	background:var(--color-dark);
}
.home .related.craft .bg-block {
	background:var(--color-blue);
}


.related.craft .listing.slider .img img  {
    width: 100%;
    display: block;
}

.related.craft .listing.slider figcaption{
    
    display: none;
}

.related.craft .listing.slider .swiper-slide .info{
    
    padding:0 var(--padding-default);
}

.related.craft .listing.slider .swiper-button-prev,
.related.craft .listing.slider .swiper-button-next,
.related.craft .listing.slider .swiper-pagination,
.related.craft .listing.slider .swiper-slide .viewmore{
    filter:invert(1);
}

.related.craft .listing.slider .text-border {
	display: none;
}
@media screen and (min-width:48em) {
    .related.craft .listing.slider .text-border {
	display:block;
}
    
body:not(.home) .related.craft {
    background:var(--color-dark);
    color:var(--color-txt-rev);
    padding:1px 0;
} 
    
.related.craft .listing.slider .swiper-slide {
    width:40em!important;
    height:46em;
    position: relative;
}
.related.craft .listing.slider .img  {
    position: absolute!important;
    top:2em;
    left:2em;
    right:2em;
    bottom:2em; 
    z-index:1;
    opacity: 1;
    padding:0!important;
    width:auto!important;
    height:auto!important;
	
    transition-duration: 0.4s;
	transition-timing-function: ease-out;
    
}
    
.related.craft .listing.slider .item:hover .img  {
	opacity: 0.5;
	}
	
	.related.craft .listing.slider .img figure {
		
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 
.related.craft .listing.slider .img img  {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
    
.related.craft .listing.slider .info h4{
    display:none;
    }
.related.craft .listing.slider .info {
        position: absolute;
    top:50%;
    left:50%;
    width:80%;
    transform:scale(1) translate(-50%,-50%);
    z-index:2;
    text-align: center;
	opacity: 0;
    transition-duration: 0.4s;
	transition-timing-function: ease-out;
}
	
.related.craft .listing.slider .item:hover .info {
	opacity: 1;
    transform:scale(1) translate(-50%,-50%);
}
	
    
.related.craft .listing.slider .swiper-slide .text-border {
opacity: 0;
    transition-duration: 0.4s;
}

.related.craft .listing.slider .swiper-slide-active .text-border {
opacity: 1;  
}
.related.craft .listing.slider .swiper-slide .text-border {
position: absolute;
    font-size:75%;
}
.related.craft .listing.slider .swiper-slide .text-border.top {
    top:0em;
    left:50%;
    transform:translateX(-50%);
}
.related.craft .listing.slider .swiper-slide .text-border.left {
    top: 50%;
    left: 0;
    transform: translate(-50%,0%) rotate(-90deg);
    transform-origin: 50% 50%;
    margin-top: -0.5em;
    margin-left: 0.5em;
}
.related.craft .listing.slider .swiper-slide .text-border.bottom {
        bottom:0em;
    left:50%;
    transform:translateX(-50%) rotate(180deg);
}
.related.craft .listing.slider .swiper-slide .text-border.right {
    bottom: 50%;
    right: 0;
    transform: translate(50%,0%) rotate(90deg);
    transform-origin: 50% 50%;
    margin-bottom: -0.5em;
    margin-right: 0.5em;
}
}


.related.happening h4 {
	font-size:150%;
	font-weight: 400;
}


.page.happening main {
	background:var(--color-dark);
	padding: 1px;
}
 
.page.happening main .listing,
.page.happening main .heading{
	color:var(--color-txt-rev);
}
.page.happening .listing h4 a {
    color:var(--color-txt-rev);
}

.page.happening .breadcrumb,
.page.happening .listing .viewmore a,
.page.happening .listing .loadmore a{
    filter: invert(1);
}

.page.happening .cover .listing {
    margin: 0;
}
.page.happening .cover .swiper-slide .meta,
.page.happening .cover .swiper-slide .status{
	display: none;
}

.page.happening .cover .swiper-pagination,
.page.happening .cover .swiper-button-prev,
.page.happening .cover .swiper-button-next {
	filter:invert(1);
}

.page.happening .cover .swiper-pagination {
	
}
	
	.page.happening  .cover .listing .item {
	margin: 0;	
	}

	.page.happening  .cover .listing .item h4 {
		font-size:250%;
		text-transform:uppercase;
}

@media screen and (min-width:48em) {
		.page.happening  .cover .listing .item h4 {
		font-size:375%;
}
}
@media screen and (min-width:64em) {
		.page.happening  .cover .listing .item h4 {
		font-size:500%;
}

}

@media screen and (min-width:48em) {
	
.page.happening .breadcrumb {
	position: absolute;
	z-index: 2 ;
	top:0;
	left:50%;
    transform:translateX(-50%);
}
	
	.page.happening .cover .listing {
		position: relative;
		z-index: 1;
	}
	
	
	
	.page.happening  .cover .listing .img-info-wrap{
		min-height:66vw;
		display: table;
		width:100%;
    padding: 2em 0 3em;
		
    max-width: 90em;
    margin: auto;
	}
	
	.page.happening  .cover .listing .item figure {
		padding:0;
		min-height:66vw;
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index: 1;
	}
		.page.happening  .cover .listing .item .info {

    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    text-align: center;
	}

	
	
	
	
}


@media screen and (min-width:64em) {
	
	.page.happening  .cover .listing .item{
		min-height:50vw;
	}
	
	.page.happening .cover .listing .item figure{
		padding-bottom:50%;
	}

	
	.page.happening  .cover .listing .item figure {
		padding:0;
	}
}
.listing.ajax #listing_filters {
    text-align: center;
}
.listing.ajax #listing_filters .type {
	  margin:4em auto;
}


.listing.ajax #listing_filters input[type="radio"] {
    display: none;
}
.listing.ajax #listing_filters .status {
    margin:-1em auto 4em auto;
}
.listing.ajax #listing_filters .type .txt {
font-size:125%;
    font-weight: 700;
}
.listing.ajax #listing_filters .status .txt {
    color: var(--color-grey);
}
.listing.ajax #listing_filters .type  label {
    display: inline-block;
    vertical-align: middle;
cursor:pointer;
    margin: 0 0.5em 1em 0.5em ;
}
.listing.ajax #listing_filters .status  label {
     display: inline-block;
    vertical-align: middle;
    cursor:pointer;
    margin: 0 0.5em 1em 0.5em ;
}
/*
.listing.ajax #listing_filters .type label:nth-child(n+2) {
    margin-left:1em;
}
.listing.ajax #listing_filters .status  label:nth-child(n+2) {
    margin-left:2em;
}*/
.listing.ajax #listing_filters .type input:checked ~ .txt {
    color:var(--color-red);
}
.listing.ajax #listing_filters .status input:checked ~ .txt {
   color:var(--color-txt-rev); 
}


@media screen and (min-width:48em) {
    
.listing.ajax #listing_filters .type .txt {
font-size:150%; 
}

.listing.ajax #listing_filters .type label:nth-child(n+2) {
    margin-left:2em;
}
.listing.ajax #listing_filters .status  label:nth-child(n+2) {
    margin-left:3em;
}
}

.page.happening .cover .listing .item h3 {
    font-size: 250%;
    margin: 1em 0 0.5em 0;
    text-transform: uppercase;
}

@media screen and (min-width:48em) {
	
.page.happening .cover .listing .item h3 {
    font-size: 500%;
    margin: 0;
    text-transform: uppercase;
}
	
	.page.happening .cover .listing .item p {
		margin-top:0;
	}
	
}

@media screen and (min-width:48em) {
	
	.page.happening .listing.ajax .item  h3 {
		font-size:250%;
		margin: 0;
		font-weight: 400;
	}
	
	.page.happening .listing.ajax .item p {
		margin: 1em 0;
	}
    .page.happening .listing.ajax .item .status {
        display: none;
    }
    
    .page.happening .listing.ajax .item .type .status {
       display: inline-block;
    }
}

@media screen and (min-width:90em) {
	
	.page.happening .listing.ajax .item  h3 {
		font-size:500%;
		margin: 0;
		font-weight: 400;
	}
	
	.page.happening .listing.ajax .item p {
		margin: 1em 0;
	}
}
.listing .not-found {
    text-align: center;
}
 
.single-happening .breadcrumb {
    filter:invert(1);
}
.single-happening .cover .bg-block {
    background:var(--color-blue);
}

.single-happening .cover {
	padding-bottom:6em;
}


.single-happening .cover .enrol {
	text-align: left;
	margin-top:2em;
    padding: 0 var(--padding-default);
}

.single-happening .cover .enrol  a {
	background-color:var(--color-red);
	cursor:pointer;
}
.single-happening .cover .enrol  a:hover {
	background-color:var(--color-dark);
}
.single-happening .cover .title {
    position: relative;
    z-index: 2;
    padding:0 var(--padding-default);
    color:var(--color-txt-rev);
}

.single-happening .cover .title h2 {
    text-transform: uppercase;
    font-size: 250%;
    margin: 2em 0 0 0;
}


@media screen and (min-width:48em) {
    
.single-happening .cover .title h2 { 
    font-size: 450%;
    margin:  0;
}
}

@media screen and (min-width:90em) {
    
.single-happening .cover .title h2 { 
    font-size: 1100%;
    margin: 0 0 2em 0;
}
}


.single-happening .detail.primary {
    padding:0 var(--padding-default);
}

.single-happening .detail h3 {
    text-transform: uppercase;
    font-size: 150%;
    margin: 2em 0 ;
}

@media screen and (min-width:48em) {
    
.single-happening .detail h3 {
        font-size: 280%;
    }
}
@media screen and (min-width:64em) {
    .single-happening .detail h3 { 
    font-size: 500%; 
}
}

.single-happening .detail.secondary .wrapper {
        padding:0 var(--padding-default);
        max-width: 90em;
        margin: auto;
    }

.single-happening .detail.secondary .gallery {
	margin-top:6em;
}
.single-happening .detail.secondary .gallery .swiper-slide {
	padding:0 var(--padding-default);
}
.single-happening .detail.secondary .gallery figure {
margin: 0;
}
.single-happening .detail.secondary .gallery figure img {
	width:100%;
}
@media screen and (min-width:48em) {
.single-happening .detail.secondary .wrapper {
		display:grid;
		 
    margin: 0 auto calc(var(--padding-default) * 1.5) auto;
		gap:var(--padding-default);
		grid-template-columns: repeat(2, 1fr);
	}
	
.single-happening .detail.secondary .gallery .swiper-slide {
	width: calc((100% - ( var(--padding-default) * 3 )) / 2);
	
}


.single-happening .detail.secondary .gallery .swiper-slide {
	
}	
	
}

.single-happening .enrol div.wpforms-container-full {
	position: relative;
	margin: 0;
}
.single-happening .enrol {
	color:var(--color-txt-rev);
	padding:2em 0;
}
.single-happening .enrol .bg-block {
	background:var(--color-red);
}

.single-happening .enrol .heading,
.single-happening .enrol .desc,
.single-happening .enrol .form {
	width:100%;
	padding:0 var(--padding-default);
	margin:auto;
	max-width: 64em;
	text-align: center;
} 
.single-happening .enrol h3 {
font-size:250%;
	text-transform: none; 
	margin:0em ;
}

@media screen and (min-width:48em) {
	.single-happening .enrol h3 {
font-size:375%;
}

}
@media screen and (min-width:64em) {
	.single-happening .enrol h3 {
font-size:500%;
}

}

.single-happening .enrol .desc p {
	margin:1em 0 2em 0;
}


.single-happening .enrol .form {
	margin:2em auto;
}
.single-happening .enrol .form .timeslot-selections {
	display: none;
}

.single-happening .enrol .form .wpforms-field {
	padding: 0;
	margin-bottom: 0.5em;
}

.single-happening .enrol .form .wpforms-field input,
.single-happening .enrol .form .wpforms-field textarea,
.single-happening .enrol .form .wpforms-field select {
	border-radius: 0;
	border:none;
	font-size:150%;
	text-align: center;
	color:var(--color-red);
	padding: 1.5em 0;
    height: auto;
	width:100%;
	max-width:100%;
}

.single-happening .enrol .form .wpforms-field textarea {
	
}


.single-happening .enrol .form .wpforms-field .wpforms-submit-container {
	margin:1em auto;
}

@media screen and (min-width:48em) {
	
.single-happening .enrol .form .wpforms-field.name,
.single-happening .enrol .form .wpforms-field.phone {
	width:calc((100% - 0.5em) / 2);
	float:left;
	clear:none;
}
.single-happening .enrol .form .wpforms-field.phone {
	float:right;
	}
.single-happening .enrol .form .wpforms-field.email {
	clear:both;
}
}
.single-happening .related {
    color:var(--color-txt-rev);
	
}


.single-happening .related .bg-block {
    background:var(--color-dark);
}
.single-happening .related h4 a {
    color:var(--color-txt-rev);
}
.single-happening .related .viewmore a,
.single-happening .related .swiper-pagination,
.single-happening .related .swiper-button-next,
.single-happening .related .swiper-button-prev {
    filter:invert(1);
}

.page.article .cover .bg-block {
	background:var(--color-red);
}
.page.article .cover .listing {
	color:#fff;
}

.page.article .cover .listing .item {
	margin:0;
    text-align: left;
}
.page.article .cover .listing .item figure {
	width:100%;
	padding-bottom:100%;
    position: relative;
}
.page.article .cover .listing .item figure img {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
	 object-fit: cover;
}

.page.article .cover .breadcrumb,
.page.article .cover .viewmore a,
.page.article .cover .swiper-pagination,
.page.article .cover .swiper-button-prev,
.page.article .cover .swiper-button-next {
	filter:invert(1);
}
.page.article .cover .listing .item h4 a {
    color:var(--color-txt-rev);
}

.page.article .cover .listing .item h4 {
font-size: 150%;
}

@media screen and (min-width:48em) {
	
.page.article .cover .listing .item h4 {
font-size: 325%;
}
}
@media screen and (min-width:64em) {
	
.page.article .cover .listing .item h4 {
font-size: 500%;
}
}
.page.article .cover .viewmore {
	margin:3em 0;
}
.page.article .cover .listing .item .info {
	    padding: calc( var(--padding-default) * 2) var(--padding-default);
}
@media screen and (min-width:48em) {
	

.page.article .cover .breadcrumb {
	position: absolute;
	z-index: 1;
	top:0;
	left:50%;
    transform:translateX(-50%);
	}
	.page.article .cover .listing .item .img-info-wrap {
		width:100%;
		display: flex;
		flex-direction: row-reverse;
				align-items:stretch;
	}	
		.page.article .cover .listing .item .img-info-wrap>div {
			width:50%;
position: relative;

	}
	
	.page.article .cover .listing .item .info {
		z-index: 2;
	}
	.page.article .cover .listing .item .img {
		z-index: 1;
	}
	.page.article .cover .listing .item figure {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
	
    .page.article .cover .listing .item .info p {
        display: block;
    }
	.page.article .cover .listing .item .info{
	    padding: calc( var(--padding-default) * 3) var(--padding-default) calc( var(--padding-default) * 2) var(--padding-default);
	}
		.page.article .cover .listing .item h3 {

    margin : 0.5em 0;
    font-size: 250%; 
    }
}

 section.listing {
	position: relative;
	margin: 0;
    max-width:100%;
} 
.page.article .listing .bg-block {
	background: var(--color-grey);
}
.page.article .listing.grid {
	padding:0 var(--padding-default) var(--padding-default)  var(--padding-default);
	margin: auto;
}
.page.article .listing.grid .items {
	 
	  padding: 0;
        margin:0;
        width:100%;
        position: relative;
   /* display: block;
}

.page.article .listing.grid .col-width{ 
    
	width:calc((100% - (var(--padding-default) * 0)) / 1) ;
	position: absolute;
	top:0;
	left:0;
}
.page.article .listing.grid .gutter-width{ 
        width:var(--padding-default);
	position: absolute;
        top:0;
        left:0;*/
    }

.page.article .listing.grid .item {
	width:100%;
	

}
 

.page.article .listing.grid .item h4 {
	font-size:100%;
	font-weight:400;
	margin:2em 0;
}

.page.article .listing.grid .item .viewmore {
	margin:2em 0;
}
.page.article .listing.grid .item .info {
	padding: 0;
}/*
.page.article .listing.grid .item figure {
	padding: 0;
	width:100%;
}
.page.article .listing.grid .item figure img {
	position: relative;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
	width: 100%;
    height: auto;
    object-fit:unset;
}*/
@media screen and (min-width:48em) {
.page.article .listing.grid .col-width{     
	width:calc((100% - (var(--padding-default) * 3)) / 4) ;
	position: absolute;
	top:0;
	left:0;
}
/*
.page.article .listing.grid .item {
	width:calc((100% - (var(--padding-default) * 3)) / 4) ;
	float:left;
}
.page.article .listing.grid .item1,
.page.article .listing.grid .item2 {
width:calc((100% - (var(--padding-default) * 1)) / 2) ;
}*/
}


.page.article .listing .loadmore a {
    background: var(--color-dark);
}

.single-article .cover {
   
} 
    .single-article .dynamic-content .col .gallery {
    
    max-width: 90em;
    padding: 0 var(--padding-default);
    margin: auto;
}
  
.single-article .cover {
    padding:0 var(--padding-default);
    max-width: 90em; margin: auto;
    overflow: visible;
}
    
.single-article .cover h2 {
   font-size:150%; 
}

@media screen and (min-width:48em) {
    
.single-article .cover h2 {
   font-size:325%; 
}
	
}

@media screen and (min-width:64em) {
    
.single-article .cover h2 {
   font-size:500%; 
}
	
}
.single-article .dynamic-content h4 {
   font-size:125%; 
    font-weight: 400;
}

.single-article .prev-next {
	padding: 4em 0;
}

.single-article .prev-next .nav-links {
	
        display:table;
	width:100%;
}

.single-article .prev-next .nav-links .nav-previous,
.single-article .prev-next .nav-links .nav-next {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	position: relative;
	min-height: 2em;
}

.single-article .prev-next .nav-links .nav-next {
	text-align: right;
}

.single-article .prev-next .nav-links .nav-previous {
	padding-left:3em;
}
.single-article .prev-next .nav-links .nav-next {
	padding-right:3em;
}
.single-article .prev-next .nav-links .arrow {
	position: absolute;
	top:50%;
}

.single-article .prev-next .nav-links .nav-previous .arrow {
    background-image:url(images/arrow-up.svg);
    background-repeat: no-repeat;
    background-size:contain;

    background-position: center;
    width:2em;
    height:2em;
    left:0;
    margin-top: -1em;
    transform: rotate(-90deg);
}
.single-article .prev-next .nav-links .nav-next .arrow {
    background-image:url(images/arrow-up.svg);
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
right:0;
    width:2em;
    height:2em;
    
    margin-top: -1em;
    transform: rotate(90deg);
} 

.single-article .prev-next .nav-links .text {
	text-transform:uppercase;
}
.single-article .prev-next .nav-links .title {
	display: none;
}

.single-article .related {
   background:var(--color-dark);
} 


 .single-article .dynamic-content h3 {
   font-size:125%; 
}  
@media screen and (min-width:48em) {

 .single-article .dynamic-content h3 {
   font-size:187.5%; 
}       
}
@media screen and (min-width:48em) {

 .single-article .dynamic-content h3 {
   font-size:250%; 
}       
}
@media screen and (min-width:48em) {
     

    .single-article .dynamic-content .col-2 .gallery {
     
    padding: 0; 
}
 
	
	


.single-article .prev-next .nav-links {
	padding: 4em 0;
}

.single-article .prev-next .nav-links .nav-previous,
.single-article .prev-next .nav-links .nav-next { 
	min-height: 10em; 
} 

.single-article .prev-next .nav-links .nav-previous {
	padding-left:12em;
}
.single-article .prev-next .nav-links .nav-next {
	padding-right:12em;
}
.single-article .prev-next .nav-links .arrow {
	position: absolute;
	top:50%;
}

.single-article .prev-next .nav-links .nav-previous .arrow { 
    width:10em;
    height:10em; 
    margin-top: -5em;
}
.single-article .prev-next .nav-links .nav-next .arrow { 
    width:10em;
    height:10em;
    margin-top: -5em;
} 

.single-article .prev-next .nav-links .text {
font-size:250%;
}
.single-article .prev-next .nav-links .title {
	display: block;
}	
	
	
	
	
	
	
.single-article .related {
  padding-bottom:4em;
}  
	
	
	
}
@media screen and (min-width:90em) {
    
.single-article .cover h2 {
   font-size:500%; 
}
     .single-article .dynamic-content h3 {
   font-size:250%; 
}       
}


.single-article .cover .date{
    margin: 1.5em auto;
    color:var(--color-grey);
}

.single-article .cover img {
    height: auto;
}
.single-article .dynamic-content .col {
   
}

.single-article .cover figure {
    position: relative;
    
}
.single-article .cover .share {
    padding:0;
    margin: 0;
    position: absolute;
    top:0;
    right: 0;
    background:var(--color-dark);
    color:#fff;
    text-align: center;
}


.single-article .cover .share li {
    list-style: none;
}

.single-article .cover .share li a{
    color:var(--color-txt-rev);
    padding:0.8em;
    display: block;
}

.single-article .cover .share li a i{
    font-size:125%;  
    display: inline-block;
    width: 1em;
}

.single-article .cover .share li a:hover {
    background:var(--color-grey);
}
.single-article .cover .share li:nth-child(n+2) {
    display: none;
}


.single-article .cover .share:hover li:nth-child(n+2) {
     display: block;
}

@media screen and (min-width:94em) {
    .single-article .cover .share li:nth-child(n+2) {
   display: block;
}

 
.single-article .cover .share {
    right:auto;
    left:100%;
    font-size:125%;
}
}

.single-article .prev-next nav a {
    color:var(--color-dark);
}

.page.publication .featured .bg-block {
	background:var(--color-dark);
}


.page.video .featured .bg-block {
	background:var(--color-grey);
}
.page.publication .featured .title {
	color:var(--color-txt-rev);
}


.page.publication .breadcrumb {
	filter:invert(1);
}
.page.publication .featured .listing.slider {
	color:var(--color-txt-rev);
}


.page.video .featured .title,
.page.publication .featured  .title{
	
    padding:0 var(--padding-default);
   /* max-width: 90em;*/
	margin: auto;
}


.page.video .featured .title h2,
.page.publication .featured   .title h2{
    font-size: 250%;
    text-transform: uppercase;
}


@media screen and (min-width:48em) {
	
.page.video .featured .title h2,
.page.publication .featured  .title h2{
    font-size: 500%;
	margin: auto;
		
    margin-bottom: 0.5em;
    margin-top: -0.2em;
}

}

@media screen and (min-width:90em) {
	
.page.video .featured .title h2,
.page.publication .featured  .title h2{
    font-size: 1125%;

}

}

.page.video .featured .listing.slider,
.page.publication .featured .listing.slider {
	margin: 2em auto;
	width:100%;
}
.page.publication .featured .listing .swiper-slide {
	max-width:38em;
    padding:0 var(--padding-default);
}
.page.publication .featured .listing .swiper-slide .img img {
	width:100%;
	display: block;
	
}


.page.publication .featured .listing .swiper-slide figure a {
    display:inline-block;
    position: relative;
overflow: hidden;
    width: 100%;
	
    padding-bottom: 150%;
}

.page.publication .featured .listing .swiper-slide figure a img {
    display: block;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
	z-index: 1;
	
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position: center;
}

.page.publication .featured .listing .swiper-slide figure a .hover-mask {
    background-color:rgba(0,0,0,0.4);
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    background-image:url(images/publication_hover_icon.png);
    background-position: center;
    background-size:12em 8em;
    background-repeat: no-repeat;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;opacity: 0;
	z-index: 2;
}




.page.publication .featured .listing .swiper-slide figure a:hover img {
	/*transform:scale(1.05);*/
}


.page.publication .featured .listing .swiper-slide figure a:hover .hover-mask {
    opacity: 1; 
    background-size:10em 6.5em;
}

.page.publication .featured .listing .swiper-slide .year {
	margin:2em auto 1em auto ;
	color:var(--color-grey);
}

.page.publication .featured .listing .swiper-slide h4 {
	font-size:250%;
	margin: auto;
	font-weight: 400;
}

.page.publication .listing .item .btn {
	text-align: left;
	margin-top:2em;
}
.page.publication .listing .item .btn a {
	display: inline-block;
	background-color: var(--color-red);
}
.page.publication .listing .item .btn a:hover {
	background-color: var(--color-blue);
}
@media screen and (min-width:48em) {
	
.page.publication .featured .listing .swiper-slide h4 {
	font-size:375%; 
}
}

@media screen and (min-width:64em) {
	
.page.publication .featured .listing .swiper-slide h4 {
	font-size:500%; 
}
}
.page.publication .featured .listing .item .info {
    padding: 0;
}
.page.publication .featured .listing .swiper-slide h4 a{
text-decoration: none;
color:var(--color-txt-rev);
}
.page.publication .featured .listing .swiper-button-prev,
.page.publication .featured .listing .swiper-button-next,
.page.publication .featured .listing .swiper-pagination,
.page.publication .featured .listing .viewmore a {
color:var(--color-txt);
filter: brightness(0) invert(1);
}


.page.video .breadcrumb {
    filter:invert(1);
}
.page.video .featured .listing .swiper-slide .img figure {
	width:100%;
	padding-bottom: 56.25%;
	position: relative;
}
.page.video .featured .listing .swiper-slide .img figure img {
	width:100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	object-fit: cover;
}

.page.video .featured .listing .swiper-slide .info {
	
    padding:0 var(--padding-default);
}


@media screen and (min-width:48em) {
	

	.page.video .featured .listing .swiper-slide h4 {
		
		font-size: 150%;
	}
}

@media screen and (min-width:48em) {		
	.page.video .featured .listing .swiper-slide h4 {
		
		font-size: 325%;
	}
}
@media screen and (min-width:64em) {
		.page.video .featured .listing .swiper-slide h4 {
		
		font-size: 500%;
	}
	
	.page.video .featured .listing .swiper-slide {
		width:80%;
		max-width:78em;
	}
.page.video .featured .listing .swiper-slide  {
	
    padding:0 calc(var(--padding-default) / 2);
}


.page.video .featured .listing .swiper-slide .info {
	
    padding:0;
}

}

.page.video section.listing .items {
    margin: 0;
    padding:0 var(--padding-default);
}

@media screen and (min-width:48em) {
    .page.video section.listing .items {
    margin: 0;
    padding:0;
}
}
.page.video section.listing .item .info {
    padding: 0;
}
.page.video section.listing,
.page.video section.listing a{
    
    color:var(--color-txt-rev);
}
.page.video section.listing .bg-block {
    background:var(--color-dark);
    color:var(--color-txt-rev);
}


.page.video .featured .item h4 {
    font-size:250%;
}
@media screen and (min-width:48em) {
    
.page.video .featured .item h4 {
    font-size:375%;
    
    margin: 0.5em 0;
}
}

@media screen and (min-width:90em) {
    
.page.video .featured .item h4 {
    font-size:500%;
}
}

.page.video section.listing .listing {
    margin:4em auto 2em auto;
}
.page.video section.listing .item {
    margin-bottom: calc(var(--padding-default) * 2);
}

@media screen and (min-width:48em) {
    .page.video section.listing .item {
    margin-bottom: calc(var(--padding-default) * 0);
}

.page.video section.listing .listing {
    margin:4em auto ;
}
}

.page.video section.listing .item h4 {
    font-size:150%;
	font-weight: 400;
}


@media screen and (min-width:48em) {
	.page.video section.listing .item h4 {
    font-size:125%;
}

}
.page.video section.listing  .loadmore {
    filter:invert(1);
}
	.single-craft .detail.primary .video .upload,
.single-craft .detail.primary .video .swiper-slide .upload,

	.single-craft .detail.primary .video .youtube,
.single-craft .detail.primary .video .swiper-slide .youtube,
.dynamic-content .video.item figure,
.video .listing .item figure {
    overflow: hidden;
    position: relative;
	padding-bottom: 56.25%;
	cursor: pointer;
}
	.single-craft .detail.primary .video .upload a,
.single-craft .detail.primary .video .swiper-slide .upload a,
.dynamic-content .video.item .img a,
.video .listing .item .img a {
	cursor: pointer;
}
.dynamic-content .video.item .img,
.video .listing .item .img {
    background-color:var(--color-dark);
}

	.single-craft .detail.primary .video .upload img,
.single-craft .detail.primary .video .swiper-slide .upload img,
	.single-craft .detail.primary .video .youtube img,
.single-craft .detail.primary .video .swiper-slide .youtube img,
.dynamic-content .video.item .img img,
.video .listing .item .img img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	object-fit:cover;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
	z-index: 2;
}

	.single-craft .detail.primary .video .upload:hover img,
.single-craft .detail.primary .video .swiper-slide .upload:hover img,
	.single-craft .detail.primary .video .youtube:hover img,
.single-craft .detail.primary .video .swiper-slide .youtube:hover img,
.dynamic-content .video.item:hover .img img,
.video .listing .item:hover .img img {
    opacity: 0.8;
}

	.single-craft .detail.primary .video .upload .icon,
.single-craft .detail.primary .video .swiper-slide .upload .icon,
	.single-craft .detail.primary .video .youtube .icon,
.single-craft .detail.primary .video .swiper-slide .youtube .icon,
.dynamic-content .video.item .icon,
.video .listing .item .img .icon {
    background-image: url(images/video_play_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size:calc(100% * 0.2);
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: 1;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
	z-index: 3;
}

	.single-craft .detail.primary .video .upload .icon,
.single-craft .detail.primary .video .swiper-slide .upload .icon,
	.single-craft .detail.primary .video .youtube .icon,
.single-craft .detail.primary .video .swiper-slide .youtube .icon {
	opacity: 1;
}
	.single-craft .detail.primary .video .upload .icon,
.single-craft .detail.primary .video .swiper-slide .upload .icon,
	.single-craft .detail.primary .video .youtube .icon,
.single-craft .detail.primary .video .swiper-slide .youtube .icon {
	
    background-size:calc(100% * 0.2);
}
	.single-craft .detail.primary .video .upload:hover .icon,
.single-craft .detail.primary .video .swiper-slide .upload:hover .icon,
	.single-craft .detail.primary .video .youtube:hover .icon,
.single-craft .detail.primary .video .swiper-slide .youtube:hover .icon {
	
    background-size:calc(100% * 0.25);    opacity: 1;
    
}
.dynamic-content .video.item .img .icon,
.video .listing .item:hover .img .icon {
    opacity: 1;
    
    background-size:calc(100% * 0.25);
}
@media screen and (min-width:48em) {
	
.video .featured .listing .item .img .icon {
 
    background-size:calc(100% * 0.15);
}
	
	.dynamic-content .video .item .img .icon,
	.single-craft .detail.primary .video .youtube .icon,
	.single-craft .detail.primary .video .swiper-slide .youtube .icon,
	.single-craft .detail.primary .video .upload .icon,
	.single-craft .detail.primary .video .swiper-slide .upload .icon {
		
    background-size:calc(100% * 0.15);
	}
	.dynamic-content .video .item:hover .img .icon,
	.single-craft .detail.primary .video .youtube:hover .icon,
	.single-craft .detail.primary .video .swiper-slide .youtube:hover .icon,
	.single-craft .detail.primary .video .upload:hover .icon,
	.single-craft .detail.primary .video .swiper-slide .upload:hover .icon {
		
    background-size:calc(100% * 0.2);
	}
.video .featured .listing .item:hover .img .icon {
    

    background-size:calc(100% * 0.2);
    }
} 

.page.contact-us .cover {
    background:var(--color-grey);
}

.page.contact-us .img figure {
    width:100%;
    padding-bottom:100%;
    position: relative;
}

.page.contact-us .img img {
    display: block;
    object-fit:cover;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
}


.page.contact-us .form {

    max-width: 38em;

    padding:calc(var(--padding-default) * 2) var(--padding-default);
}

.page.contact-us .form h2 {
    font-size:250%;
	text-transform: uppercase;
	
    margin: 0 0 0.5em 0 ;
}

@media screen and (min-width:48em) {
.page.contact-us .form h2 {
    font-size:375%;
}
}
@media screen and (min-width:90em) {
.page.contact-us .form h2 {
    font-size:500%;
}
}



@media screen and (min-width:48em) {
 
.page.contact-us .breadcrumb {
	position: absolute;
	z-index: 1;
	top:0;
	left:50%;
    transform:translateX(-50%);
    filter: invert(1);
}
    .page.contact-us .cover {
        display: grid;
        
		grid-template-columns: repeat(2, 1fr);
    }
    .page.contact-us .cover .form {
        vertical-align: middle;
    }
    
    .page.contact-us .cover .img {
    position: relative;
    }
    .page.contact-us .cover .img figure {
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        padding: 0;
    }
}
.fancy-img {
    display:inline-block;
    position: relative;
overflow: hidden;
    width: 100%;}
.fancy-img img {
    display: block;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
}
.fancy-img .hover-mask {
    background-color:rgba(0,0,0,0.4);
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    background-image:url(images/thumb_hover_icon.png);
    background-position: center;
    background-size:6em 6em;
    background-repeat: no-repeat;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;opacity: 0;
}



.fancy-img:hover img {
	transform:scale(1.1);
}

.fancy-img:hover .hover-mask {
    opacity: 1; 
    background-size:4em 4em;
}

.wrap.template-default {
padding:0 var(--padding-default);
padding-bottom:8em;
max-width:90em;
margin:0 auto;
}

.wrap.template-default p {
	margin:0
}