/*!
Theme Name: Robotix
Theme URI: https://getmasum.com/themes-wp/robotix
Author: Themesvila
Author URI: https://www.templatemonster.com/authors/themesvila/
Description: This is AI Writer and Tech Startup WordPress Theme
Version: 1.0.0
Tested up to: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: robotix
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.

Robotix 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

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


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 0;
}
.entry-content{
	overflow: hidden;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	padding-left: 23px;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Blog Style */

img{
	height: auto;
}
.single-blog{
	border: 1px solid #2D4C70;
	margin-bottom: 30px;
	position: relative;
	border-radius: 10px;
}

.blog_img {
	position: relative;
	margin-bottom: 10px;
}
.blog_img img{
	border-radius: 4px 4px 0 0;
}
.meta-blog {
	padding: 0px 7px 0px 0;
	font-size: 13px;
	margin-bottom: 9px;
}
.meta-blog span{
	padding-left: 3px;
}
.meta-blog .category {
	margin-bottom: 10px;
}
.meta-blog .category a {
	color: #fff;
	display: inline-block;
	background-color: #6721FF;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 4px;
	line-height: 28px;
	margin-right: 5px;
	margin-bottom: 8px;
}
.blog-content {
	padding: 23px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;	
}
.single-blog h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
}
.single-blog h3 a{
	color: #fff;
}

.blog_btn {
	font-weight: 500;
	font-size: 14px;
}
.pagination {
	margin-top: 30px;
}
.navigation.pagination,
.pagination .nav-links{
	width: 100%;
}
.pagination a,
.pagination span{
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	display: inline-block;
	margin: 0 5px;
	border-radius: 4px;
	background: rgba(217, 217, 217, 0.06);
	border: 1px solid rgba(151, 150, 233, 0.2);	
	transition: .5s;
}

.pagination a:hover,
.pagination span{
	background-color: #4342F5;
}

/* Unit Test CSS */

dl {
  margin: 0 20px;
}
dd {
	margin-bottom: 12px;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
	text-align: center;
}
caption, th, td {
    font-weight: normal;
    text-align: center;
}
caption {
	font-size: 16px;
	margin: 0;
	padding-top: 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
	border-top: 1px solid #32373c;
	padding: 6px 10px 6px 0;
}
table caption{
	color: #fff;
}

tr{
	 padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
select{
	border: 1px solid #ddd;
	padding: 10px;
	background-color: #fff;
	border-radius: 4px;
}
.wp-block-calendar table:where(:not(.has-text-color)) {
	color: #fff;
}
:where(.wp-block-calendar table:not(.has-background) th) {
	background: #4342F5;
}
/* Single Post Style */

.content-area input[type="text"],
.content-area input[type="email"],
.content-area input[type="url"],
.content-area input[type="password"],
.content-area input[type="search"],
.content-area input[type="number"],
.content-area input[type="tel"],
.content-area input[type="range"],
.content-area input[type="date"],
.content-area input[type="month"],
.content-area input[type="week"],
.content-area input[type="time"],
.content-area input[type="datetime"],
.content-area input[type="datetime-local"],
.content-area input[type="color"],
.content-area textarea {
	border: 1px solid #ddd;
	padding: 6px 10px;
	box-shadow: inherit;
	transition: .5s;

}
.content-area textarea{
	height: 120px;
	padding: 10px 10px;
}
.content-area input[type="text"],
.content-area input[type="email"],
.content-area input[type="url"],
.content-area input[type="password"],
.content-area input[type="search"],
.content-area input[type="number"],
.content-area input[type="tel"],
.content-area input[type="range"],
.content-area input[type="date"],
.content-area input[type="month"],
.content-area input[type="week"],
.content-area input[type="time"],
.content-area input[type="datetime"],
.content-area input[type="datetime-local"],
.content-area input[type="color"]{
	height: 50px;
	line-height: 50px;
	background: transparent;
	border: 1px solid #4342F5;
	border-radius: 4px;
}
.content-area input[type="text"]:focus,
.content-area input[type="email"]:focus,
.content-area input[type="url"]:focus,
.content-area input[type="password"]:focus,
.content-area input[type="search"]:focus,
.content-area input[type="number"]:focus,
.content-area input[type="tel"]:focus,
.content-area input[type="range"]:focus,
.content-area input[type="date"]:focus,
.content-area input[type="month"]:focus,
.content-area input[type="week"]:focus,
.content-area input[type="time"]:focus,
.content-area input[type="datetime"]:focus,
.content-area input[type="datetime-local"]:focus,
.content-area input[type="color"]:focus,
.content-area textarea:focus{
	border-color: #4342F5;
	box-shadow: unset;
	background: transparent;
	outline: unset;
}
.form-submit #submit,
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"]{
	border: 1px solid #4342F5;
	background: #4342F5;
	border-color: #4342F5;
	padding: 10px 27px;
	cursor: pointer;
	transition: .5s;
	border-radius: 4px;
	color: #fff;
}
.wp-block-search__input{
	border-radius: 2px;
}
.form-submit #submit:hover,
.form-submit #submit:focus,
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover{
	background: #4342F5;
	border-color: #4342F5;
	color: #fff;
}
.post-password-form input[type="submit"]{
	margin-left: 10px;
}
#searchform .form-control {
	height: 52px;
	line-height: 53px;
	padding: 7px 20px;
	border-radius: 4px 0 0 4px;
	border: 1px solid #4342F5;
	box-shadow: inherit;
	color: #fff;
	background: transparent;
}
.wp-block-search__input.wp-block-search__input{
	border-radius: 4px;
}
#searchform .form-control:hover{
	
}
#searchform .form-control:focus{
	border-color: #4342F5;
}
#searchform .search_btn{
	background: #4342F5;
	color: #fff;
	border-color: #4342F5;
	cursor: pointer;
	transition: .5s;
	padding: 13px 20px;
	border-radius: 0px 4px 4px 0;
}
#searchform .search_btn:hover,
#searchform .search_btn:focus{
	background: #4342F5;
	border-color: #4342F5;
}
.wp-block-button{
	margin-bottom: 15px;
}
.wp-block-button__link{
	color: #fff;
	transition: .5s;
	border-color: #fff;

}
.wp-block-column{
	padding: 15px;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus{
	background: #4342F5;
}
.wp-block-cover-text{
	color: #fff!important;
}
.posts-navigation {
	margin-bottom: 25px;
	text-align: center;
}
.post-details-nav{
	display: inline-block;
	margin:0 10px;
}
.posts-navigation a{
	display: inline-block;
	padding: 5px 15px;
	background-color: #4342F5;
	color: #fff!important;
	transition: .5s;
	text-transform: capitalize;
	font-weight: 500;
	border-radius: 4px;
	
}
.posts-navigation a:hover,
.posts-navigation a:focus{
	background-color: #4342F5;
}
.blog-category a{
	font-weight: 600;
}
.widget.widget_block .wp-block-group__inner-container h2{
	margin-bottom: 20px;
	font-size: 20px;
}
.wp-block-latest-comments{
	padding-left: 0;
}
.wp-block-latest-comments li{
	margin-bottom: 0;
}
.wp-block-search__input{
	height: 52px;
	line-height: 53px;
	padding: 7px 20px;
	border: 1px solid #f5f8fa;
	box-shadow: inherit;
	color: #888;
	background: #f5f8fa;
}
.wp-block-search__button,
.wp-block-search__button:hover,
.wp-block-search__button:focus{
	background: #4342F5;
	color: #fff;
	border-color: #4342F5;
	cursor: pointer;
	transition: .5s;
	padding: 7px 21px!important;
	border-radius: 4px;
}

body.single .blog_post_meta{
	margin-bottom: 15px;
}
body.single .blog_post_meta span{
	margin-right: 10px;
}
body.single .blog_post_meta span i{
	padding-right: 5px;
}
.post_video iframe{
	width: 100%;
	height: 450px;
}
.post_format-post-format-video iframe{
	width: 100%;
	height: 450px;
}

.error-404.not-found{
	padding: 120px 0;
}
.error-404.not-found .page-header{
	margin-bottom: 20px;
}
.error-404.not-found p{
	margin-bottom: 30px;
}
.comment-reply-title small{
	margin-left: 10px;
}

.blog-content .page-links{
	margin-bottom: 0;
}

.wp-block-group.has-background{
	padding: 15px;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border: 1px solid transparent;
}

/*--------------------------------------------------------------
# Coments
--------------------------------------------------------------*/

/* Comment Style */

.comments-area{
	margin-top: 50px;
}
#respond #reply-title{
	margin-bottom: 10px;
}
.comments-area li.comment, 
.comments-area li.pingback {
	list-style-type: none;
	background: transparent;
	padding: 30px;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 3px rgba(36,39,44,0.15) !important;
	border-radius: 10px;
	margin-bottom: 25px;
}
.single_comment .media{
	margin-bottom: 0;
}
.single_comment h5.media-heading{
	margin-bottom: 8px;
	text-transform: capitalize;
}
.com_time{
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 500;
	letter-spacing:2px;
}
.single_comment h5.media-heading span{
	color: #888;
}
.comment_text{
	overflow: hidden;
	margin-top: 20px;
}
.media{
	margin-bottom:16px;
}
.comment_single p{
	margin-bottom: 10px;
	text-align:justify;
}
.comment_avatar {
	float: left;
	margin-right: 22px;
}
.comment_avatar img{
	border-radius: 50%;
}
.comments-area ol .children {
	padding-left: 40px;
}
.comments-area .comment-list {
	padding-left: 0;
}
.media-body, .media-left, .media-right {
	display: block!important;
	vertical-align: top;
}
.media-body{
	width: auto!important;
}
.creply_link {
	display: inline-block;
	text-align: left;
	float: left;
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
}
.post_audio_video{
	margin-bottom: 0px;
	
}
.post_audio_video iframe{
	width: 100%;
}

iframe,
embed,
video,
audio{
	border: none;
}
.content-area input[type="submit"]:hover, .content-area input[type="submit"]:focus, .content-area button:hover, .content-area button:focus {
    border-color: #333;
    background: #333;
    color: #fff;
	border:1px solid #333;
}
.content-area  .submit{
	background:#4342F5;
	color:#fff;
	border:1px solid #4342F5;
	padding:7px 14px;
}
#commentform .form-control{
	margin-bottom: 15px;
	border-radius: 4px;
	padding: 10px 20px;
	color: #fff;
}
#commentform textarea.form-control{
	padding-top: 15px;
	height: 120px;
}
#commentform #submit{
	margin-bottom: 20px;
	border-radius: 4px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
section.widget{
	margin-bottom: 30px;
}
.widget,
.home_single_blog,
.comments-area,
#calendar_wrap,
table{
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widget table{
	max-width: 100%;
}
.widget-area{

}
.widget{
	background: transparent;
	padding: 30px;
	position: relative;
	z-index: 1;
	border: 1px solid #2D4C70;
	border-radius: 10px;	
}
section.widget select{
	width: 100%;
}

#reply-title{
	margin-bottom: 20px;
}

.widget-title,
.comments-title, 
.comment-reply-title
{
	font-size: 20px;
	margin-bottom: 25px;
	text-transform: capitalize;	
	position: relative;
	padding-left: 0px;
}
.widget-title::before, 
.comments-title::before, 
.comment-reply-title::before {

}


.widget-title,
.widget-title a{
	margin-top:0px;
	margin-bottom:15px;
	color: #fff;
}
.widget.widget_tag_cloud .widget-title{
	margin-bottom:25px;
}
#reply-title,
.comments-title{
	margin-bottom:30px;
}

.widget ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.widget li {
	padding-bottom: 10px;
	position: relative;
	padding-left: 0;
	transition: .5s;
	line-height: 32px;
}
.widget li ,
.widget li a{
	color: #fff;
}

.widget_categories li li:before{
	content: "";
	
}

.widget_categories li li{
	padding-left: 15px;	
}

.widget_categories li{
	padding-left: 0px;
}
.rsswidget .rss-widget-icon{
	display: inline-block;
}
.widget.widget_rss li{
	padding-left: 0;
}
.widget.widget_rss li:before{
	content: '';
}
.widget li:last-child{
	padding-bottom: 0px;
}
.widget li li{
	padding-left: 15px;
}
.widget a{
	transition: .5s;
}
.widget a:hover{
	color: #4342F5
}
ul#instafeed{
	margin: 0 -5px;
}
#instafeed li{
	width: 29.33%;
	float:left;
	margin: 0 5px 0;
}
.tagcloud a,
.wp-block-tag-cloud a {
	font-size: 13px !important;
	border: 1px solid #bdcae0;
	padding: 0px 19px;
	display: inline-block;
	margin: 0 14px 16px 0;
	transition: .5s;
	color: #bdcae0;
	text-transform: capitalize;
	border-radius: 3px;
}
.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus,
.tagcloud a:hover,
.tagcloud a:focus{
	background: #4342F5;
	border-color: #4342F5;
	color: #fff!important;
}
.footer_top{
	padding-top: 40px;
}
.single .blog_img img{
	width: 100%;
} 

.blog.section-padding{
	padding-bottom: 40px;
}

/* Color Adjust Code */

.page-links{
	padding-left: 0;
}

.page-links{
	padding-left: 0;
}
.light .single-blog.entry-content a,
.light .pagination a{
	color: #444;
}
.light .pagination a{
	
}
.light .single-blog,
.light .widget{
	border-color: #cdd4de;
}
.light .content-area,
.light .content-area a,
.light .widget li, 
.light .widget li a{
	color: #444;
}


.light .single-blog .blog_btn,
.light .single-blog h3 a{
	color: #222;
}

.light .main-banner-area h2,
.light .meta-blog .category a{
	color: #fff;
}

.light .footer h2,
.light .footer,
.light .entry-content a.wp-block-file__button,
.light .home-slider .bud_content h4{
	color: #fff;
}

.light .page-template-page-builder .about-us{
	background: #fff;
}

/* Color Optins*/
.switcher-color-opt {
	display: inline-block;
	margin-right: 19px;
	color: #ffff;
	font-size: 17px;
}
.switcher-color-opt span {
	cursor: pointer;
	padding: 0 5px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	transition: .5s;
}
.switcher-color-opt span.active{
	color: var(--white);
  	background: linear-gradient(90deg, #7B3EFF 45.53%, #00C4FF 100%);
}