navasena/wp-content/themes/thinkai/assets/css/custom.css

1020 lines
23 KiB
CSS

.admin-bar .stricky-header{
top:32px;
}
/********* Pagination Style *************/
.pagination,
.paginate-links{
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap:5px;
}
.paginate-links{
justify-content: flex-start;
}
.pagination li a,
.pagination li > span,
.paginate-links a,
.paginate-links > span {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding-bottom: 1px;
background-color: transparent;
width: 45px;
height: 45px;
border-radius: var(--thm-border-radius);
color: var(--thm-black);
font-size: 14px;
font-weight: 700;
font-family: var(--thm-font-2);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.pagination li:hover a,
.pagination li.active a,
.pagination li > span.current,
.paginate-links a:hover,
.paginate-links > span {
color: var(--thm-white);
background-color: var(--thm-primary-color);
}
.pagination li a.next,
.pagination li a.prev,
.pagination li.next a,
.pagination li.prev a {
position: relative;
display: inline-flex;
align-items: center;
color: var(--thm-black);
width:auto;
font-size: 16px;
font-weight: 700;
font-family: var(--thm-font-2);
margin-right: 20px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.pagination li:hover a.next,
.pagination li:hover a.prev,
.pagination li.next:hover a,
.pagination li.prev:hover a{
background-color: transparent;
color: var(--thm-primary-color);
}
.pagination li a.next i,
.pagination li a.prev i,
.pagination li.next a i,
.pagination li.prev a i{
position: relative;
display: inline-block;
font-size: 34px;
padding-right: 3px;
}
.ai-tools-style1__single .icon-box i {
position: relative;
display: inline-block;
color: var(--thm-white);
font-size: 45px;
line-height: 45px;
}
.channels-style1__single .icon-box i {
position: relative;
display: inline-block;
color: var(--thm-white);
font-size: 45px;
line-height: 45px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.channels-style1__single:hover .icon-box i {
color: var(--thm-primary-color);
}
.templates-style1__single-bottom .icon-box i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 70px;
line-height: 70px;
transition: all 500ms linear;
transition-delay: 0.1s;
transform: scale(1);
}
.templates-style1__single:hover .templates-style1__single-bottom .icon-box i {
transform: scale(0.9);
}
.newsletter-style1__inner form .form-group button,
.subscribe-style2__form .newsletter-style1__content form .form-group button{
margin-top:20px;
}
.about-style3__left-content ul li .bottom-content .icon-box i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 35px;
line-height: 35px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.about-style3__right-content.thinkai-br:before{
display:none;
}
.features-style2__single .icon-box .inner i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 30px;
line-height: 30px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.features-style2__single:hover .icon-box .inner i {
color: var(--thm-black);
}
.ai-voices-style1__single-left .icon i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 50px;
line-height: 50px;
transition: all 500ms linear;
transition-delay: 0.1s;
transform: scale(1);
}
.cases-style1__single-top .category-box .text p i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 20px;
line-height: 20px;
padding-right: 10px;
}
.features-style3__single .icon-box i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 100px;
font-weight: 100;
}
.pricing-style1__single-icon i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 40px;
}
.ai-voices-style1__content ul li:hover .ai-voices-style1__single-left .icon i {
transform: scale(0.9);
}
.templates-style2__single .overlay-icon i {
font-size: 140px;
color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 1px var(--thm-primary-color);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.templates-style2__single:hover .overlay-icon i {
-webkit-text-stroke: 2px var(--thm-primary-color);
}
.contact-info-style2__single .icon-box i {
position: relative;
display: inline-block;
color: var(--thm-primary-color);
font-size: 35px;
line-height: 35px;
transition: all 300ms linear;
transition-delay: 0.1s;
}
.contact-info-style2__single:hover .icon-box i {
color: var(--thm-white);
transform: rotateY(180deg);
}
.testimonial-style5__inner .review-box ul li span {
color: #fbaf02;
font-size: 15px;
}
.video-banner-style1__content-info-inner .text a{
text-transform:lowercase;
}
.testimonial-style3__single-content-box .text {
max-width: 700px;
text-align: center;
margin: 0 auto;
}
.coming-soon-page-style1__content .subscribe-box-style1 form button{
line-height:50px;
}
.elementor-36 .elementor-element.elementor-element-ab2b6f0 .elementor-icon-box-title:hover a,
.elementor-36 .elementor-element.elementor-element-e30e191 .elementor-icon-box-title:hover a,
.elementor-36 .elementor-element.elementor-element-a5c9859 .elementor-icon-box-title:hover a{
color: #66c988;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.elementor-36 .elementor-element.elementor-element-04f5d07 .elementor-heading-title sup,
.elementor-36 .elementor-element.elementor-element-dd9c26f .elementor-heading-title sup,
.elementor-36 .elementor-element.elementor-element-96ff6db .elementor-heading-title sup{
font-size: 14px;
line-height: 14px;
color: var(--thm-primary-color);
top: -12px;
}
.testimonial-style3__single .customer-info .img-box{
overflow:visible;
}
.testimonial-style3__single .customer-info .img-box img{
border-radius:50%;
}
/***************** Blog Sidebar Style*******************/
.widget{
position: relative;
display: block;
border-radius: 10px;
border: 1px solid var(--thm-border-color);
padding: 40px 30px 40px;
margin-bottom: 50px;
}
.widget ul,
.widget ol{
position:relative;
margin:0px;
padding:0px;
}
.widget ul li,
.widget ol li{
position: relative;
display: block;
padding-left:22px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--thm-border-color);
font-size: 13px;
line-height: 22px;
font-family: var(--thm-font-2);
color: var(--thm-black);
font-weight: 700;
transition: all 300ms linear;
transition-delay: 0.1s;
text-transform:uppercase;
}
.widget ul li:before,
.widget ol li:before{
position:absolute;
content: "\e977";
left:0px;
top:0px;
font-family: 'icomoon' !important;
color: var(--thm-black);
font-size: 15px;
font-weight: 700;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.widget ul li:last-child,
.widget ol li:last-child{
border-bottom:0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.widget ul li ul li,
.widget ol li ol li{
border-bottom:0px;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top:15px;
padding-top:15px;
border-top:1px solid var(--thm-border-color);
}
.widget ul li ul li:before,
.widget ol li ol li:before{
top:15px;
}
.widget ul li a,
.widget ol li a{
position: relative;
display: inline-block;
color: var(--thm-black);
font-size: 13px;
line-height: 20px;
font-family: var(--thm-font-2);
font-weight: 700;
text-transform: uppercase;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.widget ul li a:hover,
.widget ol li a:hover{
color: var(--thm-primary-color);
}
.widget ul li:hover:before,
.widget ol li:hover:before{
color: var(--thm-primary-color);
transform: rotate(45deg);
}
.sidebar-popular-post .popular-post li{
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom:0px;
}
.sidebar-popular-post .popular-post li:before{
display:none;
}
.sidebar-popular-post .popular-post li .img-box img{
height:80px;
object-fit:cover;
}
.sidebar-popular-post .popular-post li .text-box h4 a{
position:relative;
font-size: 16px;
line-height: 28px;
text-transform: capitalize;
}
.single-sidebar-box-style2.sidebar-popular-post{
margin-bottom:0px;
}
.sidebar-banner-box{
margin-top:0px;
}
/***Tags****/
.widget .tagcloud{
position:relative;
margin: 0px;
}
.widget .tagcloud a{
position: relative;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin: 0 5px 10px;
font-size: 16px !important;
line-height: 40px;
font-family: var(--thm-font);
font-weight: 400;
border-radius: 20px;
background: #f0ebf5;
transition: all 500ms ease;
}
.widget .tagcloud a:hover{
color: #ffffff;
background-color: var(--thm-primary-color);
}
/***************** Footer Widget Style*******************/
.footer-widget{
position:relative;
margin-bottom: 50px;
}
.footer-widget ul,
.footer-widget ol{
position:relative;
margin:0px;
padding:0px;
}
.footer-widget ul li,
.footer-widget ol li{
position: relative;
display:block;
margin-bottom: 10px;
font-size: 16px;
line-height:26px;
font-weight: 400;
color: #a3a0a7;
}
.footer-widget ul li:last-child,
.footer-widget ol li:last-child{
margin-bottom:0px;
}
.footer-widget ul li ul li,
.footer-widget ol li ol li{
margin-bottom:0px;
margin-top:10px;
margin-left: 15px;
}
.footer-widget ul li a,
.footer-widget ol li a{
position: relative;
display: inline-block;
color: #a3a0a7;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: var(--thm-font);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.footer-widget ul li a:hover,
.footer-widget ol li a:hover{
color: var(--thm-primary-color);
}
/***************** Service Widget Style*******************/
.service-widget{
margin-bottom:50px;
}
.service-widget:last-child{
margin-bottom:0px;
}
.service-widget .inner-title{
position: relative;
display: block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: var(--thm-primary-color);
padding: 15px 29px 15px;
}
.service-widget .inner-title h3{
color: var(--thm-white);
font-size: 21px;
line-height: 30px;
}
.service-widget{
position: relative;
display: block;
}
.service-widget .menu{
position: relative;
display: block;
border: 1px solid var(--thm-border-color);
border-top: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.service-widget .menu li{
position: relative;
display: block;
margin-bottom: 5px;
}
.service-widget .menu li a:before{
position:absolute;
content: "\e92e";
right:30px;
font-weight:normal;
top:13px;
font-family: 'icomoon' !important;
color: #a9a6ad;
font-size: 18px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.service-widget .menu li + li{
margin-top: 5px;
}
.service-widget .menu li a{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 13px 30px 13px;
border-top: 1px solid var(--thm-border-color);
border-bottom: 1px solid var(--thm-border-color);
color: var(--thm-black);
font-size: 18px;
line-height: 28px;
font-family: var(--thm-font-2);
font-weight: 700;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.service-widget .menu li:hover a,
.service-widget .menu li:hover a:before,
.service-widget .menu li.current_page_item a,
.service-widget .menu li.current_page_item a:before{
color: var(--thm-primary-color);
}
.service-widget .menu li:last-child a{
border-bottom:0px;
}
.add-comment-box .inner-title{
padding-bottom:10px;
}
.add-comment-box #add-comment-form .button-box{
padding-top:10px;
}
.comment-box .outer-box .single-comment{
margin-bottom:30px;
}
.thinkai-comment-item .thinkai-comment-item{
margin-left:80px;
}
.add-comment-box #add-comment-form .logged-in-as{
margin-bottom:10px;
}
.comment-box .outer-box .single-comment .add-comment-box{
margin:40px 0px 50px;
}
.blog-post-info-category span a{
position: relative;
display: inline-block;
color: #a5a1a0;
font-size: 13px;
line-height: 40px;
font-family: var(--thm-font-2);
font-weight: 700;
}
.similar-products-style1.related-products{
margin-top:120px;
}
.related-products .top-title{
margin-bottom:40px;
}
.customer-rating{
margin-bottom:22px;
}
.single-footer-widget__blog-post,
.footer-widget-contact-info{
padding-top:0px;
}
.single-footer-widget .title{
margin-bottom:31px;
}
.footer-social-link ul li a{
line-height:40px;
}
.footer-social-link ul li:hover a{
color: #ffffff;
background-color: var(--thm-primary-color);
}
.single-footer-widget__blog-post ul li .category a{
color: var(--thm-primary-color);
}
/************** Footer Two Three Five Widget Style ************/
.footer-style2 .single-footer-widget .title{
margin-bottom:0px;
}
.footer-style2 .footer-main-widget-style2,
.footer-style3 .footer-main-widget-style3,
.footer-style5 .footer-main-widget-style5{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:20px;
}
.footer-style2 .footer-main-widget-style2 .footer-widget.widget_thinkai_have_any_question{
max-width:570px;
}
.footer-social-link-style2 ul li a,
.download-app-box ul li a,
.footer-social-link-style5 ul li a{
display:flex !important;
}
.footer-social-link-style2 ul li,
.copyright-text-style3 ul li{
margin-bottom:0px !important;
}
.copyright-text-style3 ul li a,
.footer-bottom-style2 .footer-menu ul li a,
.footer-style1 .footer-menu ul li a{
padding:0px;
}
.footer-style3 .footer-main-widget-style3 .footer-widget.widget_thinkai_about_us,
.footer-style3 .footer-main-widget-style3 .footer-widget.widget_thinkai_newsletter{
max-width:370px;
}
.footer-style3 .newsletter-style1__content form button{
margin-top:20px;
}
.footer-style5 .footer-main-widget-style5 .footer-widget.widget_thinkai_about_us_v2,
.footer-style5 .footer-main-widget-style5 .footer-widget .widget_thinkai_copyright{
max-width:270px;
}
.single-footer-widget-style5 .title{
margin-bottom:30px;
}
.footer-social-link-style5 ul li a:hover {
color: var(--thm-white);
background: var(--thm-primary-color);
border-color: var(--thm-primary-color);
}
.product-details__value .price{
color: var(--thm-primary-color) !important;
font-size: 24px !important;
line-height: 34px;
font-family: var(--thm-font);
}
.blog-style1__single--style3 .blog-style1__single-content-top .text-box ul,
.blog-post-info__author ul{
gap:20px;
}
.mobile-nav__social{
gap:10px;
}
/*------------------------- team-details -------------------------*/
.team-details{
position: relative;
padding: 120px 0px 120px 0px;
}
.team-details .image-box{
position: relative;
display: block;
padding-right: 40px;
padding-bottom: 66px;
}
.team-details .image-box img{
width: 100%;
}
.team-details .image-box .image-2{
position: absolute;
left: 0px;
bottom: 66px;
}
.team-details .image-box .image-shape{
position: absolute;
right: 0px;
bottom: 0px;
width: 271px;
height: 231px;
background-repeat: no-repeat;
z-index: -1;
}
.team-details .content-box{
position: relative;
display: block;
margin-top: -14px;
}
.team-details .content-box h2{
position: relative;
display: block;
font-size: 48px;
line-height: 54px;
font-weight: 700;
margin-bottom: 14px;
}
.team-details .content-box h2 span{
font-size: 36px;
display: block;
}
.team-details .content-box .designation{
position: relative;
display: block;
font-size: 26px;
line-height: 34px;
margin-bottom: 31px;
text-transform: uppercase;
letter-spacing: 1px;
color: #87827f;
}
.team-details .content-box .text{
position: relative;
display: block;
margin-bottom: 38px;
}
.team-details .content-box .text p{
margin-bottom: 26px;
}
.team-details .content-box .text h3{
display: block;
font-size: 22px;
line-height: 32px;
font-weight: 600;
margin-bottom: 15px;
color: #1f1f1f;
}
.team-details .content-box .text .list-item li{
position: relative;
display: block;
padding-left: 30px;
margin-bottom: 13px;
}
.team-details .content-box .text .list-item li:last-child{
margin-bottom: 0px;
}
.team-details .content-box .text .list-item li:before{
position: absolute;
content: '';
background: var(--thm-primary-color);
width: 12px;
height: 12px;
border-radius: 50%;
left: 0px;
top: 8px;
}
.team-details .content-box .contact-inner h6{
display: block;
font-size: 22px;
line-height: 24px;
font-weight: 600;
text-transform: capitalize;
color: #1f1f1f;
margin-bottom: 15px;
}
.team-details .content-box .contact-inner h3{
display: block;
font-size: 18px;
line-height: 38px;
font-weight: 600;
margin-bottom: 21px;
}
.team-details .content-box .contact-inner h3 a{
display: inline-block;
color: #1f1f1f;
}
.team-details .content-box .contact-inner h3 a:hover{
color: #87827f;
}
.team-details .content-box .social-links li{
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}
.team-details .content-box .social-links li:last-child{
margin: 0px !important;
}
.team-details .content-box .social-links li a{
position: relative;
display: inline-block;
width: 50px;
height: 50px;
line-height: 52px;
text-align: center;
border: 1px solid #26c48c;
border-radius: 50%;
font-size: 16px;
color: #87827f;
}
.team-details .content-box .social-links li a:hover{
color: #fff;
}
.team-section.team-page-1{
background: #1f1f1f;
padding-bottom: 90px;
}
.team-section.team-page-1 .team-block-one .inner-box{
margin-bottom: 30px;
}
.team-section.alternat-2 .team-block-one .inner-box{
margin-bottom: 30px;
}
.team-section.alternat-2{
padding-bottom: 90px;
}
.team-details .content-box .social-links li a:hover {
background: var(--thm-primary-color);
border-color: var(--thm-primary-color);
color:#fff;
}
.team-style1__single-img .inner .text-box .btn-box a{
position: relative;
display: inline-flex;
margin-top:15px;
align-items: center;
color: var(--thm-white);
font-size: 16px;
line-height: 26px;
font-weight: 700;
text-transform: capitalize;
}
.team-style1__single-img .inner .text-box .btn-box a span{
position: relative;
display: inline-block;
padding-right: 5px;
font-size: 32px;
line-height: 32px;
}
.team-style1__single-img .inner .text-box .btn-box a:hover{
color:var(--thm-primary-color);
}
/******** woocommerce Style ***********/
.woocommerce-product-details__short-description p {
color: #6A6A6A;
font-family: var(--secondary-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 30px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{
margin: 50px 0 0 0px;
gap: 25px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns .wc-block-grid__product{
flex:1;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block h2{
color: #222222;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title{
padding:40px;
background-color: #f5f5f5;
color: #222222;
font-size:24px;
font-weight:600;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon::before{
margin-bottom:0px;
color:var(--thm-primary-color);
mask-size: 3em;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots{
margin: 0 0 60px;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-grid__products li .wc-block-grid__product-image{
position: relative;
display: block;
max-width: 300px;
width: 100%;
max-height: 350px;
height: 100%;
line-height: 350px;
border-radius: 10px;
margin-bottom: 15px;
border: 1px solid #E4E4E4;
overflow: hidden;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wc-block-grid__product-link{
display: block;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image){
border-radius:10px;
margin-bottom: 20px;
display: block;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product{
font-size:100%;
}
.blog_section .wp-block-woocommerce-empty-cart-block .wc-block-grid__products li .yith-wcwl-add-button .yith-wcwl-icon{
margin:10px !important;
font-size:16px;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
color: #0D0D0D;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 34px;
margin-bottom: 10px;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title:hover{
color: var(--main-color);
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
position: relative;
font-weight: 400;
font-size: 14px;
overflow: hidden;
text-align: center;
border-radius: 50px;
padding: 12px 40px;
display: inline-block;
color: #ffffff;
text-transform: capitalize;
background: var(--thm-primary-color);
margin-top:20px;
}
.blog-page-three .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover{
background:var(--thm-secondary-color);
}
.blog-page-three .wc-block-grid__product .wc-block-grid__product-onsale,
.te-shop-archive__custom .woocommerce-ordering .nice-select{
display:none;
}
.blog-page-three .wc-block-grid__product .wc-block-grid__product-price{
color:var(--thm-primary-color);
}
.blog-page-three .wc-block-grid__product-rating .star-rating span:before{
color:#FAB421;
}
.woocommerce div.product form.cart .group_table td{
vertical-align:middle;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label{
padding-left:2em;
padding-right:2em;
}
.woocommerce div.product form.cart .group_table td:first-child{
width:auto;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price{
margin-right:25px;
}
.has_dots{
display: flex;
align-items:center;
gap: 20px;
}
blockquote{
background-color: #f0ebf5;
padding: 40px;
margin-bottom: 25px;
border-radius: 5px;
}
.m-t30{
margin-top: 30px;
}
.widget .nice-select,
.footer-widget .nice-select{
float:none;
border:1px solid var(--thm-border-color);;
height: 60px;
display: flex;
align-items: center;
padding: 0 20px;
font-size: 13px;
font-family: var(--title-font);
color: #6d6b71;
font-weight: 700;
text-transform: uppercase;
border-radius: 10px;
}
.footer-widget .nice-select{
background-color: #fff;
}
.widget .nice-select ul.list,
.footer-widget .nice-select ul.list{
min-width:100%;
border-radius:0;
}
.widget .nice-select ul li,
.footer-widget .nice-select ul li{
padding-bottom:0px;
margin-bottom:0px;
}
.widget .nice-select ul li:before,
.footer-widget .nice-select ul li:before{
display:none;
}
.footer-widget .nice-select ul li{
color: #003B5A;
}
.default-sidebar .widget-title h3 a,
.main-footer .widget-title h3 a{
color: inherit;
}