/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/
/*# sourceMappingURL=maps/custom.css.map */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{letter-spacing: 0.06rem; text-transform: capitalize;}
.color-primary{color: #0060ff !important;}
.text-black{color: #000 !important;}
.text-white{color: #fff !important;}

body.site-layout--horizontal{background: url(../img/main/bg-texture-01.png) center/cover no-repeat fixed;}

/*main*/
.widget-carousel .player{padding-top: calc(( 100vh - 72px) * 0.06); padding-left: 5.2083333333vh; padding-right: 5.2083333333vh;}
.widget-carousel .player__title{text-align: left; font-size: 4.1666666667vh;}
.widget-carousel .post__excerpt{text-align: left; margin-top: 20px; font-weight: 500; font-size: 1.5625vh;}
/*.widget.slick-slider .slick-dots{display: none;}*/

.blog-layout--style-1 .post__title a{letter-spacing: 0.125rem; line-height: 0.95}
.blog-layout--style-1 .post__excerpt{margin-top: 30px; font-weight: 500;}
.blog-layout--style-1 .post__cats-item{letter-spacing: 0.1rem;}
.post__body__01{background: linear-gradient(#4b33de, #7485dd);}
.post__body__02{background: #2a2a2a;}
.post__body__03{background: #fff369;}
.post__body__03 .post__title a{letter-spacing: 0.05rem;}
.post__body__04{background: linear-gradient(#0504ff, #3f7aff);}
.blog-layout--style-1 .post__body:before{background: none;}



/*menu*/
.site-header--top, .site-header--bottom{background-color: #000;}
.site-header--bottom .header-logo--img{bottom: 32px;}
.site-header--top .main-nav, .site-header--bottom .main-nav{padding-left: 220px;}

.main-nav__list > li{padding-left: 2rem; padding-right: 2rem;}
.main-nav__list > li > a{font-size: 1.25rem; padding-top: 38px;}
.main-nav__list li.active > a, .main-nav ul li a:hover{color: #0060ff;}
.main-nav__sub li a{font-size: 1.2rem;}
.main-nav__toggle, .main-nav__toggle-2{background-color: #0060ff;}
.header-menu-toggle, .main-nav__toggle:before, .main-nav__toggle-2:before{background-color: #0060ff;}
.header-menu-toggle__inner span{background: #fff;}

.dl-menuwrapper li.active > a, .dl-menuwrapper li a:hover{color: #0060ff;}
.dl-toggle:after, .dl-toggle:before{background-color: #0060ff;}
.social-menu--default li a:before{color: #0060ff;}


/*roadmap*/
.roadmap-list .product{width: 55vh;}
.roadmap-list .product__title{font-size: 2.125vh; letter-spacing: 0; margin-bottom: 20px;}
.roadmap-list .product__cats{font-size: 1.5vh; margin-bottom: 10px; font-weight: 500;}
.roadmap-list .product__header{margin-top: 40px; margin-bottom: 40px;}
.roadmap01{background: linear-gradient(#e7c62c, #fffe82);}
.roadmap02{background: linear-gradient(#004eff, #3b77ff);}
.roadmap03{background: url("../img/sub/roadmap03-bg.png") no-repeat 10% 50%, linear-gradient(#2400da, #3600ff); background-size: 50%; background-position: bottom right;}


/*team*/
.team-container{height: auto !important; margin-bottom: 80px;}
.team-container .row, .team-row{margin-top: 0 !important; margin-bottom: 0 !important; justify-content: space-evenly;}
.team-selection-item.team-selection-item--style-1.text-center{margin-top: 20px; margin-bottom: 30px;}
.team-selection-item__thumbnail, .touch .team-selection-item__thumbnail, .team-selection-item__thumbnail:hover, .touch .team-selection-item__thumbnail:hover, .team-selection-item__logo--middle, .touch .team-selection-item__logo--middle{transform: none;}
.team-selection-item__thumbnail{margin-bottom: 3%; cursor: default; margin-top: 0;}
.team-selection-item__logo--middle{top: 0; left: 0;}
.team-selection-item__logo{width: 100%; height: 100%;}
.team-selection-item__subtitle{font-size: 1rem;}
.team-selection-item__title{font-size: 2rem; letter-spacing: 0;}
.team-txt{color: #bbbbbb; font-size: 1rem; line-height: 1.25rem;}



@media (max-width: 1920px){
    .site-header--bottom .header-logo--img{bottom: 20px;}
    .header-logo--img img{max-width: 85%;}
    .main-nav ul li a{line-height: 0}
}


@media (max-width: 991px){
    .widget-carousel .post__excerpt, .blog-layout--style-1 .post__excerpt, .widget-contact-info p, .menu-panel .info-box__content {font-size: 1.25rem;}
    .menu-panel .info-box__label{font-size: 1rem;}
    .menu-panel .widget__content{font-size: 1.5rem;}
    
    html.touch .site-header--bottom .header-logo--img{top: 20px;}
    
    .widget-carousel .player__title, .blog-layout--style-1 .post__title{font-size: 3rem; line-height: 3.25rem;}
    
    .dl-submenu li a{font-size: 1.25rem;}
    
    .roadmap-list .product{width: 100%;}
}

@media (max-width: 944px){
    .widget-carousel .player{padding-left: 40px;}
    
    .blog-layout--style-1 .post__title{font-size: 2.25rem; line-height: 2.5rem;}
    .blog-layout--style-1 .post__excerpt, .widget-carousel .post__excerpt{margin-top: 20px; font-size: 1rem;}
    
    .mobile-nav li.active > a{color: #0060ff;}
    .mobile-nav__toggle:after, .mobile-nav__toggle:before{background-color: #0060ff;}
    .mobile-nav a{font-size: 1.25rem;}
    .mobile-nav ul ul a{font-size: 1rem; padding: 10px 0 4px 34px;}
}

@media (max-width: 788px){
    .blog-layout--style-1 .post__title{font-size: 1.75rem; line-height: 1.5rem;}
    .blog-layout--style-1 .post__title a{letter-spacing: 0.1rem;}
    .post__body__03 .post__title a{letter-spacing: 0.05rem;}
}

@media (max-width: 683px){
    .blog-layout--style-1 .post__title{font-size: 1.25rem; line-height: 1rem;}
    .blog-layout--style-1 .post__excerpt, .widget-carousel .post__excerpt{font-size: 0.8rem;}
}

@media (max-width: 575px){
    .m-none{display: none;}
    .widget-carousel .player{padding-right: 40px;}
    .widget-carousel .player__title{font-size: 2.25rem; line-height: 2.5rem;}
    .widget-carousel .post__excerpt{margin-top: 10px;}
    .blog-layout--style-1 .post__body{padding: 50px 40px;}
    .blog-layout--style-1 .post__excerpt{margin-top: 20px;}
    
    .shop-layout--style-1 .product__body, .shop-layout--style-2 .product__body{padding: 50px 40px;}
    .roadmap-list .product__title{font-size: 1.5rem; margin-bottom: 20px;}
    
    .team-container .page-heading__subtitle.h5{font-size: 2rem !important;}
    .team-container .social-menu a{font-size: 1.75rem;}
}