/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/xpro/
Author: Taraprasad Swain
Author URI: https://www.taraprasad.com/
Description: Make all of your modifications to X Pro in this child theme.
Version: 1.0.0
Template: x
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin:0 0 25px;}
h1, .h1{font-size:40px;}
h2, .h2{font-size:36px;}
h3, .h3{font-size:30px;}
h4, .h4{font-size:24px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

p{margin:0 0 25px; line-height:30px;}
.line-high-24, .line-high-24 p{line-height:24px;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
.text-blue{color:#00a8d8;}
.text-green{color:#00d670;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#575757 !important;}
::-moz-placeholder{color:#575757 !important;}
:-ms-input-placeholder{color:#575757 !important;}
:-moz-placeholder{color:#575757 !important;}

ul.list{display:block; margin:0 0 25px; list-style:none;}
ul.list li{display:block; margin-bottom:15px; padding-left:27px; font-size:16px; line-height:30px; position:relative;}
ul.list li:after{position:absolute; content:"\f058"; left:0; top:0; color:#00d670; font-family: "FontAwesome";}

.x-navbar{border-bottom: none; background-color:#fff; box-shadow:none;}

.desktop .sub-menu{margin-top:0; text-align:left; position:absolute; top:100% !important; opacity:0; visibility:hidden; transform:scaleY(0); transform-origin:0 0 0; min-width:240px; z-index:99999; background:#00a8d8; padding:0; left:0; right:inherit !important; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; border-radius:0; box-shadow:none; display:block;}
.desktop .sub-menu li{padding:0; margin:0; display:block; border-bottom:1px solid #0081a6;}
.desktop .sub-menu li:last-child{border-bottom:none;}
.desktop .sub-menu a{padding:10px 15px; display:block; color:#fff !important; font-size:16px; font-weight:500; white-space: normal; -webkit-transition: all .5s ease-out; transition: all .5s ease-out;}
.desktop .sub-menu li ul.sub-menu{min-width:300px;}
.desktop .sub-menu li ul.sub-menu li a{font-size:14px;}

.desktop .menu-item.x-active>.sub-menu{opacity:1; transform:scaleY(1); visibility:visible;}

.desktop .sub-menu li .sub-menu{left:100% !important; right:0 !important; top:0 !important;}

.x-navbar .desktop .x-nav li .sub-menu li a span:after{content:"\f101";}

.x-slider-container.below{border-bottom:none;}

.widget{text-shadow:none;}
.widget ul, .widget ol{box-shadow:none; border:none;}
.widget ul li a, .widget ol li a, .x-comment-time{border-bottom:none; box-shadow:none;}
.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a{padding:0 0 14px;}
.widget_nav_menu .current-menu-item>a{background-color:inherit;}
.x-colophon{background-color:#000; border-top:none; box-shadow:none;}
.x-colophon+.x-colophon{border-top:none; box-shadow:none;}
.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover{background-color:inherit; color:#00a8d8 !important;}
.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before{content:"\f105"; opacity:1; color:#00a8d8;}

.x-colophon.top{box-shadow:none; border-top:none; padding:60px 0; background-color:#fff; color:#333;}
.x-colophon.top a{color:#333;}

.widget.widget_block h4{font-size:18px; line-height:18px; color:#000; margin:0;}
.x-colophon .h-widget{margin:0 0 25px; font-size:18px; color:#000;}
.x-colophon .widget{margin-top: 25px;}

.f-social a{color: #333; font-size:28px; line-height:28px; display:block; margin-bottom: 15px; transition:0.3s;}
.f-social a span{display:inline-block; vertical-align:top; font-size:16px; margin-left:10px;}

.read-more-btn{color:#00a8d8 !important;}

.x-colophon.bottom{font-size:16px; color:#fff; background-color:#00a8d8; border-top:none; padding:21px 0;}
.x-colophon.bottom a{color:#fff;}
.x-colophon.bottom .x-colophon-content{letter-spacing:normal; margin:0 0 0;}
.x-colophon.bottom .x-colophon-content p{margin:0;}

.xc-recent-posts article{background-color: #fff; padding-bottom:30px; text-align:left;}
.xc-recent-posts-img{margin-bottom: 30px;}
.xc-recent-posts .xc-recent-post-title{padding:0 20px;}
.xc-recent-posts article h3.h-recent-posts, .x-iso-container-posts.cols-3 .entry-title{font-size: 18px !important; line-height: 24px; font-weight: 600; overflow: hidden; height:22px; margin-bottom:15px;}
.xc-recent-post-meta{display: none;}
.xc-recent-post-excerpt{overflow: hidden; height:90px; padding: 0 20px;}
.xc-recent-post-readmore a {padding: 0 20px; color: #00a8d8; font-weight: 600;}

body.blog{background-color:#f5f5f5;}

.blog .post.type-post .entry-thumb, .category .post.type-post .entry-thumb, .tax-product-category .products .entry-thumb, .xc-recent-posts article .xc-recent-posts-img a{overflow:hidden; text-align:center; height:235px; width:100%; position:relative; display: block;}
.blog .post.type-post .entry-thumb img, .category .post.type-post .entry-thumb img, .tax-product-category .products .entry-thumb img, .xc-recent-posts article .xc-recent-posts-img a img{ width:100%; height:auto; max-width:inherit; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.x-iso-container-posts.cols-3 .entry-wrap, .has-post-thumbnail .entry-wrap{padding:30px 20px; border-radius:0; background-color: #fff; box-shadow:none;}
.has-post-thumbnail .entry-wrap{padding:35px 25px;}
.entry-content.excerpt{overflow: hidden; height:90px;}
.single-post .entry-title{margin-bottom:25px;}

.inner-banner{background:#000; position:relative;}
.banner-img{width:100%; height:275px; background-image:url(images/inner-banner-img.webp); background-position:center center; background-repeat:no-repeat; background-size:cover !important; opacity:0.5; position:relative;}
.inner-banner .page-title{position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%); margin:0 auto; font-size:55px; line-height:55px; color:#fff; text-transform:uppercase; font-weight:600; text-align:center;}

.team-box .team-m-image img{filter: grayscale(100%); transition:0.3s; border:#dddddd 1px solid;}
.team-box .team-m-name{font-size:18px; font-weight:600; transition:0.3s;}
.team-box .team-m-desi{transition:0.3s;}
.team-box:hover .team-m-image img{filter: grayscale(0%);}
.team-box:hover .team-m-name{color:#00b0dc;}
.team-box:hover .team-m-desi{color:#00d670;}

.f-field{margin-bottom:15px;}
.f-field input[type=text], .f-field input[type=tel], .f-field input[type=email], .f-field select{display:block; width:100%; height:50px; background:#fff; border:#cadde3 1px solid; border-radius:0; box-shadow:none; padding:0 10px; margin:0; font-size:16px; color:#333;}
.f-field textarea{display:block; width:100%; height:155px; background:#fff; border:#cadde3 1px solid; border-radius:0; box-shadow:none; padding:10px; margin:0; font-size:16px; color:#333;}
.send-btn{margin-top:25px;}
.send-btn input[type=submit]{display:block; width:100%; height:50px; background:#00afd9; border:none; border-radius:0; box-shadow:none; padding:0 10px; font-size:18px; text-align:center; font-weight:600; text-transform:uppercase; color:#fff; text-shadow:none;}

@media only screen and (max-width:1100px) {
.blog .post.type-post .entry-thumb, .category .post.type-post .entry-thumb, .tax-product-category .products .entry-thumb, .xc-recent-posts article .xc-recent-posts-img a{height:200px;}
}
@media only screen and (max-width:978px) {
.x-btn-navbar.collapsed{color: #fff; background-color: #00a8d8; box-shadow: none; text-shadow: none; border-radius: 0;}
.x-nav-wrap.mobile{margin:0; position: absolute; left: 0; right: 0; top: 114%; z-index: 9; background-color: #00a8d8;}
.x-navbar .mobile .x-nav{margin:0;}
.x-navbar .mobile .x-nav li>a{padding-left:15px; padding-right:15px; border-color:#0081a6; color:#fff !important;}
.x-navbar .mobile .x-nav li>a:first-child{border-top:none;}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a{color:#00d670 !important;}

.x-colophon.top{text-align:center;}
}
@media only screen and (max-width:767px) {
h1, .h1{font-size:36px !important;}
h2, .h2{font-size:30px !important;}
h3, .h3{font-size:24px !important;}
h4, .h4{font-size:20px !important;}
h5, .h5{font-size:18px !important;}
h6, .h6{font-size:16px !important;}

.xc-recent-posts article{margin-bottom:20px;}

.banner-img{height:150px;}

.blog .post.type-post .entry-thumb, .category .post.type-post .entry-thumb, .tax-product-category .products .entry-thumb, .xc-recent-posts article .xc-recent-posts-img a{height:155px;}
}
@media only screen and (max-width:766px) {
.blog .post.type-post .entry-thumb, .category .post.type-post .entry-thumb, .tax-product-category .products .entry-thumb, .xc-recent-posts article .xc-recent-posts-img a{height:250px;}
}
@media only screen and (max-width:479px) {
.blog .post.type-post .entry-thumb, .category .post.type-post .entry-thumb, .tax-product-category .products .entry-thumb, .xc-recent-posts article .xc-recent-posts-img a{height:auto;}
.blog .post.type-post .entry-thumb img, .category .post.type-post .entry-thumb img, .tax-product-category .products .entry-thumb img, .xc-recent-posts article .xc-recent-posts-img a img{position: inherit; left: inherit; top: inherit; transform: translate(0%, 0%);}
}
@media only screen and (max-width:360px) {
.x-brand{margin-top: 11px !important;}
.x-brand img{width: calc(410px / 2) !important;}
}