/*
Theme Name:WeLoveU
Theme URI:https://forum.intlweloveu.org
Author:The Intl. WeLoveU Foundation
Description:Save the World Global Forum
Version:1.0
*/


:root{
  /* 1. Typography ================ */
  --typo-body:16px;

  --typo-display-1:36px;
  --typo-display-2:30px;
  --typo-display-3:26px;
  --typo-display-4:24px;
  --typo-display-5:22px;
  --typo-display-6:18px;

  --typo-pragraph-1:17px;
  --typo-pragraph-2:16px;
  --typo-pragraph-3:15px;
  --typo-pragraph-4:14px;
  --typo-pragraph-5:13px;
  --typo-pragraph-6:12px;


  /* 2. Colors ================ */
  /* White */
  --white-5:rgba(255,255,255,0.05);
  --white-10:rgba(255,255,255,0.1);
  --white-20:rgba(255,255,255,0.2);
  --white-30:rgba(255,255,255,0.3);
  --white-40:rgba(255,255,255,0.4);
  --white-50:rgba(255,255,255,0.5);
  --white-60:rgba(255,255,255,0.6);
  --white-70:rgba(255,255,255,0.7);
  --white-80:rgba(255,255,255,0.8);
  --white-90:rgba(255,255,255,0.9);
  --white-100:#ffffff;

  /* Black */
  --black-4:rgba(0,0,0,0.04);
  --black-5:rgba(0,0,0,0.05);
  --black-6:rgba(0,0,0,0.06);
  --black-7:rgba(0,0,0,0.07);
  --black-8:rgba(0,0,0,0.08);
  --black-9:rgba(0,0,0,0.09);
  --black-10:rgba(0,0,0,0.1);
  --black-15:rgba(0,0,0,0.15);
  --black-20:rgba(0,0,0,0.2);
  --black-30:rgba(0,0,0,0.3);
  --black-40:rgba(0,0,0,0.4);
  --black-50:rgba(0,0,0,0.5);
  --black-60:rgba(0,0,0,0.6);
  --black-70:rgba(0,0,0,0.7);
  --black-80:rgba(0,0,0,0.8);
  --black-90:rgba(0,0,0,0.9);
  --black-100:#000000;

  --text-primary:#2553ba;
  --text-primary-light:#1e76df;
  --text-secondary:#ae9167;
  --text-body:#333333;
  --text-warning:#e82600;
  --text-black:var(--black-100);
  --text-gray-dark:#666666;
  --text-gray:#777777;
  --text-gray-light:#999999;
  --text-white:var(--white-100);
  --text-icon:var(--text-body);
  --btn-primary:#3c5acd;

  /* 3. Spacing / Units  ================ */
  --unit-05x:4px;
  --unit-075x:6px;
  --unit-1x:8px;
  --unit-2x:16px;
  --unit-3x:24px;
  --unit-4x:32px;
  --unit-5x:40px;
  --unit-6x:48px;
  --unit-7x:56px;
  --unit-8x:64px;
  --unit-9x:72px;
  --unit-10x:80px;
  --unit-15x:120px;
  --unit-20x:160px;
  --unit-25x:200px;
  --unit-30x:240px;
  --unit-35x:280px;
  --unit-40x:320px;
  --unit-45x:360px;
  --unit-50x:400px;
  --unit-full:999px;


  /* 4. Semantic Tokens ================ */

  /* Overlay */
  --overlay-strong:var(--black-50);
  --overlay-medium:var(--black-40);
  --overlay:var(--black-30);
  --overlay-light:var(--black-15);

  /* Border */
  --border:var(--black-10);
  --border-light:var(--black-7);
  --border-blockquote:var(--black-10);

  /* Etc. */
  --bg-surface:var(--black-5);
  --bg-surface-white:var(--white-100);
  --bg-surface-gray:rgb(247, 247, 247);
  --bg-input:var(--black-5);
  --bg-focus:var(--black-100);


  /* radius */
  --radius:var(--unit-1x);
  --radius-circle:var(--unit-full);

  /* WDS */
  --color-text-body:var(--text-body);
  --color-primary:var(--text-primary);
  --smt-color-primary:var(--text-primary);
  --comp-color-text-component:var(--text-body);
  --comp-border-shadow-black:inset 0 0 0 1px var(--text-body);

}


/* Desktop Typography Overrides ================ */
@media (min-width:768px){
  :root{
    --typo-display-1:48px;
    --typo-display-2:36px;
  }
}
@media (min-width:1070px){
  :root{
    --typo-display-1:70px;
    --typo-display-2:48px;
    --typo-display-3:40px;
    --typo-display-4:32px;
    --typo-display-5:24px;
    --typo-display-6:22px;

    --typo-pragraph-1:18px;
    --typo-pragraph-2:16px;
    --typo-pragraph-3:15px;
    --typo-pragraph-4:14px;
    --typo-pragraph-5:13px;
    --typo-pragraph-6:12px;
  }
}

/* common */
/* *{color:var(--text-body)} */

/* 타이포 폰트 설정 */
.display-1{font-size:36px; line-height:1.45}
.display-2{font-size:30px; line-height:1.4}
.display-3{font-size:26px; line-height:1.4}
.display-4{font-size:24px; line-height:1.4}
.display-5{font-size:22px; line-height:1.5}
.display-6{font-size:18px; line-height:1.5}

.pragraph-1{font-size:17px; line-height:1.6}
.pragraph-2{font-size:16px; line-height:1.6}
.pragraph-3{font-size:15px; line-height:1.5}
.pragraph-4{font-size:14px; line-height:1.5}
.pragraph-5{font-size:13px; line-height:1.5}
.pragraph-6{font-size:12px; line-height:1.5}
@media (min-width:768px){
  .display-1{font-size:48px}
  .display-2{font-size:36px}
}
@media(min-width:1070px){
  .display-1{font-size:70px; line-height:1.4}
  .display-2{font-size:48px; line-height:1.4}
  .display-3{font-size:40px; line-height:1.4}
  .display-4{font-size:32px; line-height:1.4}
  .display-5{font-size:24px; line-height:1.5}
  .display-6{font-size:22px; line-height:1.5}

  .pragraph-1{font-size:18px; line-height:1.6}
  .pragraph-2{font-size:16px; line-height:1.6}
  .pragraph-3{font-size:15px; line-height:1.5}
  .pragraph-4{font-size:14px; line-height:1.5}
  .pragraph-5{font-size:13px; line-height:1.5}
  .pragraph-6{font-size:12px; line-height:1.5}
}


/* 텍스트 칼라 */
.text-primary{color:var(--text-primary)}
.text-primary-light{color:var(--text-primary-light)}
.text-gray-dark{color:var(--text-gray-dark)}
.text-gray{color:var(--text-gray)}
.text-gray-light{color:var(--text-gray-light)}

.color-danger{color:var(--text-warning)}

/* 백그라운드 칼라 */
.bg-gray{background-color:var(--bg-surface-gray)}
.bg-white{background-color:var(--bg-surface-white)}


/* Header */
.header .nav-mobile-btn::before, .header .nav-mobile-btn::after{height:2px}
.header .site-logo img{width:125px; height:23px}
.header .secondary-nav div[class^="menu-header-nav"] li:not(.wpml-ls-item) a{font-weight:600}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native{display:flex; align-items:center}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{content:''; vertical-align:-2px; background-size:100%; width:16px; height:16px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob_dark.svg'); background-repeat:no-repeat}
body.active-search-btn .search-btn .ico-search:before{content:'\e80b'}
@media(min-width:1070px){
  .header div[class^="menu-header-nav"] > .menu{gap:4px}
  .header .search-btn .ico-search{font-size:22px}
  .header .secondary-nav div[class^="menu-header-nav"] li:not(.wpml-ls-item) a:lang(ko){font-size:13px}
  .header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native{font-size:0}
  .header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{width:20px; height:20px; margin-right:0; background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob.svg')}
}

/* Btn */
.btn{
  --md-comp-padding-x:20px;
  --md-comp-padding-y:16px;
  --md-comp-font-size:14px;
}
.btn:not(.btn-square, .style-round){border-radius:2px}
.btn.size-md{padding:14px 20px; min-width:124px}
.btn.size-lg, .btn.size-xl{padding:12px 24px}
.style-filled:not(.color-white){background-color:var(--btn-primary)}
.style-filled.color-danger{background-color:var(--text-warning)}
.style-filled.color-black{background-color:var(--comp-color-text-component)}
.btn-icon .ico{background-position:center; background-repeat:no-repeat; background-size:100%}
.ico-share{width:17px; height:17px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_share.svg')}
.btn-icon-only .ico-share{width:18px; height:18px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_share.svg')}
@media(min-width:1070px){
  .btn.size-lg, .btn.size-xl{padding:16px 28px; min-width:200px}
  /* .btn.color-black:hover{background-color:var(--comp-color-text-component); color:var(--text-white)} */
  .style-filled:hover{background-color:transparent}
  .btn.style-filled.color-white:hover{box-shadow:var(--comp-border-shadow-white); color:var(--text-white)}
  .btn.style-filled:not(.color-white):hover{box-shadow:inset 0 0 0 1px var(--btn-primary); color:var(--btn-primary) !important}
  .btn.style-filled.color-danger:hover{box-shadow:inset 0 0 0 1px var(--text-warning); color:var(--text-warning) !important}
  .btn.style-filled.color-black:hover{box-shadow:inset 0 0 0 1px var(--comp-color-text-component); color:var(--comp-color-text-component) !important}
}

/* 언어체크 배너 */
.lang-check{background-color:#393c42; color:#fff}
.lang-check .container{padding-top:7px; padding-bottom:8px}
.lang-check p{font-size:13px}
.lang-check .btn{font-size:13px; gap:0}
.lang-check .btn-yes{background-color:#279EFF; color:#fff}
.lang-check .btn-no{background-color:#e0f5ff; color:#279EFF !important}
@media(min-width:1070px){
  .lang-check .container{padding-top:8px}
  .lang-check .btn.style-filled:hover{box-shadow:none; color:inherit !important}
  .lang-check .btn-no.style-filled:hover{color:#279EFF !important}
}


/* footer */
.footer{border-top:1px solid rgba(0, 0, 0, 0.1)}
.footer .row{gap:40px}
.footer .logo img{width:260px}
.footer .right{display:flex; flex-wrap:wrap; gap:6px}
.footer .right .btn{cursor:pointer; height:40px}
.footer .right .contact{font-size:14px}

.footer .family{position:relative; display:inline-block; height:fit-content}
.footer .family .btn{font-size:13px}
.footer .family .btn .ico{font-size:14px; transition:all 0.2s ease}
.footer .family .ico-plus{}
.footer .family div[class^="menu-family-site-menu"]{min-width:200px; position:absolute; bottom:50px; left:0; display:none; padding:12px 0}
.footer .family div[class^="menu-family-site-menu"] a{display:inline-block; padding:4px 16px; line-height:1.4}

.footer .family.on .btn .ico{transform:rotate(45deg)}
.footer .family.on div[class^="menu-family-site-menu"]{display:block; border-radius:8px; font-size:13px; box-shadow:var(--comp-border-shadow); background-color:var(--bg-surface-white)}

.footer .right .btn-share{width:40px; padding:0}
@media(min-width:1070px){
  .footer .row{gap:0}
  .footer .right{justify-content:flex-end; align-items:flex-end}
  .footer .family div[class^="menu-family-site-menu"] a:hover{color:var(--text-gray-dark)}
}

/* share */
.modal-share{position:fixed; display:flex; display:none; justify-content:center; align-items:center; top:0; right:0; bottom:0; left:0; z-index:999; background-color:rgba(0,0,0,0.5)}
.modal-share.on{display:flex; max-width:100%}
.modal-contents{width:300px; border-radius:14px; padding:20px 20px 15px 20px; background-color:#FFF; z-index:101; position:relative}
.modal-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:15px}
.modal-title{font-size:18px; font-weight:500}
.modal-close{display:inline-block; width:15px; height:15px; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_close.svg'); background-size:100%; background-repeat:no-repeat; cursor:pointer}
.modal-share .sns-share .addtoany_shortcode{display:inline}
.modal-share .sns-share .addtoany_shortcode .addtoany_list{display:flex; flex-wrap:wrap}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a,
.modal-share .sns-share .kakaotalk{display:flex; flex-direction:column; align-items:center; width:25%; height:auto; padding-bottom:10px; margin:0 !important; opacity:1; overflow:hidden; position:relative; background-image:inherit}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a::before,
.modal-share .sns-share .kakaotalk::before{content:''; position:relative; display:block; width:40px; height:40px; border-radius:14px; top:0; right:0; bottom:0; left:0; background-position:center; background-repeat:no-repeat; box-shadow:0px 0px 0px 1px rgb(0 0 0 / 7%) inset}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_facebook::before {background-color:#3F5594; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_facebook.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_twitter::before  {background-color:#1B97F0; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_twitter.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_email::before    {background-color:#7D7D7D; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_mail.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_line::before     {background-color:#21CD5B; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_line.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_kakao::before    {background-color:#FDBF00; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_story.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_sms::before      {background-color:#4F67ED; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_sms.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_copy_link::before{background-color:#FFFFFF; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_link.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_x::before        {background-color:#000000; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_x.svg')}
.modal-share .sns-share .kakaotalk::before {background-color:#FFE300; background-image:url('/wp-content/themes/weloveu/images/sns/ico_share_kakaotalk.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list > a:after,
.modal-share .sns-share .kakaotalk:after{content:attr(title); position:relative; display:block; text-align:center; font-size:11px; font-weight:500; color:var(--text-body); margin-top:2px}




/* 페이지 > 상단 비주얼 */
.page-visual{position:relative; overflow:hidden}
.page-visual .visual-area{background-position:top; background-size:cover; background-repeat:no-repeat}
.page-visual .text-wrap{position:relative; z-index:1; text-align:center}

.visual-area{position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0}
.visual-area::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#141618; opacity:0.45}

.page-visual .text-wrap{position:relative; z-index:1; min-height:340px; display:flex; align-items:center; justify-content:center; flex-direction:column}
/* .page-visual .text-wrap > *:not(:first-child){margin-top:0} */
.page-visual .text-wrap .title{font-size:var(--typo-display-2); line-height:1.1; font-weight:500}
.page-visual .text-wrap .sub{font-size:16px; line-height:1.4}
@media(min-width:768px){
  .page-visual .text-wrap .title{font-weight:600; line-height:1.2}
  .page-visual .text-wrap .sub{font-size:18px}
}
@media(min-width:1070px){
  /* .page-visual .text-wrap .title{font-size:45px} */
}


/* Ken Burns Effect */
.kenburns{
  --speed:3.5s;
	animation:kenburns-move var(--speed) ease !important;
	-ms-animation:kenburns-move var(--speed) ease !important;
	-webkit-animation:kenburns-move var(--speed) ease !important;
	-o-animation:kenburns-move var(--speed) ease !important;
	-moz-animation:kenburns-move var(--speed) ease !important;
	animation-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
	transform:translateZ(0) scale(1) rotate(0deg);
	transition:1800ms;
    -webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@keyframes kenburns-move {
  0% {
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    /* opacity:0 */
  }
  100% {
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -moz-transform:scale(1);
    /* opacity:1 */
  }
}


/* thum hover */
@media(min-width:1070px){
  .lists .list-item .thum{overflow:hidden}
  .lists .list-item .thum-img{transition:all 0.5s ease}
  .lists .list-item:hover .thum-img{transform:scale(1.05)}

}

/* Media */
.media .visual-area{background-image:url('/wp-content/themes/weloveu/images/media_visual.jpg'); background-position:center}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .media .visual-area{background-image:url('/wp-content/themes/weloveu/images/media_visual@2x.jpg')}
}

.media .list-item .thum{position:relative}
.media .list-item .thum-img{padding-bottom:56%}
.media .list-item .time{position:absolute; font-size:11px; padding:4px 6px; bottom:4px; right:4px; color:var(--text-white); border-radius:2px; background:rgba(0, 0, 0, 0.60); z-index:10}
.media .list-item .info .post-title{font-size:15px; font-weight:600}
.media .list-item .info .post-meta{margin-top:4px; font-size:13px; color:var(--text-gray)}
.media .list-item:hover .thum-img::before{content:''; position:absolute; width:100%; height:100%; inset:0; background-color:rgba(0, 0, 0, 0.4)}
.media .list-item:hover .thum-img::after{content:''; position:absolute; top:50%; left:50%; display:inline-block; width:24px; height:30px; transform:translate(-50%, -50%); background:url('/wp-content/themes/weloveu/images/ui/ico_play.svg') no-repeat center / 100%}

@media (max-width:1070px){
  .media .lists{margin-left:-8px; margin-right:-8px}
  .media .list-item{padding-left:8px; padding-right:8px}
}

@media(min-width:1070px){
  .media .list-item .thum .time,
  .media .list-item .time{font-size:12px}
  .media .list-item .info .post-title{font-size:16px}
}



/* search-bar common */
.search-bar .search-ui .input,
.input-search{padding:12px 20px; gap:8px; border-radius:4px; box-shadow:inset 0 0 0 1px var(--border)}
.search-bar .search-ui .input:hover{box-shadow:inset 0 0 0 1px var(--text-primary)}
.search-bar .search-ui .input:hover .input-right-addon{opacity:0.95}
.input-search .input-field,
.search-bar .search-ui .input-field{padding:0; font-size:16px}
.input-search .input-field::placeholder{color:var(--text-gray-light)}
.input-right-addon{padding:0}
/* .input-right-addon{width:24px; height:24px; padding:0; background-image:url('/wp-content/themes/asezwao/images/ui/ico_search.svg'); background-position:center; background-repeat:no-repeat; background-size:100%; opacity:.5} */
@media(min-width:1070px){
  .search-bar .search-ui .input,
  .input-search{gap:20px; border-radius:4px}
  /* .input-search .input-field,
  .search-bar .search-ui .input-field{font-size:17px} */
}

/* search */
.section-search{min-height:480px}
/* .section-search .container{max-width:1000px} */
.search .search-state{font-size:var(--typo-display-6); font-weight:500}
.search .search-state strong{color:var(--text-primary-light)}
@media(min-width:1070px){
  /* .section-search{padding-top:100px; padding-bottom:100px} */
  /* .search .search-state{font-size:24px} */
}

/* search result */
.search-results .lists .list-link{padding-top:8px; padding-bottom:8px; border-bottom:none}
.search-results .lists .thum{margin-right:16px; overflow:hidden}
.search-results .lists .info > *:not(:first-child){margin-top:8px}
.search-results .lists .info .post-title{font-size:15px; font-weight:500; line-height:1.3}
.search-results .lists .info .post-excerpt{font-size:var(--typo-pragraph-3); display:none}
.search-results .lists .post-category div{display:inline-block}
.search-results .lists .post-date{color:var(--text-gray-light)}
@media(min-width:768px){
  .search-results .lists .list-link{padding-top:16px; padding-bottom:16px}
  .search-results .lists .thum{margin-right:24px}
  .search-results .lists .info .post-title{font-size:16px}
}
@media(min-width:1070px){
  .search-results .lists .thum{margin-right:32px}
  .search-results .lists .info .post-title{font-size:18px}
  .search-results .lists .info .post-excerpt{display:-webkit-box}
}


/* search no result */
.search-no-results .search-state{display:none}
.search-no-results .no-result .tit::before{content:''; width:60px; height:60px; display:block; margin-bottom:12px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_search.png'); background-position:center; background-repeat:no-repeat; background-size:100%; animation:floatUpDown 2s ease-in-out infinite}
.search-no-results .no-result ul{font-size:16px}
.search-no-results .no-result ul[type = "disk"]{padding-inline-start:13px}
.search-no-results .no-result ul li{padding-inline-start:4px}
.search-no-results .no-result ul li::marker{font-size:12px}
@media(min-width:1070px){
  .search-no-results .no-result .tit::before{width:70px; height:70px}
  .search-no-results .no-result ul{font-size:17px}
}

@keyframes floatUpDown {
  0%, 100% {transform:translateY(0)}
  50% {transform:translateY(-10px)} /* 위로 이동 */
}


/* error404 */
.error404 .section-404{background-color:#F5F7F8}
.error404 .section-404{position:relative; margin-top:var(--header-height-mobile-minus); min-height:500px; display:flex; align-items:center}
.error404 .text-wrap{position:relative; z-index:1}
/* .error404 .text-wrap::before{content:''; width:72px; height:72px; display:block; margin:0 auto 8px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_404.png'); background-position:center; background-repeat:no-repeat; background-size:100%; animation:floatUpDown 2s ease-in-out infinite} */
.error404 .text-wrap p{color:var(--text-gray); line-height:1.5}
.error404 .text-wrap .btns{margin-top:1em}
.error404 .text-wrap .btns > *{margin:2px}
.error404 .text-wrap .btn{border:0}
.error404 .text-wrap .btn:hover{color:inherit}
@media(min-width:1070px){
  .error404 .section-404{min-height:1000px; margin-top:var(--header-height-desktop-minus)}
  .error404 .text-wrap .btns{margin-top:1.4em}
  /* .error404 .text-wrap::before{width:88px; height:88px} */
}

/* 404 나침반 아이콘 */
.compass-wrap{position:relative; display:inline-block; width:260px; height:120px; overflow:visible}
.compass-wrap .compass{position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); animation:compass-float 3s ease-in-out infinite}
.compass-wrap .compass img{display:block; width:70px; height:auto}
.compass-shadow{position:absolute; left:50%; top:80%; transform:translateX(-50%); width:320px; height:80px; background:radial-gradient(30% 20% at 50% 30%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 100%); animation:compass-shadow 3s ease-in-out infinite; background-blend-mode:multiply; mix-blend-mode:multiply; opacity:0.38; pointer-events:none; border-radius:50%}
@media(min-width:1070px){
  .compass-wrap .compass img{width:90px}
  .compass-shadow{top:90%}
}
@keyframes compass-float{
    0%{transform:translate(-50%,-50%) translateY(0);}
    50%{transform:translate(-50%,-50%) translateY(-14px);}
    100%{transform:translate(-50%,-50%) translateY(0);}
}
@keyframes compass-shadow{
    0%{transform:translateX(-50%) scale(1); opacity:0.4}
    50%{transform:translateX(-50%) scale(0.85); opacity:0.20}
    100%{transform:translateX(-50%) scale(1); opacity:0.4}
}



/* text-block */
.text-block p{font-size:var(--typo-pragraph-1); line-height:1.8}
.text-block p small{font-size:var(--typo-pragraph-2)}
.text-block li{font-size:var(--typo-pragraph-2); line-height:1.7}
.text-block ul{margin-top:8px;}
.text-block p:not(:first-child){margin-top:var(--unit-2x)}
.text-block .wp-block-heading{font-weight:700; line-height:1.4}
.text-block .wp-block-heading:not(:first-child),
.text-block .wp-block-group:not(:first-child){margin-top:32px}
.text-block h1{font-size:var(--typo-display-3)}
.text-block h2{font-size:var(--typo-display-4)}
.text-block h3{font-size:var(--typo-display-5)}
.text-block h4{font-size:var(--typo-display-6)}
.text-block h5{font-size:var(--typo-display-6)}
.text-block strong{color:#1e76df}

@media(min-width:1070px){
  .text-block p:not(:first-child){margin-top:var(--unit-3x)}
  .text-block .wp-block-heading:not(:first-child),
  .text-block .wp-block-group:not(:first-child){margin-top:48px}
  .text-block h5{font-size:20px}
}


.schedule-grid {width:100%;border:1px solid #d3d3d3;border-top:none;font-size:18px;color:#333;}

.schedule-grid-header,
.schedule-grid-row {display:grid;grid-template-columns:20% 20% 60%;}

.schedule-grid-header {background:#111;color:#fff;font-weight:700;text-align:center;border-top:1px solid #d3d3d3;}

.schedule-grid-header .col {padding:14px 12px;border-left:1px solid #d3d3d3;}

.schedule-grid-row {border-top:1px solid #d3d3d3;}

.schedule-grid-row .col {padding:16px 12px;border-left:1px solid #d3d3d3;background:#fff;line-height:1.5;}

.schedule-grid-row .col.type {text-align:center;font-weight:700;}

.schedule-grid-row .col.type a {color:#0066cc;text-decoration:none;font-weight:700;}

.schedule-grid-row .col.type a:hover {text-decoration:underline;}

.schedule-grid-row .col.time {text-align:center;font-weight:500;}

.schedule-grid-row .col.program {text-align:left;padding-left:24px;}

.schedule-grid-row .col.program * {text-align:left;}