/*!
Theme Name: AI Countly
Theme URI: http://underscores.me/
Author: Three Dots Media
Author URI: https://www.threedotsmedia.in/
Description: Help Desk
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ai-countly
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

AI Countly is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');


* {	margin: 0; padding:0; outline:0;}

body{font-size:18px; line-height:28px; overflow-x:hidden;}

img{width:auto; max-width:100%; height:auto;}

a{color:#007cc2; text-decoration:none;}
a:hover{color:#005888}

.postcontent{text-align:justify;}
.postcontent h2,.postcontent h3,.postcontent h4,.postcontent h5,.postcontent h6{color: var( --e-global-color-primary ); font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;}


p{margin-bottom:10px;}


ul.menu {margin:0; padding:0;}
.menu-toggle{font-size:24px;}
.menu-toggle img{width:35px; height:auto;}
.main-navigation{text-align:right;}
.main-navigation .menu-primary-menu-container ul li{display:inline-block; padding:5px 10px;}
.main-navigation .menu-primary-menu-container ul li a{color:#000; font-size:18px; font-weight:500; text-decoration:none;}
@media screen and (min-width:992px){
	.menu-toggle{display:none;}
}
@media screen and (max-width:991px){
    .main-navigation{text-align:left;}
	.main-navigation .menu-primary-menu-container{display:none; position:absolute; left:0; right:0; z-index:99; margin-top:10px; background: #fff;}
	.main-navigation.toggled .menu-primary-menu-container{display:block;}
	.main-navigation .menu-primary-menu-container ul li{display:block;}
	.main-navigation .menu-primary-menu-container ul li a{font-size:18px;}
}

.entry-header{background:#f5f7f8; padding:50px 0px; position:relative; margin-bottom:40px;}
.entry-header:before {content: ''; position: absolute; margin-left: -100% !important; width: 200% !important; background:#f5f7f8; top:0; bottom: 0;	z-index:-1;}
.entry-header:after {content: ''; position: absolute; margin-right: -100% !important; width: 200% !important; background:#f5f7f8; top:0; bottom: 0;	z-index:-1;}



input, textarea { -webkit-transition: all 0.30s ease-in-out;  -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out;  outline: none;  padding: 12px 12px;  font-size: 16px;  border: 1px solid #DDDDDD;}
 
input:focus, textarea:focus {  box-shadow: 0 0 5px rgba(81, 203, 238, 1);   border: 1px solid rgba(81, 203, 238, 1);}

input[type="submit"]{font-family: var(--e-global-typography-text-font-family ), Sans-serif; background:#007cc2; color:#fff; max-width: 220px; padding:15px 25px; font-weight:bold;  border:0px; margin-top:10px;}

.help_posts{margin:0px; padding:0px;}
.help_posts li{list-style:none; border-bottom:1px solid #ccc; padding:15px 0px; margin:15px 0px;}
.help_posts li a{color:#000;}


.single-post .entry-content{width:1000px; max-width:100%; margin:auto;}

#comments{ margin-top:100px;}
#comments li{list-style:none; margin-bottom:20px;}
#comments .comment-reply-link{font-size:13px; background:#3ab2c2; padding:3px 6px; color:#fff;}
#comments .reply{width: auto; float: right; margin-top: -70px;}

.comment-list{background:#f5f7f8; padding:8px 15px;}
.comment-respond{border:1px solid #f3f3f3; padding:20px; background:#fff; box-shadow: 0px 0px 4px #ccc}
.comment-respond textarea{width:100%; height:120px;}
.comment-form-author, .comment-form-email, .comment-form-url{width:31.3%; display: inline-block;}
.comment-form-email{ padding:0px 2%;}
.comment-respond input, .comment-respond label{width:100%;}
.comment-form-cookies-consent{width:100%; display: inline-block; margin-top:10px;}
.comment-form-cookies-consent input, .comment-form-cookies-consent label{width:auto;}

.post-navigation{border-top:1px solid #e3e3e3; float:left; width:100%; border-bottom:1px solid #e3e3e3; padding:18px 0px;}
.nav-links a{color:#000;}
.nav-links .nav-subtitle{position:relative; top:-4px;}
.nav-links .nav-previous{display:inline-block; width:49%; float:left;}
.nav-links  .nav-next{display:inline-block; width:49%; float:right; text-align:right;}


.postcontent ul, .postcontent ol{margin-left:20px;}
.postcontent ul li, .postcontent ol li{padding-bottom:5px;}
.postcontent ul li em, .postcontent ol li em{color:#87029B;}

.box .taxonomy-list-item{display:inline-block; width:auto;  background:#fff;  border: 1px solid #ccc; border-radius: 5px; margin:2px; }
.box .taxonomy-list-item .tax-details{float:inherit; width:100%; }
.box .taxonomy-list-item .tax-name{ padding: 15px;}
.box .taxonomy-list-item .tax-details, .box .tax-desc{display:block; text-align:center}
.taxonomy-list-item{ border-bottom: 1px solid #ccc;}
.tax-name .tax-image, .tax-name .tax-title{float:inherit!important;}
.taxonomy-list-item .tax-title a{font-size:16px!important; font-weight:bold;color:var( --e-global-color-secondary );}
.taxonomy-list-item .tax-details{display:flex;}
.taxonomy-list-item .tax-image{display:none;}
.taxonomy-list-item1 .taxonomy-list-item .tax-details{text-align:center;}

.catlist li{list-style:none; position:relative; }
.catlist li a{color:var(--e-global-color-secondary);}
.catlist li a:hover{color:var(--e-global-color-primary);}
.catlist li .title{margin-right:10px; display:inline-block; line-height:20px;}
.catlist li b{padding:5px 0px; display:block; border-bottom:1px dashed #ccc; line-height: 34px;}
.catlist ul{padding-left:5px;}
.catlist ul li{padding-left:5px;}

.catlist li img{float:left; margin-right:10px; width:32px;}

.catlist .has-children ul{display:none;}
.catlist .has-children.open > ul{display:block;}
.catlist .has-children b{position:relative;}
.catlist .has-children > b::after{position:absolute; font-size:22px; content:'+'; cursor:pointer; right:0; top:5px;}
.catlist .has-children.open > b::after{content:'-';}

.mainmenu .elementor-container p{margin-bottom:0px;}
.mainmenu .elementor-container .elementor-icon-box-title span{color:var( --e-global-color-primary); bottom:-4px; position:relative; margin-right:6px;}
.mainmenu .elementor-container, .premium-sub-menu{box-shadow: 0px 0px 8px #ccc; border: 1px solid #ccc; background:#fff; border-radius:6px;}


.mainmenu .elementor-icon-box-wrapper .elementor-icon-box-description{display:none;  font-size:92%; line-height:1.4em;}
.mainmenu .elementor-icon-box-wrapper:hover .elementor-icon-box-description{display:block;}

.btn.btn-outline-primary a{border:1px solid var( --e-global-color-primary ) !important; border-radius:5px;}

.header.elementor-sticky.elementor-sticky--active{box-shadow: 0px 0px 4px #666; z-index:9999999;}
.header.elementor-sticky.elementor-sticky--active img{width:80px!important; height:auto;}

.catslist h5{color:#07643A}
.catslist li{font-size:18px; font-weight:600; list-style:none; border-bottom:2px solid #e3e3e3; padding:6px 0px;}
.catlist .desc{font-weight:normal; line-height:20px;}
.catlist .catlist li a{font-size:14px; font-weight:normal;}

@media (min-width: 1400px){
	.elementor-container{max-width: 1320px !important;}
	.premium-sub-menu{top:86px !important;}
	.mainmenu .elementor-container{top:40px;}
	.elementor-sticky.elementor-sticky--active .mainmenu .elementor-container{top:16px;}
	.elementor-sticky.elementor-sticky--active .premium-sub-menu{top:65px !important;}
}
@media (max-width: 1024px){
	.mainmenu .elementor-icon-box-wrapper:hover .elementor-icon-box-description{display:none;}
	.premium-sub-menu, .mainmenu .elementor-container{margin:0px 10px !important;}
	.premium-sub-menu{min-width: 90% !important;}
}

@media (max-width:768px){
	.comment-form-author, .comment-form-email, .comment-form-url{width:100%; display: inline-block;}
.comment-form-email{ padding:2% 0%;}
}
.gallery.gallery-columns-2 .gallery-item{width:50%; padding:1%; display:inline-block;}
.gallery.gallery-columns-3 .gallery-item{width:33.2%; padding:1%; display:inline-block;}
.gallery.gallery-columns-4 .gallery-item{width:25%; padding:1%; display:inline-block;}


.buttonscat { text-align:center;}
.buttonscat .catlist{display:inline-block; margin:2px; text-align:center;}
.buttonscat .catlist b{border:0px; padding:6px 22px; border-radius:8px; background:#000;}
.buttonscat .catlist span{margin:0px;}
.buttonscat .catlist b a{ color:#fff;}

.community_header{background:#181B29; color:#fff; padding:55px 0px; margin-bottom:50px;}
.comments-list{width:100%; margin-bottom:50px;}
.comments-list p{font-weight:600;}
.comments-list li{list-style:none; padding:10px 15px;}
.comments-list li:nth-child(even){background:#f3f3f3;}

.page-template-community #comments .comment-list, .page-template-community #comments .comments-title{display:none;}
.comments-list li small{}

#topic_content{height:160px !important;}

.float-start{float:left !important;}
.float-end{float:right !important;}

table.table{ border:1px solid #ccc; border-collapse: collapse;}
table.table td{padding:4px; border:1px solid #ccc;}