/*
Theme Name: Provalidator
Theme URI: https://uislick.com/
Author: UiSlick
Author URI: https://uislick.com/
Description: A Custom Wordpress Website 

Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: UiSLick

*/




/* tt_normslight tt_normsregular tt_normsmedium  tt_normsblack tt_normsbold*/



/*font-family: 'hk_groteskregular';  
hk_groteskbold, hk_groteskmedium, hk_grotesksemibold, hk_groteskblack, hk_groteskextrabold, hk_grotesklight
*/
@import url('../fonts/stylesheet.html');
/*
 font-family: 'hk_grotesklight';
 font-family: 'hk_groteskregular';
 font-family: 'hk_grotesksemibold';
 font-family: 'hk_groteskmedium';
 font-family: 'hk_groteskbold';
 font-family: 'hk_groteskextrabold';
 font-family: 'hk_groteskblack';
*/

:root {
  --black:#183149;
  --gray:#4d6375;
  --blue:#3b70a4;
  --darkBlue:#1d4d7c;
}


*:focus{outline: none !important; box-shadow: none !important;}
body {font-size:14px;color: var(--black); font-family: 'hk_groteskregular'; }
h1,h2,h3,h4 {font-family: 'hk_groteskblack';}
img {max-width: 100%;}
.wrapper {position: relative; overflow: hidden;}
.container {max-width:1230px;}
.middle {min-height: 500px;}
.logo a {display: inline-block;max-width: 100%;}

.header {padding:30px 0px 22px 0px; transition: all .1s linear;}
.headerFix {box-shadow: 0px 0px 5px #0c6d4740;  background: #ffffff; padding: 8px 0px 8px 0px;position: fixed;left: 0px; top: 0px; width: 100%;z-index: 11;}
.headerFix + .middle {padding-top:150px;}
.headerFix .logo {max-width:160px;}

.blueBtn {border-radius:4px; background: var(--blue); border:none; color:#ffffff; font-size: 16px; padding: 13px 25px 14px 25px; display: inline-block; position: relative;font-family: 'hk_grotesksemibold'; box-shadow: 0px 10px 25px 0px rgba(20, 140, 252, 0.2);}
.blueBtn:hover {text-decoration: none; color:#ffffff;background: var(--darkBlue);}
.blueBtn .arrow {display:inline-block; vertical-align: -5px; width: 20px; height: 20px; margin-left: 10px;background:url(assets/images/sprite.svg) no-repeat -8px -27px;}


.mainNav {position: relative; text-align: right;}
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border: none; cursor: pointer; margin-top: 1px; float:right; width: 22px; height: 18px;border-radius: 0px; background: none; position: relative; z-index: 101;transition: right .3s linear;margin-right: 10px;}
.mobileNavBtn span { width: 100%; left: 0px; top: 7px; height: 2px; background:var(--blue); position: absolute; transition: all 0.3s linear;}
.mobileNavBtn span:nth-child(2) {top: 0px;}
.mobileNavBtn span:nth-child(3) {top: 14px;}
.openNav {overflow: hidden;}
/*.openNav .mobileNavBtn {right: 310px;}*/
/*.openNav .mobileNavBtn span {background: var(--blue);}*/
.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg)}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 7px;}

@media (min-width: 1024px) {
	.navigation>ul {padding: 0px; margin:0px; list-style: none;}
	.navigation>ul>li {display: inline-block;  vertical-align: middle; }
	.navigation>ul>li>a {color:var(--black); display: inline-block; font-size: 18px; font-family: 'hk_groteskbold'; padding: 5px 20px;}
	.navigation>ul>li>a:hover {color:var(--blue); text-decoration: none;}
	.overLay {display: none;}
  .navigation>ul>li>a.blueBtn {padding: 15px 35px 15px 35px;font-size: 16px; margin-left:40px; color: #ffffff;}
  .navigation>ul>li>a.blueBtn:hover {color: #ffffff;}

  .hasChild>a:after{content: "";width: 7px;height: 7px; display: inline-block;vertical-align:4px; margin-left:7px; border-right: solid 2px #ffffff; border-bottom: solid 2px #ffffff;transform: rotate(45deg);}
  .hasChild:hover>a:after {border-right-color: var(--sky);border-bottom-color: var(--sky);}
  .subMenu { display: block; left:-15px; top:10%;opacity: 0; position: absolute; visibility: hidden; width:190px; z-index: 15; text-align: left; padding-top:10px;}
  .subMenu ul {list-style: none;padding:10px 5px; margin: 0px;box-shadow:0 1px 16px rgba(37,35,40,.09);background:#ffffff;border-radius: 6px;}
  .subMenu li a {color: var(--balck); display: block; font-size: 16px;font-weight:500; padding:14px 12px 10px 12px;  transition: all .15s linear; text-decoration: none;}
  li.hasChild {position: relative;}
  li.hasChild:hover .subMenu {opacity: 1; visibility: visible; top:90%; transition: all 0.5s ease; }
  .subMenu li a:hover {color:var(--blue); }
}
@media (min-width: 1600px) {
  .navigation>ul>li {padding:0px 10px;}
}
.overLay {transition: all 0.3s linear;}
@media (max-width: 1025px) {
	.logo {max-width: 190px;}

	.mobileNavBtn {display: inline-block;}
	.navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
  .navigation {position: fixed; right: 0px; top: 0px;width:100%;bottom: 0px;
    	 z-index: 100; max-height: 100%; overflow-y: auto;
    	right:-105%; transition: all .2s linear; height: 100%;display: flex; }
  .openNav .navigation {right: 0px;}	
  .navigation>ul {margin: 70px auto 30px auto;  padding:10px 0px 10px 0px; list-style: none;max-height: calc(100% - 100px); overflow-x: auto; text-align: left; width: 100%;}
  .navigation>ul>li {font-size:16px;border-bottom: solid 1px #e1e1e1; font-family: "hk_groteskmedium";}
  .navigation>ul>li>a {padding:12px 20px 12px 20px; display: block; color:var(--black); }
  .navigation>ul>li>a:hover {text-decoration: none;}
  .navigation>ul>li>a.blueBtn {border-radius: 0px; color: #ffffff;}
   

  .openNav .overLay {display: block; position: fixed; top: 0px; left: 0px;width: 100%;height: 100%;background:#ffffff;z-index: 11;}
  
  .logo a {position: relative; z-index:101;}

  li.hasChild {position: relative;}
  .subMenu {display: none; padding: 3px 5px; background:#3a62c8; }
  .subMenu  ul {list-style: none;padding: 0px; margin: 0px;}
  .subMenu li a {display: block; padding: 9px 16px; text-transform: capitalize; color:#ffffff;font-size: 15px;text-decoration: none; }
  li.hasChild > a:after {border: 1px solid #ffffff; border-width: 0 0 2px 2px; content: ""; position: absolute; width:8px; height:8px; transform: rotate(225deg); display: inline-block; right:20px; top:20px;transition: all 0.3s linear; }
  li.hasChild.openSubMenu > a:after {transform: rotate(314deg); }
}


.homeSection {padding: 60px 0px;}
.homeHeading {text-align: center;padding-bottom: 20px;}
.homeHeading h2 {margin: 0px 0px 20px 0px; font-size: 42px;font-family: 'hk_groteskbold';}
.homeHeading .desc {margin: 0px auto 40px auto; font-size: 14px; max-width:950px; line-height: 1.6;}


.homeTopSec {min-height:470px; position: relative;}
.homeTopSec .HomeTopBG {content: ""; position:absolute; top: -20px; right: -50px; width: 100%; background:#fff url(assets/images/provalidator-01777d.png?1.1) no-repeat top 0px right calc(50vw - 620px); height:140%; z-index: -1;}
.homeTopSecText {padding: 130px 0px 40px 0px;}
.homeTopSecText h1 {font-size: 46px;  margin: 0px 0px 20px 0px;}
.homeTopSecText .desc {margin: 0px 0px 0px 0px;font-size: 18px;font-weight: 600;}

.homeSecB {padding:180px 0px 120px 0px; background:url(assets/images/section-bg.png) no-repeat top center; position: relative; z-index: 2;}
.homeSecB h2 {color: #ffffff; font-family: "hk_groteskblack";}
.homeSecB .col-md-4 {margin-bottom:50px;}
.valueBox { border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 30px 50px 0px rgba(5, 25, 69, 0.1); padding:28px 28px 28px 28px; position: relative; height: 100%;min-height: 340px; text-align: center;}
.valueBox .img {margin: 0px 0px 10px 0px;}
.valueBox h3 {margin: 0px 0px 20px 0px; font-size: 20px; font-family: "hk_groteskextrabold";}
.valueBox .desc {font-size: 14px; color: var(--gray);}
.homeSecB .col-md-4:before {content: ""; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: 0px 30px 50px 0px rgba(5, 25, 69, 0.1); position: absolute; left: 36px; right: 36px; bottom: -27px; height: 50%;}
.valueBox .img svg {max-width: 100px;}

.homeSecC {padding:70px 0px 50px 0px;}
.networkRow {display: flex; flex-wrap: wrap; justify-content: center;}
.networkBox {flex:0 0 280px; margin:0px 10px 15px 10px; padding: 10px 25px; border:solid 1px rgb(217, 225, 237);border-radius: 8px; text-align: center;}
.networkBox .img {margin: 0px 0px 10px 0px; height:80px; line-height: 80px; }
.networkBox .img img {max-height:60px; width: auto; max-width:120px;}
.networkBox h3 {margin: 0px 0px 20px 0px;font-size: 16px; color: #4d6375; font-family: "hk_groteskregular";}
.networkBox h3 span {position: relative; padding-left: 15px;}
.networkBox h3 span:before {content: "";width: 8px; height: 8px; border-radius: 50%;background:#21bd8f; position: absolute; left:0px; top: 10px;}
.networkBox.bb h3 span:before {background-color: rgb(241, 196, 15);}
.networkBox.cc h3 span:before {background-color: #999;}
.smallBtn {border:solid 1px rgb(28, 106, 158);border-radius: 4px; padding: 5px 20px; color: #1c6a9e; font-family: "hk_groteskbold"; text-transform: uppercase; font-size: 12px;display: inline-block;}
.smallBtn:hover {text-decoration: none; background-color: #1c6a9e; color: #ffffff;}
.textLinkRow {text-align: right; padding-top: 20px;}
.textLinkRow a { font-size: 16px;color: var(--black); font-family: "hk_grotesksemibold"; text-decoration: none; display: inline-block;}
.textLinkRow a:hover {color: var(--blue);}

.homeSecD {padding:70px 0px 50px 0px;background:#fbfbfd;}
.infaRow .col-md-4 {margin-bottom: 30px;}
.infaBox {border-radius: 10px; background:#fff; box-shadow: 0px 5px 10px 0px rgba(152, 158, 172, 0.1); padding:28px 32px; height: 100%; position: relative;}
.infaBox img {margin: 0px; position: absolute; left: 30px; top:28px;max-width: 25px;}
.infaBox h3 {margin: 0px 0px 15px 0px; font-family: "hk_groteskextrabold"; font-size: 20px; padding-left: 40px;}
.infaBox ul {margin: 0px; padding:0px 0px 0px 20px;}
.infaBox ul li {margin: 0px 0px 2px 0px; font-size: 14px; color: var(--gray);}

.homeSecE {padding:70px 0px 70px 0px;}
.logoRow {display: flex;flex-wrap: wrap; justify-content: center;}

/*.logoItem {flex:0 0 190px; height: 120px; margin: 0px 15px 15px 15px;border:solid 1px rgb(217, 225, 237);border-radius: 8px; text-align: center; line-height: 106px;}*/
.logoItem {flex:0 0 130px; height: 90px; margin: 0px 15px 15px 15px; border:solid 0px rgb(217, 225, 237); border-radius: 8px; text-align: center; line-height: 66px;}
.logoItem img {max-height:80px; width: auto;}

.footer {background: #1a2d43; padding: 50px 0px 30px 0px;}
.footer .container {max-width: 1000px;}
.footer h3 {font-size: 20px; font-family: "hk_groteskextrabold"; margin: 0px 0px 15px 0px; color: var(--gray);}
.footerTextA {margin: 0px 0px 40px 0px; max-width: 550px; color: var(--gray); font-size: 14px;}
.footerLogo {margin:20px 0px 20px 0px; max-width: 300px;}
.footerLogo a {display: inline-block; max-width: 100%;}
.footeremail {position: relative;margin: 0px 0px 20px 0px; padding-left: 38px;}
.footeremail:before {content: ""; position: absolute; left: 0px; top:2px; width: 26px; height: 22px; background:url(assets/images/sprite.svg) no-repeat -8px -106px;}
.footeremail a {font-size: 16px; font-family:"hk_groteskbold"; color: #ffffff;}
.copyright {margin: 0px 0px 10px 0px; color: var(--gray); font-size: 14px;}
.footerSocial {list-style: none; padding: 0px; margin: 0px 0px 90px 0px;}
.footerSocial li {display: inline-block; margin-right: 10px;}
.footerSocial li a {display:block; width: 36px; height: 36px; background:url(assets/images/sprite.svg) no-repeat -5px -159px; text-decoration: none;}
.footerSocial li .linked {background-position:-54px -160px;}
.footerSocial li .aa {background-position:-102px -160px; width: 50px;}
.footerSocial li .telegram {background:url(assets/images/telegram-white2.png); width: 36px; height: 36px; background-size: 90%;/* background-size: contain; */background-repeat: no-repeat;}


.righFormBg {padding:25px 30px 0px 30px; background: #ffffff;border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.07);}
.righFormBg h2 {font-size:28px;font-family:"hk_groteskbold"; margin: 0px 0px 10px 0px;}
.righFormBg .desc {font-size: 16px; color: var(--gray); padding-bottom: 20px; margin: 0px 0px 20px 0px;    position: relative;}
.righFormBg .desc:before {content: ""; height: 4px; width: 50px; background: var(--blue); left: 0px; bottom: 0px; position: absolute; }
.form .form-group {margin-bottom: 15px;}
.form .form-label {font-size: 14px; font-family: "hk_groteskmedium"; margin-bottom: 3px;}
.form .form-control {font-size: 14px; padding:10px 14px;height: auto;}
.righFormBg .blueBtn {width: 100%;}
.righFormBg .btnRow {padding-bottom: 15px;}
.checkBoxList {padding: 0px 0px 15px 0px;}
.form .check {margin: 0px 0px 15px 0px; display: block;} 
.form .check .text {color: #686868; font-size: 14px;position: relative; padding-left:25px; cursor: pointer;}
.form .check input{display: none;}
.form .check .text:before {content: "";width: 18px;height: 18px; background:#ffffff;border:solid 1px var(--black); position: absolute; left:0px; top: 4px;border-radius: 2px;}
.form .check input:checked + .text:before {background:var(--black);}
.form .check input:checked + .text:after {content: "";width:10px;height:6px;border:solid #ffffff; border-width: 0px 0px 3px 3px; position: absolute; left:4px; top: 9px;transform: rotate(-45deg); }
.form .check .text {color:var(--gray); font-size: 16px;}
.form .check .text a {color:var(--gray); text-decoration: underline;}






.animation {opacity: 0;transform: translate(0px,20px); transition: all 0.5s linear;}
.animation.ani {opacity: 1;transform: translate(0px,0px);}

@media (min-width: 1200px) {
  .contactBox .col-md-8 {flex: 0 0 70%; max-width: 70%;}
  .contactBox .col-md-4 {flex: 0 0 30%; max-width: 30%;}
}
@media (max-width: 767px) {
  .header {padding:10px 0px 10px 0px;}
.headerFix + .middle {padding-top:50px;}
  .homeHeading {padding-bottom:10px;}
  .homeHeading h2 {margin: 0px 0px 15px 0px; font-size: 24px; }
  .homeHeading .desc {font-size:16px; margin: 0px auto 20px auto; }
  .homeSection {padding: 30px 0px;}
  .blueBtn {padding: 14px 25px 14px 25px; font-size: 16px;}

  .homeTopSec {min-height:300px;}
  .homeTopSec .HomeTopBG {top:0px; right:0px; background:#fff url(assets/images/provalidator-01.png) no-repeat top center / 100% auto; height:100%;}
  .homeTopSecText {padding:85vw 0px 30px 0px;}
  .homeTopSecText h1 {font-size: 28px;margin: 0px 0px 20px 0px;}
  .homeTopSecText .desc {margin: 0px 0px 0px 0px;font-size:16px; font-family: "hk_groteskmedium";}
  .totalAssetBox .calc{font-size:28px;}
  .totalAssetBox .title{font-size:16px;}

  .homeSecB {padding:30px 0px 10px 0px;background: var(--blue);}
  .valueBox { padding:30px 20px;min-height:200px;}
  .valueBox .img {margin: 0px 0px 5px 0px;}
  .valueBox h3 {margin: 0px 0px 15px 0px; font-size: 18px;}
  .valueBox .desc {font-size: 16px;}

  .homeSecC {padding:30px 0px 10px 0px;}
  .networkBox h3 {margin: 0px 0px 15px 0px; font-size: 16px;}
  .homeSecD {padding:30px 0px 10px 0px;}
  .infaBox {padding:25px 20px;}
  .infaBox img {left: 20px; top:24px;}
  .infaBox h3 {font-size:18px;}
  .infaBox ul li {font-size: 16px;}

  .homeSecE {padding:30px 0px 20px 0px;}
  .logoItem {flex:0 0 calc(50% - 20px); height: 100px; margin: 10px 10px 10px 10px;line-height:96px;}

  .footer {padding:30px 0px 20px 0px;}
  .footer h3 {font-size: 20px;margin: 0px 0px 10px 0px;}
  .footerTextA {margin: 0px 0px 30px 0px; font-size: 16px;}
  .footerLogo {margin: 0px 0px 20px 0px; max-width: 300px;}
  .email {margin: 0px 0px 30px 0px; }
  .email a {font-size: 16px; }
  .copyright {margin: 0px 0px 0px 0px; font-size: 16px;}
  .footerSocial { margin: 0px 0px 20px 0px;}

  
  .righFormBg {padding:15px 15px 20px 15px; margin:0px 0px 40px 0px;}
  .righFormBg h2 {font-size: 24px;}
  .righFormBg .desc {font-size: 16px; padding-bottom: 20px; margin: 0px 0px 20px 0px;}
  .righFormBg .desc:before {height: 3px; width: 40px;}
  .form .form-group {margin-bottom: 10px;}
  .form .form-label {font-size: 16px;margin-bottom:4px;}
  .form .form-control {font-size: 16px;padding: 10px 14px;}
  .form .check .text {font-size: 16px;}
  .checkBoxList {padding: 10px 0px 5px 0px;}


}
/*mj added*/
/* 메인 컨테이너 스타일 */
.footerLogo.staking-container {
    display: flex;
    flex-direction: column; /* 세로 배치 */
    align-items: flex-start; /* 왼쪽 정렬 */
    background-color: #1b2b3c; /* 배경색 */
    padding: 10px 20px;
    border-radius: 8px;
    width: fit-content;
    font-family: Arial, sans-serif;
}

/* Staking Rewards 섹션 */
.staking-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* 로고와 Provalidator 간 여백 */
}

.staking-logo {
    width: 70px; /* 이미지 크기 조정 */
    border-radius:10px;
    height: auto;
    margin-right: 10px;
}

.staking-text {
	font-family: 'DM Sans', sans-serif;
    display: flex;
    flex-direction: column;
    color: #ffffff;
}

.staking-text .title {
	font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    margin: 0;
    color: #999;
}

.staking-text p {
	font-weight: bold;
    font-size: 14px;
    margin: 0;
}

/* Provalidator 로고 스타일 */
.provalidator-footer-logo {
    height: 50px;
}