/*
Theme Name: Unibell
Theme URI: https://shthemes.net/demosd/unibell
Author: Vergatheme
Author URI: https://themeforest.net/user/vergatheme
Description: Unibell is a fully responsive Multipurpose One page WordPress Theme built using the latest bootstrap framework. It’s designed for describing your start up ,agency or business.
Version: 1.7
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: unibell
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design
/*--------------------------------------------------
	00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



.panel-group .panel {
	overflow: visible !important;
}
.welcome-image-area {
	position: relative;
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	overflow: hidden;
}
.display-table {
	display: table;
	height: 100vh;
	width: 100%;
}
.unibell_comment_filed {
	margin-top: 40px;
	padding: 30px;
	background: #f9f9f9;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.unibell_comment_filed .input_list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}
.unibell_comment_filed .input_list li {
	width: 100%;
	margin-bottom: 15px;
}
.unibell_comment_filed input[type="text"],
.unibell_comment_filed input[type="email"],
.unibell_comment_filed input[type="tel"] {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	font-family: inherit;
	transition: all 0.3s ease;
	box-sizing: border-box;
}
.unibell_comment_filed input[type="text"]:focus,
.unibell_comment_filed input[type="email"]:focus,
.unibell_comment_filed input[type="tel"]:focus {
	border-color: var(--theme-second-clr);
	box-shadow: 0 0 5px rgba(255,162,17,0.3);
	outline: none;
}
.unibell_comment_filed .message_area {
	margin-bottom: 15px;
}
.unibell_comment_filed .message_area textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	font-family: inherit;
	min-height: 120px;
	resize: vertical;
	transition: all 0.3s ease;
}
.unibell_comment_filed .message_area textarea:focus {
	border-color: var(--theme-second-clr);
	box-shadow: 0 0 5px rgba(255,162,17,0.3);
	outline: none;
}
.unibell_button {
	text-align: left;
}
.unibell_button button {
	background: #555555;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 12px 30px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: uppercase;
}
.unibell_button button:hover {
	background: var(--theme-second-clr);
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
	.unibell_comment_filed input[type="text"],
	.unibell_comment_filed input[type="email"],
	.unibell_comment_filed input[type="tel"],
	.unibell_comment_filed .message_area textarea {
		width: 100%;
	}
}
.comment-form-cookies-consent {
	display: flex !important;
	align-items: center;
	gap: 8px;
	flex-direction: row !important;
}
.comment-form-cookies-consent input[type="checkbox"] {
	order: 0;
}
.comment-form-cookies-consent label {
	order: 1;
	margin: 0;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	margin-top: 0px;
}
.single-comment {
	margin-bottom: 25px;
}
.comment-inner {
	display: flex;
	gap: 15px;
}
.comment-inner .author-thumb img {
	width: 70px;
	height: 70px;
	border-radius: 35px;
}
.comment-content {
	flex: 1;
}
.comment-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.comment-author {
	font-weight: bold;
}
.comment-time {
	color: #999;
	font-size: 14px;
	margin-top: 2px;
}
.reply-btn {
	background: #555555;
	color: #fff;
	padding: 5px 20px;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer;
}
.reply-btn:hover {
	background: #222;
}
.children {
	margin-left: 60px; 
}
.sidebar-page .comments-area .comment-box .author-thumb img {
	border-radius: 35px;  
}
.children .author-thumb {
	position: relative;
	width: 70px;
	height: 70px;
	border: 3px solid #ffffff;
	border-radius: 0;
	padding: 5px;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-sizing: border-box;
}
.children .author-thumb img {
	width: 100%;
	height: 100%;
	border-radius: 0;
}
body.logged-in .navbar-custom{
	top: 32px;
}
.comment {
	display: flex;
	gap: 15px;
	margin-bottom: 30px;
}
.comment-content {
	flex: 1;
}
.comment-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 8px;
}
.comment-author {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}
.comment-time {
	font-size: 13px;
	color: #999;
	margin-top: 2px;
}
.comment-text {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
.comment-reply-link {
	background: #555;
	color: #fff !important;
	padding: 5px 20px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}
.comment-reply-link:hover {
	background: var(--theme-second-clr);
	color: #fff !important;
}
.w-100{
	width: 100%;
}
.ratio-5x2{
	object-fit: cover;
	aspect-ratio: 5/2;
}
.mb-70{
	margin-bottom: 70px;
}
.sidebar .widget_categories ul li a,
.sidebar .widget_archive ul li a {
	color: #3d3d3d !important;
}
.sidebar .widget_tag_cloud a {
	display: inline-block;
	padding: 6px 15px;
	margin: 5px 8px 5px 0;
	border: 1px solid #ddd;
	border-radius: 0;
	background: #fff;
	color: #3d3d3d !important;
	font-size: 13px !important; 
	text-transform: capitalize;
	transition: all 0.3s ease;
}
.sidebar .widget_tag_cloud a:hover {
	background: var(--theme-primary-clr); 
	border-color: var(--theme-primary-clr);
	color: #fff !important;
}
.sidebar .cat-item li{
	line-height: 32px;
}
.sidebar .widget_categories ul li {
	margin-bottom: 12px; 
	line-height: 1.6;    
}
.sidebar .widget_categories ul li a {
	color: #3d3d3d !important;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.3s ease;
}
.sidebar .widget_categories ul li a:hover{
	color: var(--theme-primary-clr)!important;
} 
.sidebar .widget_archive ul li a:hover{
	color: var(--theme-primary-clr)!important;
} 
.blog-content h3 a{
	color: #333333 !important;
}
.basic-pagination {
	margin: 40px 0;
}
.page-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	gap: 8px;
	padding: 0;
}
.page-pagination li {
	display: inline-block;
}
.page-pagination a,
.page-pagination span {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}

.page-pagination a:hover {
	background-color: var(--theme-primary-clr);
	color: #fff;
	border-color: var(--theme-primary-clr);
}
.page-pagination .current {
	background-color: var(--theme-primary-clr);
	color: #fff;
	border-color: var(--theme-primary-clr);
	font-weight: bold;
}
.justify-content-start { 
	display: flex; justify-content: flex-start;
}
.justify-content-center { 
	display: flex; justify-content: center; 
}
.justify-content-end { 
	display: flex; justify-content: flex-end;
}
.not-found{
	min-height: calc(100vh - 70px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	padding: 40px 20px;
}
.not-found h6 {
	font-size: 100px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}
.not-found p {
	font-size: 30px;
	color: #666;
	max-width: 600px;
	margin: 0 auto;
}
.search-form{
	position: relative;
	min-height: calc(100vh - 500px);
}
.search_custom .search-form label{
	width: 100%;
}
.search_custom .search-form input.search-submit{
	position: absolute;
	right: 0;
	width: fit-content;
	border-radius: 25px;
}
.screen-reader-text span{
	display: none;
}
input[type="search"] {
	width: 100%;   
}
.search-field{
	border-radius: 25px;
	padding: 8px 50px 8px 20px;
	border: 1px solid #d0d0d0;
}
.search-submit{
	padding: 8px 20px 8px 20px;
	border: 1px solid #d0d0d0;
	background: #252525;
	color: #ffffff;
}
.search-submit:hover{
	background: var(--theme-primary-clr);
}
.sidebar .widget_archive ul li {
	margin-bottom: 8px;
}
.newsletter-content {
	display: flex;
	align-items: center;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #fff;
}
.newsletter-content input[type="email"] {
	flex: 1;
	padding: 16px 20px;
	border: none;
	background: transparent;
	color: #fff;
	font-size: 16px;
	outline: none;
}
.newsletter-content input[type="email"]::placeholder {
	color: #aaa;
}
.newsletter-content .newsletter-btn {
	background: #ffa500;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 35px;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.newsletter-content .newsletter-btn i {
	margin-right: 8px;
}
.elementor hr {
	background-color: transparent;
	margin: 20px auto!important;
}
.dialog-type-lightbox{
	display: none !important;
}
.section-title.center hr {
	margin: 0 auto!important;
	margin-bottom: 2px!important;
}
.logged-in-as a{
	color: #337ab7!important;
}
.comment-reply-title a{
	color: #333333;
}
#cancel-comment-reply-link{
	font-size: 24px;
	margin-left: 170px;
}
.sidebar-page .single-blog{
	position: relative;
}
span.featured-post.sticky{
	position: absolute;
	top: 0;
	right: 0;
	background: var(--theme-second-clr);
	padding: 2px 10px;
	color: #000;
}
aside.sidebar .widget_block.widget_search label.wp-block-search__label{
	display: none;
}
aside.sidebar .widget_block.widget_search input{
    position: relative;
    line-height: 24px;
    padding: 8px 78px 8px 20px;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    color: #3a3a3a;
    display: block;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
aside.sidebar .widget_block.widget_search button{
	margin: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 42px;
    width: max-content;
    line-height: 30px;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #ffffff;
    background: #252525;
    border: none;
}
aside.sidebar .widget_block.widget_search button:hover{
	background: var(--theme-second-clr);
}
aside.sidebar .widget h2.wp-block-heading{
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: 500;
}
aside.sidebar .widget h2.wp-block-heading::after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 2px;
    background: var(--theme-second-clr);
}
aside.sidebar .widget a{
	font-size: 14px;
	color: #3d3d3d;
	text-decoration: none;
	transition: color 0.3s ease;
}
aside.sidebar .widget a:hover{
	color: var(--theme-primary-clr);
}
aside.sidebar .widget.widget_block ul.wp-block-latest-posts__list li,
aside.sidebar .widget.widget_block ol.wp-block-latest-comments li{
	font-size: 14px;
	font-weight: 400;
	display: block;
	line-height: 1.5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d0d0d0;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_block ul.wp-block-latest-posts__list li:last-child,
aside.sidebar .widget.widget_block ol.wp-block-latest-comments li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
aside.sidebar .widget.widget_block ul.wp-block-archives-list li,
aside.sidebar .widget.widget_block ul.wp-block-categories-list li,
aside.sidebar .widget.widget_archive ul li{
	font-size: 14px;
	display: block;
	margin-bottom: 8px;
	color: #3d3d3d;
}
select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    background: #fff;
    border: 1px solid #d0d0d0;
    outline: none;
    padding: 10px;
    border-radius: 5px;
    color: #3d3d3d;
    width: 100%;
    background-image: url(assets/arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 12px;
}
aside.sidebar .widget.widget_calendar table{
	width: 100%;
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
}
aside.sidebar .widget.widget_calendar table caption{
	caption-side: top;
	text-align: center;
	padding: 10px;
	font-weight: 700;
	background: #000;
	color: #fff;
}
aside.sidebar .widget.widget_calendar table.wp-calendar-table th,
aside.sidebar .widget.widget_calendar table.wp-calendar-table tr,
aside.sidebar .widget.widget_calendar table.wp-calendar-table td{
	border: 1px solid #d0d0d0;
	color: #3d3d3d;
	padding: 7px;
	text-align: center;
}
aside.sidebar .widget.widget_calendar table.wp-calendar-table thead th{
	color: #111;
}
aside.sidebar .widget.widget_calendar table.wp-calendar-table td#today{
	background: #000;
	color: #fff;
}
aside.sidebar .widget.widget_calendar nav.wp-calendar-nav{
	display: none;
}
aside.sidebar .widget.widget_categories ul li,
aside.sidebar .widget.widget_pages ul li{
	font-size: 1rem;
	font-weight: 400;
	display: block;
	line-height: 1.5;
	margin-bottom: 10px;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_categories ul li:last-child,
aside.sidebar .widget.widget_pages ul li:last-child{
	margin-bottom: 0;
}
aside.sidebar .widget.widget_categories ul li a,
aside.sidebar .widget.widget_pages ul li a{
	color: #3d3d3d;
}
aside.sidebar .widget ul.children{
	margin-left: 25px;
}
aside.sidebar .widget ul.children > li:first-child{
	margin-top: 10px;
}
aside.sidebar .widget.widget_meta ul li,
aside.sidebar .widget.widget_recent_comments ul li,
aside.sidebar .widget.widget_recent_entries ul li,
aside.sidebar .widget.widget_rss ul li{
	font-size: 14px;
	display: block;
	line-height: 1.5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d0d0d0;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_meta ul li:last-child,
aside.sidebar .widget.widget_recent_comments ul li:last-child,
aside.sidebar .widget.widget_recent_entries ul li:last-child,
aside.sidebar .widget.widget_rss ul li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
aside.sidebar .widget.widget_rss ul li a.rsswidget{
	display: block;
	font-weight: 700;
	color: #3d3d3d;
	font-size: 16px;
}
aside.sidebar .widget.widget_rss ul li span.rss-date{
	font-size: 90%;
	font-style: italic;
}
aside.sidebar .widget.widget_rss ul li cite{
	font-size: 90%;
	font-weight: 700;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_search form.search-form{
	position: relative;
	min-height: 50px;
}
aside.sidebar .widget.widget_search form.search-form input.search-field[type='search']{
    border-radius: 0;
    padding: 8px 20px;
}
aside.sidebar .widget.widget_search form.search-form input[type='submit']{
	position: absolute;
}
aside.sidebar .widget img{
	max-width: 100%;
	height: auto;
	margin: 15px 0;
}
aside.sidebar .widget.widget_text strong{
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_text p{
	font-size: 14px;
	color: #3d3d3d;
	margin-bottom: 0;
}
aside.sidebar .widget.widget_text strong{
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_text strong{
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_text form > select{
	margin-top: 10px;
}
p.wp-caption-text{
	text-align: center;
}
aside.sidebar .widget.widget_nav_menu ul li{
	font-size: 14px;
	font-weight: 400;
	display: block;
	line-height: 1.5;
	padding-bottom: 10px;
	color: #3d3d3d;
}
aside.sidebar .widget.widget_nav_menu ul li:last-child{
	padding-bottom: 0;
}
aside.sidebar .widget.widget_nav_menu ul li a{
	color: #3d3d3d;
}
aside.sidebar .widget.widget_nav_menu ul.sub-menu{
	padding-left: 15px;
}
aside.sidebar .widget.widget_nav_menu ul.sub-menu > li:first-child{
	padding-top: 10px;
}
body{
	word-wrap: break-word;
}
.navbar-nav li.dropdown .dropdown-menu{
	display: block;
	opacity: 0;
	visibility: hidden;
}
.navbar-nav li.dropdown:hover > .dropdown-menu{
	opacity: 1;
	visibility: visible;
}
.navbar-nav ul.dropdown-menu li.dropdown:hover > .dropdown-menu{
	top: -8px;
	left: 100%;
}
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter{
	text-decoration: none;
}