/*!
Theme Name: Adas Portfolio
Theme URI: https://rswpthemes.com/adas-pro-the-ultimate-resume-portfolio-wordpress-theme/
Author: RS WP THEMES
Author URI: https://rswpthemes.com
Description: Adas Portfolio is a sleek, modern, and highly responsive Personal Portfolio and Resume WordPress Theme. Crafted with precision for freelancers, developers, designers, photographers, and creative professionals, Adas provides the perfect digital canvas to showcase your skills, experience, and creative projects. With a striking user interface that features a sticky personal profile card and smooth scrolling content, Adas ensures your visitors stay engaged. Whether you want to highlight your latest case studies, share client testimonials, or display your working history in a beautiful timeline, Adas has got you covered. One of the standout features is the built-in Dark and Light Mode toggle, allowing users to switch the website's visual vibe with just a single click. Powered by the powerful Kirki Customizer, you can easily tweak colors, typography, and layout settings in real-time without touching a single line of code.
Version: 1.6.1
Tested up to: 6.9
Requires PHP: 7.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: adas-portfolio

Tags: portfolio, photography, blog, news, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, post-formats, sticky-post, theme-options, 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.

Adas 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:
----------------------------------------------------------------
# Theme Default CSS
# Header CSS
# Home Section
# Blog CSS
# Pages CSS
# Pagination CSS
# WordPress Default CSS
# Woocommerce CSS
# Footer CSS
--------------------------------------------------------------*/

/*---------------------------------------
# Theme Default CSS
-----------------------------------------*/
.navigation.posts-navigation, .navigation.post-navigation {
	margin: 60px 0 0;
}
.nav-previous {
	margin-right: 5px;
}
.nav-links a {
	background-color: var(--adas-portfolio-white);
	padding: 10px 20px;
	display: inline-block;
	position: relative;
	border: 1px solid var(--adas-portfolio-border);
}
.nav-links a:hover {
	background: var(--adas-portfolio-primary);
	color: #fff;
	border-color: transparent;
}
.nav-links .nav-next a::before {
	left: 100%;
	border-right-color: transparent;
	border-left-
}
.nav-links .nav-previous a:hover:before{
	border-right-color:var(--adas-portfolio-primary);
}
.nav-links .nav-next a:hover:before{
	border-left-color:var(--adas-portfolio-primary);
}
/* GrShop BC */
.adas-portfolio-bc {
	padding: 40px 0;
	text-align: center;
	content: "";
	height: 100%;
	width: 100%;
	background: var(--adas-portfolio-darkbg2);
	padding-bottom: 0;
}
.adas-portfolio-bc .bc-title {
	font-size: 35px;
	margin-bottom: 8px;
}
.adas-portfolio-bc .bc-list {
	display: inline-flex;
	background: var(--adas-portfolio-secondary) !important;
	padding: 5px 20px;
	border-radius: 3px;
	border-bottom: 2px solid #00000024;
	gap: 5px;
	color: #fff;
	margin-top: 15px;
}
.adas-portfolio-bc .bc-list span {
	color: #fff;
  font-size: 14px;
}
.image-head img {
	border-radius: 5px;
}
/* Theme Search CSS */
.searchform {
	position: relative;
}
.searchform input[type="text"] {
	display: ;
	width: 100%;
	height: 52px;
	padding: 0 15px;
	border: 1px solid #ebebeb;
	border-radius: 0px;
	font-size: 14px;
}
.searchform input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	height: 52px;
	width: 52px;
	background: transparent;
	border: none;
	z-index: 1000;
	cursor: pointer;
	text-indent: -200px;
	overflow: hidden;
	border-radius: 0;
}
.searchform div:after {
	content: "";
	height: 48px;
	width: 48px;
	position: absolute;
	top: 0;
	right: 0;
	content: "\f002";
	font-size: 1.2em;
	font-family: 'FontAwesome';
	line-height: 48px;
	text-align: center;
	border-left: none;
	z-index: 110;
	color:var(--adas-portfolio-primary);
}
.searchform input[type="text"]:hover,
.searchform input[type="text"]:focus {
	border-color:var(--adas-portfolio-primary);
}
.adas-portfolio-search-close {
	min-width: 34px;
	min-height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 19px;
	color: #fff !important;
	border-radius: 100%;
	background: transparent;
}
.adas-portfolio-search-close:hover,
.adas-portfolio-search-close:focus {
	background: var(--adas-portfolio-heading);
	color: var(--adas-portfolio-primary) !important;
	border-color: transparent !important;
}
/* Search Block */

.wp-block-search .wp-block-search__input {
	border: 1px solid #ccc;
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus {
	background: var(--adas-portfolio-heading);
}
/* Post Meta */
.adas-portfolio-post-meta {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	margin-bottom: 15px;
}
.adas-portfolio-post-meta li {
  display: inline-block;
  margin-right: 5px;
}
.adas-portfolio-post-meta li i {
	color: var(--adas-portfolio-primary);
	margin-right: 5px;
	font-size: 13px;
}
.adas-portfolio-post-meta li a {
	font-weight: normal;
	text-decoration: none;
}
.adas-portfolio-post-meta li a:hover{
	color:var(--adas-portfolio-primary);
}
/*---------------------------------------
# End Theme Default CSS
-----------------------------------------*/

/*---------------------------------------
# Header CSS
-----------------------------------------*/
/* Topbar */
.adas-portfolio-header__topbar {
	background: var(--adas-portfolio-bg);
	padding: 12px 0;
}
.adas-portfolio-header {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3 ease;
	position: relative;
	padding: 30px 0 0;
	/* border-bottom: 1px solid #7A7A7A63; */
}
.adas-portfolio-header__list {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
}
.adas-portfolio-header__list  a {
	font-weight: 400;
	color: var(--adas-portfolio-text);
	text-decoration: none;
  }
  .adas-portfolio-header__list a {
	display: flex;
	align-items: center;
	gap: 8px;
  }

.header-image {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	left: 0;
}
.header-image img {
	width: 100%;
	height: 100%;
}
/* Logo */
.adas-portfolio-logo {
	min-width: 170px;
}

  .adas-portfolio-logo {
	position: relative;
  }
.adas-portfolio-logo .text-logo a {
	position: relative;
	font-size: 28px;
	display: inline-block;
	font-weight: 500;
}
.adas-portfolio-logo .text-logo {
	text-align: left;
}
.adas-portfolio-logo .img-logo img{
	display:inline-block;
}
.adas-portfolio-logo .site-description {
	font-size: 15px;
	margin-top: 5px;
}
.adas-portfolio-logo img,.adas-small-header__logo img {
	max-width: 185px;
	border-radius: 4px;
	max-height: 50px;
	width: auto;
	height: auto;
	min-width: 55px;
}
.adas-portfolio-header__menu {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.adas-portfolio-header__middle {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}

.adas-portfolio-header__support {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: end;
}
.adas-portfolio-header__support .icon {
	background: var(--adas-portfolio-secondary);
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
}

.adas-portfolio-header-account {
	display: flex;
	align-items: center;
	gap: 15px;
  }
  .adas-portfolio-header-account .adas-portfolio-header-account__icon {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	padding: 0;
	border-radius: 100%;
	background-color: var(--adas-portfolio-white);
	transition: all 0.3s ease;
	color: var(--adas-portfolio-primary);
	border: 1px solid var(--adas-portfolio-border);
}
.adas-portfolio-header-account__label {
	font-size: 16px;
}
  .adas-portfolio-header-account__info {
	display: flex;
	align-items: center;
	gap: 5px;
  }
  .adas-portfolio-header-account__info a {
	color: var(--adas-portfolio-text);
}
.adas-portfolio-header-account__info a:hover,
.adas-portfolio-header-account__info a:focus{
	color: var(--adas-portfolio-primary);
}
.adas-portfolio-header__info {
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}
  .adas-portfolio-header-account__contact .adas-portfolio-btn {
	cursor: pointer;
	padding: 8px 15px;
	font-size: 15px;
	background: var(--adas-portfolio-secondary);

}
.adas-portfolio-header-account__contact .adas-portfolio-btn:hover,
.adas-portfolio-header-account__contact .adas-portfolio-btn:focus{
	color: #fff;
}

.adas-portfolio-header__main-inside {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  }
  .adas-portfolio-header__main {
	border-top: 1px solid var(--adas-portfolio-border);
	padding: 10px 0;
}
.adas-portfolio-header-cart {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--adas-portfolio-primary);
	padding: 5px 15px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
	gap: 20px;
	color: #fff !important;
}
  .adas-portfolio-header-cart__title {
	color: #fff;
	line-height: initial;
	font-size: 16px;
  }
  .adas-portfolio-header-cart__amount {
	color: #fff;
	line-height: initial;
	font-size: 14px;
  }
  .adas-portfolio-header-cart__amount span {
	color: #fff !important;
}
  .adas-portfolio-header-cart__icon {
	position: relative;
  }
  .adas-portfolio-header-cart__icon .total-count {
	position: absolute;
	top: 0;
	left: 0;
	position: absolute;
	top: -22px;
	background: var(--adas-portfolio-heading);
	color: #fff;
	min-width: 25px;
	min-height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 100%;
	left: 0;
  }
  .adas-portfolio-header-cart__content {
	border-left: 1px solid #E6E6E67A;
	padding-left: 10px;
  }

/* Search Form */
.adas-portfolio-search-form input, .adas-portfolio-search-form button {
	min-height: 50px;
	border-radius: 0px;
	padding: 0 11px;
	border: none;
}
.adas-portfolio-search-form form {
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 4px;
	min-width: 400px;
	justify-content: space-between;
	border: 1px solid var(--adas-portfolio-border);
}
.adas-portfolio-search-form input {
	width: 100%;
}
  .adas-portfolio-search-form button {
	width: 65px;
	background: var(--adas-portfolio-primary);
	color: #fff !important;
	position: relative;
	border: none;
  }
  .adas-portfolio-search-form button:hover,
  .adas-portfolio-search-form button:focus{
	background-color: var(--adas-portfolio-secondary);
	color:var(--adas-portfolio-heading);
  }
/* Main Menu */
.adas-portfolio-header__nav ul li {
	position: relative;
	display: inline-block;
}
.adas-portfolio-header__nav ul li:last-child{
	margin:0;
	border:none;
}
.adas-portfolio-header__nav ul li a {
	text-transform: capitalize;
	display: block;
	background-color: var(--adas-portfolio-white);
	/* border-radius: 0px; */
	padding: 10px 18px;
	position: relative;
	text-decoration: none;
	border-bottom: 2px solid #00000024;
	border-radius: 4px;
	font-size: 15px;
	color: var(--adas-portfolio-text);
}
.adas-portfolio-header__nav ul li a i {
	font-size: 15px !important;
}
.adas-portfolio-header__nav ul li ul.sub-menu li a:hover,
.adas-portfolio-header__nav ul li ul.sub-menu li a:focus {
	background: var(--adas-portfolio-primary) !important;
	color: #fff !important;
}
nav.adas-portfolio-header__nav ul li > a:hover,
nav.adas-portfolio-header__nav ul li > a:focus,
nav.adas-portfolio-header__nav ul li.current-menu-item > a {
	background: var(--adas-portfolio-primary) !important;
	color: #fff !important;
}
.adas-portfolio-header__nav ul li.current-menu-item a:before{
	border-bottom: 1px solid var(--adas-portfolio-primary) !important;
}

/* Dropdown Menu */
.adas-portfolio-header__nav {
	margin: 0;
	padding: 0;
}
.adas-portfolio-header__nav ul {
	display: initial;
	margin: 0;
	display: flex;
	gap: 15px;
}
.adas-portfolio-header__nav ul li ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 106%;
	z-index: 99999;
	background-color: var(--adas-portfolio-white);
	margin: 0;
	opacity: 0;
	visibility: hidden;
	width: 200px;
	margin: 0;
	padding: 0;
	flex-direction: column;
	margin: 0;
	padding: 0;
	gap: 0;
	border-radius: 4px;
	transition: all 0.3s ease;
}
.adas-portfolio-header__nav ul li:hover ul,
.adas-portfolio-header__nav ul li.active-focus ul{
	opacity:1;
	visibility:visible;
}
.adas-portfolio-header__nav ul li ul li {
	display: block;
	margin: 0;
	width: 100%;
}
.adas-portfolio-header__nav ul li ul li a {
	color: #555 !important;
	padding: 0;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 400;
	background: transparent !important;
	border: none;
	background: none !important;
}
.adas-portfolio-header__nav ul li ul li a::before{
	display:none;
}
.adas-portfolio-header__nav ul li ul li a:hover{
	color:var(--adas-portfolio-primary);
}
.adas-portfolio-header__nav li ul li ul.sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.adas-portfolio-header__nav li ul li:hover ul,
.adas-portfolio-header__nav li ul li.active-focus ul{
	opacity: 1;
	visibility: visible;
}
.adas-portfolio-header__nav li ul.sub-menu li ul li ul{
	opacity: 0;
	visibility: hidden;
}
.adas-portfolio-header__nav li ul.sub-menu li ul li:hover ul,
.adas-portfolio-header__nav li ul.sub-menu li ul li.active-focus ul{
	opacity: 1;
	visibility: visible;
}
.adas-portfolio-header__nav ul li ul li ul {
	left: 100%;
	top:0;
	opacity:0 !important;
	visibility:hidden !important;
}
.adas-portfolio-header__nav ul li ul li:hover ul,
.adas-portfolio-header__nav ul li ul li.active-focus ul{
  	opacity:1 !important;
	visibility:visible !important;
}
/* Right Default */
.adas-portfolio-header__right {
	display: flex;
	gap: 10px;
	align-items: center;
}
.adas-portfolio-header__button--icon {
	text-align: center;
	line-height: 40px;
	padding: 0;
	border-radius: 100%;
	font-size: 18px;
	align-items: center;
	gap: 5px;
	width: 42px;
	height: 42px;
	background: var(--adas-portfolio-heading) !important;
	color: #fff !important;
	display: flex;
	justify-content: center;
}
a.adas-portfolio-header__button--icon:hover, a.adas-portfolio-header__button--icon:focus {
	background: var(--adas-portfolio-primary) !important;
	color: #fff !important;
}
.adas-portfolio-header__button--icon i{
	color:currentColor !important;
}
.adas-portfolio-header__button--icon i::before{
	transition: all 0.3s ease;
}
.dark-theme .adas-portfolio-light-dark-mode-toggle i::before {
	content: "\f185";
}
.adas-portfolio-header__button a.adas-portfolio-btn {
	padding: 8px 15px;
	border-radius: 30px;

	display: inline-block;
	background-color: var(--adas-portfolio-white);
}
.adas-portfolio-header__button a.adas-portfolio-btn:hover,
.adas-portfolio-header__button a.adas-portfolio-btn:focus{
	background:var(--adas-portfolio-primary) !important;
	color:#fff !important;
}
.adas-portfolio-header__button {
	position: relative;
	display: flex;
	gap: 10px;
	cursor: pointer;
}
.adas-portfolio-social {
	list-style: none;
	margin: 0;
	display: inline-block;
	position: absolute;
	top: 36px;
	background-color: var(--adas-portfolio-white);
	text-align: center;
	border-radius: 3px;
	width: 50px;
	padding: 12px;
	opacity: 0;
	right:0;
	visibility: hidden;
	transition:all 0.3s ease;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);
}
.adas-portfolio-header__button:hover .adas-portfolio-social,
.adas-portfolio-header__button.active-focus .adas-portfolio-social {
	opacity: 1;
	visibility: visible;
}
.adas-portfolio-social li {
  padding-right: ;
  color: #fff;
  display: block;
}
.adas-portfolio-social li a {
	text-align: center;
	border-radius: 100%;

	font-size: 13px;
	display: inline-block;
	padding: 0;
	line-height: 100%;
	border: none !important;
	outline: none !important;
}
.adas-portfolio-social li:hover a,
.adas-portfolio-social li a:focus{
	color: var(--adas-portfolio-primary);
	background: transparent;
}
.search-form-main {
	width: 100%;
	z-index: 100;
	padding: 25px 30%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(100px );
	transition: all 0.3s ease;
	position: fixed;
	background: var(--adas-portfolio-heading);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);
	display: block;
	display: flex;
	gap: 10px;
	align-items: center;
	bottom: 0;
	left: 0;
}
.search-form-main.active{
	opacity: 1;
	visibility:visible;
	transform: translateY(0px );
}
.search-form-main .search-form {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 700px;
	margin: 0 auto;
	gap: 15px;
}
.search-form-main .search-form input[type="search"] {
	border: 1px solid #0A25401F;
	border-radius: 0px;
	background: transparent !important;
	border-bottom: 1px solid #fff;
	color: #fff !important;
}
.search-form-main .search-form input[type="search"],
.search-form-main .search-form input[type="submit"]{
	margin:0 !important;
}
.search-form-main .search-form input[type="search"]:hover, .search-form-main .search-form input[type="search"]:focus {
	background-color: var(--adas-portfolio-white);
}
.search-form-main .search-form input[type="submit"]:hover,
.search-form-main .search-form input[type="submit"]:focus {
	background: #fff !important;
	color: var(--adas-portfolio-primary);
}
.img-logo img,.offcanvas-logo img {
  border-radius: 4px;
  max-height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.adas-portfolio-header-account__contact{
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.adas-portfolio-search-form form{
		min-width: 200px;
	}
}
@media only screen and (max-width: 767px) {
.adas-portfolio-header__welcome, .adas-portfolio-header__list {
	text-align: center;
	justify-content: center;
}
.adas-portfolio-logo {
	display: flex;
	justify-content: space-between;
}
.adas-portfolio-header__middle {
  gap: 15px;
}
.adas-portfolio-search-form,.adas-portfolio-header__nav{
	display: none;
}
.adas-portfolio-header-account__contact{
	display: none;
}
.adas-portfolio-header-account{
	gap:5px;
}
.adas-portfolio-header-account .adas-portfolio-header-account__icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
}
.adas-portfolio-header-account__label {
	font-size: 15px;
}
}

.adas-small-header__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.adas-small-header {
	display: none;
	padding: 20px 0;
	padding-bottom: 0;
}

@media only screen and (max-width: 1024px) {
	.adas-portfolio-header{
		display: none;
	}
	.adas-small-header{
		display: block;
	}

	}

	#offcanvas-modal {
		z-index: 900000000;
	}
	.offcanvas-logo {
		margin-bottom: 20px;
	}
	.offcanvas-logo img {
	max-width: 170px;
	}
	.offcanvas-form .btn {
	  position: absolute;
	  top: 5px;
	  right: 5px;
	}
	.offcanvas-toggler {
		text-align: center;
		display: inline-block;
		padding: 0px !important;
		width: 40px;
		height: 40px;
		z-index: 3;
		border-radius: 4px;
		border: none;
		position: absolute;
		right: 0;
		background: var(--heading_color);
		align-items: center;
		box-shadow: 0px 0px 15px #00000014;
		display: flex !important;
		flex-direction: column;
		justify-content: center;
	}
	.offcanvas-toggler:hover {
	  background: var(--primary_color) !important;
	}
	.offcanvas-toggler__white{
	  background-color: #fff;
	}
	.offcanvas-toggler:hover .line:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 7px;
	}
	.offcanvas-toggler:hover .line:nth-child(2) {
	  opacity: 0;
	  visibility: hidden;
	}
	.offcanvas-toggler:hover .line:nth-child(3) {
	  -webkit-transform: rotate(-46deg);
	  -ms-transform: rotate(-46deg);
	  transform: rotate(-46deg);
	  bottom: 5px;
	}
	.offcanvas-toggler .line {
	  position: relative;
	  display: block;
	  width: 20px;
	  height: 2px;
	  background-color: var(--adas-portfolio-white);
	  margin-left: auto;
	  margin-right: auto;
	  -webkit-transition: all 0.3s;
	  -o-transition: all 0.3s;
	  transition: all 0.3s;
	}
	.offcanvas-toggler .line + .line {
	  margin-top: 4px;
	}
	.offcanvas-modal.modal.fade .modal-dialog {
	  -webkit-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  transform: translateX(-100%);
	}
	.offcanvas-modal.modal.show .modal-dialog {
	  -webkit-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  transform: translateX(0%);
	}
	.offcanvas-dialog {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 300px;
	  height: 100%;
	  margin: 0;
	}
	.offcanvas-dialog .modal-content {
	  height: 100%;
	  border-radius: 0;
	  border: 0;
	}
	.offcanvas-header {
		border: none;
		padding: 0;
		display: flex;
		justify-content: end;
	}
    .offcanvas-header .btn-close {
    	color: var(--adas-portfolio-primary);
    	opacity: 1;
    	position: absolute;
    	right: 10px;
    	top: 10px;
    	padding: 0;
    	background: transparent;
    	box-shadow: none !important;
    	width: 34px;
    	height: 34px;
    	border: 1px solid var(--adas-portfolio-border);
    	margin: 0 !important;
    	border-radius: 100%;
    }
	.offcanvas-header .btn-close:hover,	.offcanvas-header .btn-close:focus {
		background: var(--adas-portfolio-primary);
		color: #fff;
		border-color: transparent;
	}
	.offcanvas-menu {
	  position: relative;
	  z-index: 1;
	  overflow-y: scroll;
	}
	.offcanvas-menu::before {
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  content: "";
	  background-color: #fff;
	}

	#offcanvas-menu ul {
		transition: initial !important;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.offcanvas-menu > ul > li > ul li {
	  border-bottom: 0px;
	  padding: 0;
	}
	.offcanvas-menu > ul > li > ul li a {
		padding-left: 15px;
		font-weight: 400;
		font-size: 15px;
		color: #555 !important;
	}
	.offcanvas-menu > ul > li > ul li a:hover{
	  color: var(--blue_color) !important
	}
	.offcanvas-menu ul li i {
    	min-width: 20px;
    }
	.offcanvas-menu li.active > ul {
	  display: block;
	}
	.offcanvas-menu .sub-menu {
		padding: 0;
		margin-top: 12px;
	}
	.offcanvas-menu li {
		margin-bottom: 12px;
		position: relative;
		border-bottom: 1px solid var(--adas-portfolio-border);
		padding-bottom: 12px;
	}
	.offcanvas-menu li.active a{
	  color: #393e46;
	}
	.offcanvas-menu li:last-child {
	  margin: 0;
	  border:none;
	  padding:0;
	}
    .offcanvas-menu li a {
    	font-weight: 400;
    	display: block;
    	text-transform: capitalize;
    	padding: 0px;
    	position: relative;
    	font-size: 15px;
    	color: var(--adas-portfolio-text);
    }
    nav.offcanvas-menu li a:hover,    nav.offcanvas-menu li a:focus {
    	color: var(--adas-portfolio-primary) !important;
    	text-decoration:underline;
    }
	.offcanvas-menu li a i {
		font-size: 14px !important;
	}
	.offcanvas-menu .sub-menu {
	  padding: 0;
	}
	.offcanvas-menu li.menu-item-has-children a::after {
	position: absolute;
	margin-left: 0 !important;
	font-size: 15px;
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	content: "\f105";
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	top: 1px;
	right: 10px;
	}
	.offcanvas-menu li a::after {
	position: absolute;
	right: 0;
	color: #7E8BA0;
	}
	.offcanvas-menu li.menu-item-has-children .sub-menu li a::after {
	  display: none;
	}
	.offcanvas-menu li.menu-item-has-children.active a::after {
	  -webkit-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	  transform: rotate(90deg);
	}
	.follow-title {
	  margin-bottom: 20px;
	  font-size: 25px;
	}
	.offcanvas-modal .modal-content {
		padding: 30px 25px;
		gap: 20px;
	}
	.offcanvas-modal .offcanvas-form {
	  margin: 20px 0px 30px;
	}
	.offcanvas-toggler {
		display: none !important;
	}
	.offcanvas-menu li a i {
		margin: 0;
	}
	#offcanvas-menu ul ul {
		padding-left: 20px;
		margin-top: 15px;
	}
	@media only screen and (max-width: 991px) {
	  .offcanvas-toggler {
		display: inline-flex !important;
	}
	}

/*---------------------------------------
# End Header CSS
-----------------------------------------*/

/*---------------------------------------
# Home Section
-----------------------------------------*/
.adas-portfolio-hero-profiles {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: #fff;
	padding: 15px;
	border-radius: 12px;
	position: sticky;
	top: 0;
	box-shadow: 0px 0px 5px #00000014;
}
.adas-portfolio-video-btn:hover{
	transform: scale(1.2);
}
.adas-portfolio-video-btn:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: 2px solid #fff;
	border-radius: 50%;
	-webkit-animation: linear infinite popup 1.5s;
	animation: linear infinite popup 1.5s;
	z-index: -1;
  }

@-webkit-keyframes popup {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
	25% {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	  opacity: 0.8;
	}
	50% {
	  -webkit-transform: scale(1.2);
	  transform: scale(1.2);
	  opacity: 0.6;
	}
	75% {
	  -webkit-transform: scale(1.3);
	  transform: scale(1.3);
	  opacity: 0.4;
	}
	100% {
	  -webkit-transform: scale(1.4);
	  transform: scale(1.4);
	  opacity: 0;
	}
  }

  @keyframes popup {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
	25% {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	  opacity: 0.8;
	}
	50% {
	  -webkit-transform: scale(1.2);
	  transform: scale(1.2);
	  opacity: 0.6;
	}
	75% {
	  -webkit-transform: scale(1.3);
	  transform: scale(1.3);
	  opacity: 0.4;
	}
	100% {
	  -webkit-transform: scale(1.4);
	  transform: scale(1.4);
	  opacity: 0;
	}
  }
  .adas-portfolio-video-btn i{
	position: relative;
  }
  .adas-portfolio-video-btn:hover:before{
	animation:none;
	opacity:0;
	visibility: hidden;
  }

/* Hero Area  */
.hero-creative {
	position: relative;
	overflow: hidden;
	width: 100%;
	align-items: center;
	display: flex;
}
.creative-services__inner {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.creative-services__single {
	background: var(--adas-portfolio-offbg);
	padding: 35px 20PX;
	border-radius: 4px;
	min-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	gap: 15px;
}
.creative-services__title {
	font-size: 20px;
}
.creative-services .adas-portfolio-wp-btn {
	margin-top: 30px;
}
.creative-services__title {
	margin: 0 !important;
}
.creative-services__title a {
	font-weight: 600 !important;
	font-size: 20px;
}
.creative-services__icon {
	background: #fff;
	border-radius: 100%;
	padding: 5px;
	min-width: 64px;
	min-height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: var(--adas-portfolio-text);
	box-shadow: 0px 0px 5px #00000017;
}
.creative-services__single:hover{
	transform: translateY(-10px);
}
.creative-services__icon img {
	max-width: 34px !important;
}
.creative-services__single.service-icon i {
	width: 65px;
	height: 65px;
	line-height: 65px;
	display: block;
	text-align: center;
	border-radius: 3px;
	font-size: 30px;
	background: #FC67611c;
	border: none;
	color:#FC6761;
}

.creative-services__single.ad-style-2 {
	background-color: #EF644C30;
}
.creative-services__single.ad-style-3 {
	background-color: #56B88740;
}
.creative-services__single.ad-style-2 .creative-services__icon{
	color:var(--adas-portfolio-primary);
}
.creative-services__single.ad-style-3 .creative-services__icon{
	color:var(--adas-portfolio-secondary);
}
.hero-animate {
	min-width: 110px;
	min-height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 100%;
	background: #fff;
	transition: all 0.3s ease;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04);
	padding: 5px;
	border: 2px solid var(--adas-portfolio-border);
	background: var(--adas-portfolio-secondary);
	position: relative;
}
.hero-animate a {
	color: #fff;
	font-size: 24px;
}
.hero-animate:hover {
  transform: scale(0.9);
}
.hero-imgs {
  position: relative;
}
.hero-animate span {
  position: absolute;
}

.animate-rotate {
  -webkit-animation-name: rotateCircle;
  animation-name: rotateCircle;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes rotateCircle {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes rotateCircle {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

/* Funfacts */

.adas-portfolio-hfunfact {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}
.adas-portfolio-hfunfact__number {
	margin: 0 !important;
	color: var(--adas-portfolio-heading);
	font-size: 26px;
}
.adas-portfolio-hfunfact__text {
	color: #777;
}
.adas-portfolio-hfunfact__number span {
	font-weight: 600;
}
.adas-portfolio-hfunfact__single {
	padding: 10px 04px;
}
.adas-portfolio-hfunfact__single {
	display: flex;
	align-items: center;
	gap: 25px;
}
.adas-portfolio-hfunfact__icon {
	background: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	border-radius: 4px;
	color: var(--adas-portfolio-secondary);
	width: 60px;
	height: 60px;
	box-shadow: 0px 0px 5px #00000017;
	border-radius: 100%;
}
.adas-portfolio-hfunfact__icon img {
	max-width: 28px !important;
}
.adas-portfolio-hfunfact__single:last-child i {
	color: var(--adas-portfolio-primary);
}
.adas-portfolio-hero-contact__title {
	text-align: center;
	margin: 0 !important;
	font-size: 30px;
	display: inline-flex;
	line-height: initial;
	gap: 5px;
  position: relative;
}
.adas-portfolio-hero-contact__title span{
  font-weight: normal !important;
}

.adas-portfolio-hero-contact__title::before {
	content: "";
	position: absolute;
	left: -27px;
	top: 18px;
	width: 20px;
	height: 2px;
	background: var(--adas-portfolio-secondary);
}
.adas-portfolio-hero-contact__label {
	font-size: 15px;
	display: inline-block;
	padding: 4px 15px;
	color: var(--adas-portfolio-text);
	background: var(--adas-portfolio-offbg);
	font-weight: 400;
	border-radius: 30px;
	text-align: center;
}
.adas-portfolio-hero-social ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 0;
	margin: 0;
}
.adas-portfolio-hero-social ul li a {
	color: var(--adas-portfolio-text);
	font-size: 16px;
}
.adas-portfolio-hero-social ul li a:hover{
  color: var(--adas-portfolio-primary);
}

.adas-portfolio-hero-contact {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-direction: column;
	gap: 10px;
}
.adas-portfolio-hero-contact__title {
	text-align: center;
	margin: 0 !important;
	font-size: 30px;
	display: inline-flex;
	line-height: initial;
	gap: 5px;
  position: relative;
}
.adas-portfolio-hero-contact__title span{
  font-weight: normal !important;
}

.adas-portfolio-hero-contact__title::before {
	content: "";
	position: absolute;
	left: -27px;
	top: 18px;
	width: 20px;
	height: 2px;
	background: var(--adas-portfolio-secondary);
}

.adas-portfolio-hero-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-img {
	position: relative;
}
.about-img img {
	/* width: 200px; */
	/* height: 200px; */
	/* border: 15px solid var(--adas-portfolio-offbg); */
}
.about-img:hover{
  transform: rotateY(0deg);
}
.about-img img {
	border-radius: 15px !important;
}

.adas-portfolio-hero-main {
	padding: 40px 40px;
	background: #fff;
	border-radius: 13px;
	box-shadow: 0px 0px 5px #00000014;
}
.adas-inner-section {
	padding: 70px 40px !important;
}
.adas-portfolio-hero-label {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	color: var(--adas-portfolio-secondary) !important;
	font-weight: 500;
	margin-bottom: 10px;
}
  .adas-portfolio-hero-label:before,.adas-portfolio-hero-label:after {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	background: var(--adas-portfolio-secondary);
	content: "";
	top: 0;
	left: 0;
	transition: all 0.3s ease;
	display: inherit;
  }
  .adas-portfolio-hero-label::after {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 2px;
	left: -6px;
	opacity: 1;
	visibility: visible;
	-webkit-animation: circle-pulse 1.2s linear infinite;
	animation: circle-pulse 1.2s linear infinite;
}
.creative-content__inner p {
	font-size: 16px;
	max-width: 83%;
	margin-top: 15px;
}
  @keyframes circle-pulse {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}
@-webkit-keyframes circle-pulse {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}
.creative-content h1 {
	color: var(--adas-portfolio-heading);
	font-size: 55px;
	margin-bottom: 5px;
}
.creative-content h1 b {
	color: var(--adas-portfolio-primary);
}
.creative-content h1 span {
	display: block;
	font-size: 21px;
	color: var(--adas-portfolio-secondary);
	line-height: initial;
}
.creative-service-top {
	z-index: 3333;
	position: relative;
	/* top: 145px; */
}
.creative-content {
	text-align: left;
	padding: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	max-width: 85%;
}
.about-img__pop {
	position: absolute;
	left: 10px;
	color: #fff;
	bottom: 10px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0px 0px 5px #0000003d;
	z-index: 4444;
}
.about-img__pop a {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	text-align: center;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: var(--adas-portfolio-secondary) !important;
	padding-left: 3px;
}
.about-img__pop a:hover{
	background: var(--adas-portfolio-secondary);
	color:#fff !important;
}

.title-section {
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.title-section h1 {
	font-size: 35px;
	font-weight: 700 !important;
	color: var(--adas-portfolio-secondary) !important;
	text-transform: capitalize;
	margin: 0 !important;
}
.title-section h1 span {
	color: var(--adas-portfolio-heading);
	font-weight: 700;
}
.title-bg {
	font-size: 65px;
	left: 0;
	letter-spacing: 10px;
	line-height: 0.7;
	position: absolute;
	right: 0;
	top: 35%;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: rgb(4, 4, 4);
	letter-spacing: -0rem;
	opacity: 0.035;
}

.adas-portfolio-single {
	position: relative;
}

.adas-portfolio-single__img {
	display: block;
	cursor: pointer;
}
.adas-portfolio-single__img {
	position: relative;
	display: block;
}
.adas-portfolio-single__button {
	position: absolute;
	width: 38px;
	height: 38px;
	color: var(--pw-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	z-index: 3333;
	right: 0;
	bottom: -19px;
	background: #fff;
	right: 19px;
	transform: rotate(13deg);
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--adas-portfolio-primary) !important;
}
.adas-portfolio-single__button:hover {
	transform: rotate(0deg);
	background: var(--adas-portfolio-heading) !important;
	border-color: transparent;
	color: #fff !important;
}
.adas-portfolio-single__img img {
	border-radius: 12px;
}
.adas-portfolio-single__content {
	margin-top: 15px;
}
.adas-portfolio-single__title {
	font-size: 22px;
}
.adas-portfolio-single__clabel {
	color: var(--pw-text);
	font-weight: 400;
}

.adas-portfolio-project-single__content {
	margin-top: 15px;
  }
  .adas-portfolio-project-single__title {
	font-size: 22px;
  }
  .adas-portfolio-project-single__clabel {
	color: var(--adas-portfolio-text);
	font-weight: 400;
  }

  @media only screen and (max-width: 1024px) {
	.creative-content{
		max-width: 100%;
	}
	.creative-content h1 {
		font-size: 40px;
		margin-bottom: 5px;
	}
  }
  @media only screen and (max-width: 767px) {
	.creative-content h1 {
		font-size: 34px;
		margin-bottom: 5px;
	}
	.adas-portfolio-hero-main{
		padding:30px 20px !important;
	}
	.title-bg {
		font-size: 48px;
	}
	.title-section h1 {
		font-size: 28px;
	}
  }
/*---------------------------------------
# End Home Section
-----------------------------------------*/

/*---------------------------------------
# Blog CSS
-----------------------------------------*/
.adas-portfolio-latest-post {
	margin-top: 30px;
}
.adas-portfolio-latest-post {
	position: relative;
}
.adas-portfolio-latest-post article {
	border-bottom: 1px solid #cccccc8f;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.adas-portfolio-latest-post article:last-child{
	padding:0;
	margin:0;
	border:none;
}

/* Latest Post CSS*/
.adas-portfolio-single-post {
	display: flex !important;
	justify-content: center;
	align-content: center;
	margin-top: 30px;
	flex-direction: column;
	background-color: var(--adas-portfolio-white);
	border-radius: 8px;
}
.adas-portfolio-single-post__head {
	position: relative;
}
.adas-portfolio-single-post__head::before {
	content: "";
	background: #ffffff80;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
	z-index: 33;
}
.adas-portfolio-single-post:hover .adas-portfolio-single-post__head::before {
	opacity:1;
	visibility:visible;
}
.adas-portfolio-single-post__head img {
	transition: all 0.3s ease;
	border-radius: 4px 4px 0 0;
}
.adas-portfolio-single-post__comments {
	position: absolute;
	top: -5px;
	left: -5px;
	background: var(--adas-portfolio-primary);
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	font-size: 13px;
	display: table-cell;
	color: #fff;
	z-index: 3333;
}
.adas-portfolio-single-post__comments i {
  margin-right: 2px;
}
.adas-portfolio-single-post__cat a {
	padding: 2px 12px;
	background: transparent;

	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	/* position: absolute; */
	bottom: 10px;
	left: 10px;
	z-index: 222;
	border-radius: 30px;
	border: 1px solid var(--adas-portfolio-border);
	background-color: var(--adas-portfolio-white);
}
.adas-portfolio-single-post__cat a:hover,
.adas-portfolio-single-post__cat a:focus{
	color:var(--adas-portfolio-primary) !important;
	text-decoration: underline;
}
.adas-portfolio-single-post__cat {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 5px;
}
.adas-portfolio-single-post__cat a {
	color: var(--adas-portfolio-text);
}
.adas-portfolio-single-post__head .adas-portfolio-single-post__cat {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}
.adas-portfolio-single-post__head .adas-portfolio-single-post__cat a{
	border-color:transparent;
}
.adas-portfolio-single-post__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}
.adas-portfolio-single-post__button .adas-portfolio-btn:hover,
.adas-portfolio-single-post__button .adas-portfolio-btn:focus{
	background-color:var(--adas-portfolio-primary) !important;
	color:#fff !important;
}
.adas-portfolio-sticky {
	color: var(--adas-portfolio-primary);
	font-size: 24px;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
	border-color: transparent;
}
.adas-portfolio-single-post__title a {
	display: inline-block;
	margin-right: 5px;
	font-size: 22px;

	font-weight: 500;
	text-decoration: none;
}
.adas-portfolio-single-post__content p {

}
.adas-portfolio-single-post__title a:hover{
	color:var(--adas-portfolio-primary);
}
.adas-portfolio-single-post__body {
	position: relative;
	padding: 30px 25px;
}
.adas-portfolio-single-post__body .entry-content {
	margin: 15px 0 0;
}

.adas-portfolio-single-post__content{
	margin:5px 0;
}

.adas-portfolio-single-post__button {
	margin-top: 15px;
}

/* Home Layout */
.adas-portfolio-home-layout {
	/* background-color: var(--adas-portfolio-white); */
	/* margin-top: 30px; */
	z-index: 100;
	position: relative;
}
.adas-portfolio-heading-group {
	border-bottom: 1px solid #bbbbbb47;
	padding-bottom: 20px;
}
.adas-portfolio-heading-group__title {
	font-size: 24px;
}
.adas-portfolio-heading-group__text {
	font-size: 15px;
}

.post-formet {
	position: absolute;
	top: -21px;
	background: var(--adas-portfolio-primary);
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	border: 1px solid #ccc6;
	opacity: 1;
	visibility: visible;
	right: 0;
	font-size: 13px;
	left: 0;
	z-index: 3333;
	border-radius: 0 5px 5px 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.adas-portfolio-single-post:hover .post-formet{
	opacity:1;
	visibility:visible;
	transform: translateY(0px);
}
.sticky .adas-portfolio-single-post .blog-head::after {
	position: absolute;
	right: 5px;
	top: 5px;
	content: "\f24a ";
	font-family: "FontAwesome";
	background: var(--adas-portfolio-primary);
	padding: 8px 15px;
	color: #fff;
	border-radius: 30px;
	text-transform: capitalize;
	z-index:300;
}
/* Blog Sidebar */
.adas-portfolio-sidebar .widget-area {
	position:relative;
}
.adas-portfolio-sidebar .widget:last-child{
	margin:0;
}
.adas-portfolio-sidebar .search-top input {
  width: 100%;
  height: 45px;
  border-radius: 0px;
  padding: 0 15px;
  font-weight: 400;
  border: none;
}
.adas-portfolio-sidebar .search-top #searchsubmit {
	position: absolute;
	height: 45px;
	border-radius: 0px;
	top: 10px;
	border: none;
	background: #f5f5f5;

	right: 10px;
}
.adas-portfolio-sidebar .search-top {
  position: relative;
  padding: 10px;
  background: var(--adas-portfolio-primary);
}
.adas-portfolio-sidebar .widget {
	margin-bottom: 40px;
}
.adas-portfolio-sidebar .widget:last-child{
	margin:0;
}

.wp-block-social-links {
  margin-top: 15px !important;
}
.wp-block-social-links li {
  margin: 0 !important;
}
.wp-block-social-links li a{
	fill:#fff !important;
}
.wp-block-latest-comments__comment-link{
	color: var(--adas-portfolio-heading);
}
a.wp-block-latest-comments__comment-link:hover {
	color: var(--adas-portfolio-primary) !important;
}
/* Blog Single */
.adas-portfolio-blog-single {
	padding: 30px 0 80px;
}
.blog-content-main {
	/* margin-top: 30px; */
	background-color: var(--adas-portfolio-white);
	padding: 40px 40px;
	border-radius: 8px;
	margin-top: 50px;
}
.adas-portfolio-blog-single ul li a {

}
.adas-portfolio-blog-single ul li {
  line-height: 30px;
}
.adas-portfolio-blog-single .blog-body h1 {
	font-size: 36px;
}
.blog-content-header {
	text-align: center;
}
.blog-content-header .blog-meta ul {
	list-style: none;
	padding: 0;
	margin-top: 15px;
	margin: 0;
}
.blog-content-header .blog-meta {
	margin-bottom: 15px;
	margin-top: 10px;
}
.blog-content-header .blog-meta ul li {
  display: inline-block;
  margin-right: 5px;
}
.blog-content-header .blog-meta ul li i {
	margin-right: 5px;
	color: var(--adas-portfolio-primary);
}
.blog-content-header .blog-meta ul li, .blog-content-header .blog-meta ul li a {
	color: var(--adas-portfolio-text);
	font-weight: 400;
}
.blog-content-header .blog-meta ul li:hover,
.blog-content-header .blog-meta ul li:focus,
.blog-content-header .blog-meta ul li a:hover,
.blog-content-header .blog-meta ul li a:focus{
	color: var(--adas-portfolio-primary) !important;
}

.adas-portfolio-blog-single .blog-body h1 a:hover,
.adas-portfolio-blog-single .blog-body h1 a:focus{
	color:var(--adas-portfolio-primary) !important;
}
.adas-portfolio-blog-single .blog-body p,.adas-single-page-content p {
	margin-bottom: 20px;
}
.adas-portfolio-blog-single .blog-body p:last-child,
.adas-single-page-content p:last-child {
	margin: 0;
}
.adas-portfolio-blog-single .blog-body p a:hover,
.adas-portfolio-blog-single .blog-body p a:focus{
	color:var(--adas-portfolio-heading);
}
.wp-block-quote {
	background-color: var(--adas-portfolio-white);
	padding: 30px 40px;
	margin-bottom: 20px;
	font-weight: 600;
	position: relative;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);
	color: var(--adas-portfolio-primary);
}
.wp-block-quote p {
	color: var(--adas-portfolio-heading);
	font-size: 18px;
	font-weight: 500;
	margin: 0 !important;
}
.wp-block-quote cite, .wp-block-quote footer {
	font-size: 16px;
	margin-top: 20px !important;
	color: currentColor !important;
	display: block !important;
}
.wp-block-quote em a {
	color: var(--adas-portfolio-primary);
}
#comments {
	margin-top: 30px;
}
#comments .comments-title {
	font-size: 20px;
}
/* Comment List */
.comment-list {
	margin-top: 30px;
	position: relative;
	background-color: var(--adas-portfolio-white);
	list-style: none;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 30px;
 	border-radius: 8px;
}
.comment-author.vcard img {
	width: 70px;
	height: 70px;
	line-height: 80px;
	padding: 2px;
	position: absolute;
	left: 0;
	border-radius: 8px;
}
.comment-author.vcard {
	display: inline-block;
}
.comment-meta a {

}
.comment-meta {
	margin-bottom: 5px;
	position: relative;
	padding-left: 90px;
}
.comment-author.vcard .fn {
	margin: 0 0 5px;
	font-size: 16px;
	text-align: left;

}
#comment-7 {
	padding-top: 20px;
	margin: 0 0 20px;
}
.comment-reply-link {
	background: var(--adas-portfolio-primary);
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 50px;
	font-size: 13px;
	text-decoration: none !important;
}
.comment-reply-link:hover, .comment-reply-link:focus {
	background: #222534;
	color: #fff !important;
}
.comment-list li.comment {
	display: ;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}
.comment-list ol.children {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
	list-style: none;
	padding: ;
	margin-left: 50px;
}
.comment-list ol.children ol.children {
	display: ;
	margin-left: 15px;
}
.comment-list li.comment:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.comment-list .comment-body  .comment-content {
	padding-left: 90px;
}
.comment-list .reply {
	padding-left: 90px;
	margin-top: 10px;
}
#respond .comment-reply-title {
	font-size: 20px;
}
.comment-respond p {
	margin-bottom: 20px;
}
.comment-respond p:last-child {
	margin: 0;
}

.comment-respond p {
  margin-bottom: 20px;
}
.comment-respond p a{
	color:var(--adas-portfolio-heading);
}
.comment-respond p a:hover{
	color:var(--adas-portfolio-primary);
}
#wp-comment-cookies-consent {
	width: auto;
	display: inline-block;
	height: auto;
	line-height: initial;
	margin: 0;
	height: initial;
	min-height: initial;
}
.comment-respond label {
	display: inline-block;
	margin-bottom: 10px;
}
.comment-respond input, .comment-respond textarea {
	width: 100%;
	padding-left: 10px;
	border-radius: 5px;
	border-radius: 0px;
	background: transparent;
	border: 1px solid var(--adas-portfolio-border);
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
	-moz-box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
	box-shadow: none;
	border: 1px solid var(--adas-portfolio-border);
	font-weight: 500;
}
.comment-respond input:hover,
.comment-respond input:focus,
.comment-respond textarea:hover,
.comment-respond textarea:focus{
	border-color:var(--adas-portfolio-primary) !important;
}
.comment-respond input, input {
	min-height: 42px;
	font-size: 14px;
}
.comment-respond .form-submit {
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
}
.comment-respond #submit {
	padding: 16px 30px;
	background: var(--adas-portfolio-primary);
	display: inline-block;
	color: #fff;
	float: left;
	border: none;
	text-transform: uppercase;
	font-size: 14px;
	height: auto;
	cursor: pointer;
	box-shadow: none;
}
.comment-respond #submit:hover,
.comment-respond #submit:focus{
	background:var(--adas-portfolio-darkbg);
}
/* Blog Comment Form */
.comment-respond {
	background: var(--adas-portfolio-darkbg2);
	margin-top: 50px;
	padding: 0;
	position: relative;
	padding: 30px;
	background-color: var(--adas-portfolio-white);
	border-radius: 8px;
}
.comment-form .form-group label span,
.comment-form .comment-message label span {
	color: var(--adas-portfolio-primary);
}
.comment-form .comment-form-wrap {
	margin-top: 20px;
}
.comment-form .form-group,
.comment-form .comment-message {
	position: relative;
	display: block;
	margin: 0 0 25px;
}
.comment-form .form-group input:hover,
.comment-form .form-group input:focus,
.comment-form .comment-message textarea:hover{
	outline:none;
	background:#fff;
}
.comment-form .comment-message input,
.comment-form .comment-message textarea{
	border-bottom:1px solid transparent;
}
.comment-form .form-group input:hover,
.comment-form .comment-message textarea:hover{
	border-bottom-color:#379CB0;
}

/* Comment Form Reply */
.comment-list .bottom-title h2.comments-heading {
	background: transparent !important;

	padding: 0;
	left: auto;
}
.comment-list .bottom-title h2.comments-heading:before {
	display: none;
}
.comment-list .bottom-title h2.comments-heading a{
	color:#379CB0;
}
.comment-list .comment-respond {
	background: #f9f9f9;
}

.blog-main-layout {
	padding: 0;
}
.post-cat {
	position: absolute;
	top: 17px;
	left: -43px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	overflow: hidden;
	z-index: 333;
	background-color: var(--adas-portfolio-white);
	display: inline-block;
	padding: 7px 22px;
	color:var(--adas-portfolio-primary);
	font-weight: 600;
	font-size: 14px;
	left: -30px;
}
.post-cat a {
	color:var(--adas-portfolio-primary);
	font-weight: 400;
}
.site-main.search {
	padding: 100px 0;
}
.adas-portfolio-blog-single-news .post-thumb {
  float: ;
  position: absolute;
  left: 0;
}
.post-text {
  padding-left: 113px;
}
.adas-portfolio-blog-single-news {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
}
.post-date {
	font-size: 13px;
	display: block;
	color: #666;
	margin-top: 2px;
}
.post-date i {
  margin-right: 5px;
}
/*Archive Posts */
.adas-portfolio-blog-section {
	padding: 20px 0 50px;
}

.adas-portfolio-main-area__sidebar {

}
.adas-portfolio-sidebar {
	padding-left: 30px;
	border-left: 1px solid var(--adas-portfolio-border);
	background-color: var(--adas-portfolio-white);
	padding: 30px;
	border-radius: 8px;
	margin-top: 50px;
}
.adas-portfolio-post-content {
	margin-top: 20px;
}
@media only screen and (max-width: 991px) {
	.adas-portfolio-main-area__with-side,.adas-portfolio-main-area__sidebar {
		width: 100%;
	}
}

.adas-portfolio-sidebar__single {
	padding-left: 30px;
}
.blog-content-main .blog-head {
	margin-bottom: 30px;
}
.adas-portfolio-blog-single p {
	margin-bottom: 20px;
	color: var(--adas-portfolio-text);
}

.list-style-modern {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 15px;
  }
  .list-style-modern li:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #ef644c;
	display: inline-block;
	border-radius: 100%;
	margin-right: 10px;
  }
/*---------------------------------------
# End Blog CSS
-----------------------------------------*/

/*---------------------------------------
# Pages CSS
-----------------------------------------*/
.adas-portfolio-page {
	padding: 80px 0;
}
.adas-portfolio-search-page {
	padding: 50px 0 80px;
}
.site-page .page-top {
	margin-top: 30px;
}
/* No resutls Page */
.no-results.not-found {
  margin-top: 30px;
}
.no-results.not-found .page-title {
  margin: 0 0 15px;
}
.no-results.not-found .page-title span {
 color:var(--adas-portfolio-primary);
  margin-right: 10px;
}
.no-results.not-found {
}
.no-results.not-found .page-content {
  margin: 0;
}
.no-results.not-found  .search-form {
  margin-top: 15px;
}
.search-results article.page .entry-content,
.search-results article.page .blog-meta {
	display: none;
}

/* 404 Page CSS */
.adas-portfolio-404 {
	padding: 100px 0;
}
.adas-portfolio-404__content {
	padding: 50px;
	display: flex;
	gap: 25px;
	flex-direction: column;
	background-color: var(--adas-portfolio-white);
}
.adas-portfolio-404__title {
	margin: 0;
	font-weight: 600;
}
.adas-portfolio-404__inside {
	font-size: 40px;
}
.adas-portfolio-404__title span {
	color: var(--adas-portfolio-primary);
	font-size: 80px;
	display: block;
}
.adas-portfolio-404__text {
	margin-top: 20px;
	font-size: 16px;
	color: var(--adas-portfolio-text);
}
.adas-portfolio-404__button{
	margin-top:25px;
}
.adas-portfolio-404__label {
	display: flex !important;
	gap: 10px;
	flex-direction: column;
}

.adas-portfolio-page.site-page:not(.container-elementor) .adas-single-page-content {
  background-color: var(--adas-portfolio-white);
  padding: 40px 40px;
  border-radius: 8px;
}

/*---------------------------------------
# End Pages CSS
-----------------------------------------*/

/*---------------------------------------
# Pagination CSS
-----------------------------------------*/
.pagination-main {
	margin: 50px 0 0;
	text-align: left;
}
.pagination {
	display: block;
	padding-left: 0;
	border-radius: 0px;
	margin: 0;
}
.pagination li {
	display: inline-block;
	margin-right: 10px;
}
.pagination li:last-child{
	margin:0;
}
.pagination li a {
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 100%;
	text-decoration: none;
	border: 1px solid #ccccccc9;
	border-radius: 0;
	border-radius: 100%;
	background-color: var(--adas-portfolio-white);
	color: var(--adas-portfolio-heading);
}
.pagination li.active a,
.pagination li:hover a {
	-webkit-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	-moz-box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
	box-shadow: 0px 10px 15px rgba(88, 85, 85, 0.15);
}
.pagination li.active a, .pagination li a:hover, .pagination li a:focus {
	color: #fff !important;
	background: var(--adas-portfolio-primary) !important;
	border-color: transparent;
}
.pagination li a span,
.pagination li a i {
	position: relative;
	z-index: 40;
}
.pagination li a i {
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.pagination li.prev:hover a i,
.pagination li.next:hover a i {
	color:var(--adas-portfolio-primary);
}
.pagination li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.pagination li.active a::before,
.pagination li:hover a::before{
	opacity:1;
	visibility:visible;
}
.pagination li.prev a:hover,
.pagination li.prev a:focus,
.pagination li.next a:hover,
.pagination li.next a:focus{
	box-shadow:none;
	color:var(--adas-portfolio-primary) !important;
}
.pagination li.prev a, .pagination li.next a {
	display: ;
	width: auto;
	height: auto;
	background: transparent !important;
	font-size: 20px;
	border: none !important;
	outline: none;
	font-size: 16px;
}
/*---------------------------------------
# End Pagination CSS
-----------------------------------------*/

/*---------------------------------------
# WordPress Default CSS
-----------------------------------------*/
.adas-portfolio-main-area {
	padding: 30px 0 80px;
}
.widget .widget-title, .widget_block .wp-block-heading, .widgettitle {
	font-size: 22px;
	font-weight: 600;
	position: relative;
	margin-bottom: 22px;
	text-transform: capitalize;

	display: flex;
	align-items: center;
	gap: 10px;
}
.widget .widget-title::before, .widget_block .wp-block-heading::before, .widgettitle::before {
	content: "";
	width: 2px;
	min-height: 100%;
	background: var(--adas-portfolio-primary);
	display: inline-block;
	height: 20px;
}
.widget ul, .widget ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.widget ul li{
	margin-bottom:15px;
}
.widget ul li:last-child{
	margin:0;
}
.widget ul ul ul {
	padding-left: 5px;
}
.widget ul, .widget ul li a {
	text-decoration: none;
	color: var(--adas-portfolio-text);
}
.widget ul li a:hover,.widget ul li a:focus{
	color:var(--adas-portfolio-primary) !important;
}
.page-links {
	padding: 0 20px;
}
.page-links a {
	background: var(--adas-portfolio-primary);
	color: #fff;
	padding: 5px 10px;
}

.widget select {
	width: 100%;
	height: 45px;
	padding: 0 20px;
	background: #F6F9FC;
}
/* Post Password Form */
.post-password-form input[type="password"] {
	width: 100%;
	border: 1px solid #ebebeb;
	border-radius: 0px;
	height: 50px;
	padding: 0 10px;
}
.post-password-form input[type="submit"] {
	background: var(--adas-portfolio-primary);
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 0px;
	cursor: pointer;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus{
	background:var(--adas-portfolio-heading);
}
.post-password-form {
	position: relative;
}
/* Table CSS */
table th {
}
table thead th {
	background: var(--adas-portfolio-primary);
	padding: 12px 30px;
	color: #fff;
	font-size: 18px;
}
table tbody th,table tbody td {
	border: 1px solid #ebebeb;
	padding: 12px 30px;
	text-align: ight;
}
table tbody a {
	color:var(--adas-portfolio-primary);
}
table tbody a:hover {

}
/* Widget Select */
.single-widget select {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	background: #F5F8F9;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-user-select: none;
	background-image: url(/images/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right 50% !important;
}
/* Widget Tags CSS */
.widget_tag_cloud .tagcloud a {
	color: #555;
	font-size: 14px !important;
	display: inline-block;
	padding: 5px 15px;
	background-color: var(--adas-portfolio-white);
	margin-top: 5px;
}
.widget_tag_cloud .tagcloud a:hover{
	background:var(--adas-portfolio-primary);
	color:#fff;
}

/* Widget RSS CSS */
.widget_rss .rsswidget {
  display: inline-block;
}
.widget_rss ul li a {
  line-height: ;
}
.widget_rss ul li a {
}
.widget_rss ul li .rsswidget {
  line-height: 20px;
}
.widget_rss .rss-date {
 color:var(--adas-portfolio-primary);
  display: block;
  line-height: initial;
}
.widget_rss .rssSummary {
  display: ;
  line-height: 25px;
}

/* Widget Search CSS */
.search-form{
	position:relative;
	display:flex;
	flex-direction:column;
}
.search-form input[type="search"], .wp-block-search .wp-block-search__input {
	width: 100%;
	height: 50px;
	border-radius: 0px;
	padding: 0 20px 0 20px;
	font-size: 14px;
	background: transparent;
	border: none;
	border-radius: 3px;
	border: 1px solid var(--adas-portfolio-border);
	border-radius: 4px;
}
.search-form input[type="search"]:hover, .search-form input[type="search"]:focus, .wp-block-search .wp-block-search__input:hover, .wp-block-search .wp-block-search__input:focus {
	border-color: var(--adas-portfolio-primary) !important;
}
.search-form label {
  width: 100%;
  position:relative;
}
.search-form input[type="submit"], .wp-block-search .wp-block-search__button {
	background: var(--adas-portfolio-primary);
	color: #fff;
	height: 50px;
	border: none;
	border-radius: 4px;
	padding: 0 20px;
	cursor: pointer;
	margin-top: 10px;
	margin: 0 !important;
}
.search-form input[type="submit"]:hover, .search-form input[type="submit"]:focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus {
	background: var(--adas-portfolio-darkbg);
}
.search-form input[type="submit"]{
	margin-top:15px !important;
}
.search-form-main .search-form input[type="search"]:hover,
.search-form-main .search-form input[type="search"]:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search .wp-block-search__input:focus{
border-color: var(--adas-portfolio-primary) !important;
}

/* Widget Calender CSS */
#calendar_wrap th,
#calendar_wrap td {
	padding: 5px 10px;
	text-align: center;
	display: nherit;
	border: 1px solid #ebebeb;

	background:#fff;
}
#calendar_wrap #wp-calendar {
	max-width: 100%;
}
#calendar_wrap #wp-calendar thead th,
#calendar_wrap #wp-calendar tfoot td {
	background: #F5F8F9;

	font-size: 15px;
}
#calendar_wrap #wp-calendar caption {
	caption-side: top;
	background: var(--adas-portfolio-primary);
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 15px;
}
#calendar_wrap #wp-calendar tbody tr a {
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	background: var(--adas-portfolio-primary);
	padding: 0;
	text-align: center;
}
#calendar_wrap #wp-calendar tfoot td {
	display: ;
	background-color: var(--adas-portfolio-white);
}
#calendar_wrap #wp-calendar tfoot tr a {

}
#calendar_wrap #wp-calendar tfoot tr a:hover{
	color:var(--adas-portfolio-primary);
}
/* Widget Search CSS */
.search-form {
  width: 100%;
}
.search-form label input {
  width: 100%;
  padding: 12px 20px;
  border-radius: 0px;
}
.search-form  .search-submit {
  display: block;
  background: #;
  background: var(--adas-portfolio-primary);
  border-radius: 0px;
  padding: 12px 20px;
  border: none;
  color: #fff;
  position: ;
  display: inline-block;
  height: 48px;
}
.search-form label {
  display: inline-block;
}
/* Widget Recent Comments */
.widget_recent_comments li a {
    display: block;
}
.widget_recent_comments .recentcomments a {
    display: block !important;
    line-height: initial;
}
.widget_recent_comments li {
    line-height: 30px !important;
    margin-bottom: 10px !important;
}
.widget_recent_comments li span {
    position: relative;
}
.widget_recent_comments li span::before {
	left: 0;
	top: 0;
	font-family: 'FontAwesome';
	margin-right: 5px;
	line-height: initial;
	content: "\f007";
}
.recentcomments span {
	display: inline-block !important;
}
.widget_categories li {
	text-align: right;
	overflow: hidden;
}
.widget_categories li a {
  text-align: left;
  float: left;
}
.mc4wp-form-fields label {
	width: 100%;
	display: block;
	font-size:0px;
}
.mc4wp-form-fields input {
	width: 100%;
	padding: 15px;
	border-radius: 0px;
	font-size: 14px;
}
.mc4wp-form-fields input[type="submit"] {
	border: none;
	background: var(--adas-portfolio-primary);
	color: #fff;
	border: none;
	border-radius: 0px;
	margin-top: 10px;
}
.mc4wp-form-fields input[type="submit"]:hover{
	background:var(--adas-portfolio-secondary);
	color:#fff;
}

/* WP Blocks */

.wp-block-archives li,.wp-block-archives li a {
  line-height: 30px;
}
.wp-block-calendar tfoot td {
  text-align: left;
}
.wp-block-calendar tfoot td a {
 color:var(--adas-portfolio-primary);
  border: none;
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
  padding: ;
}
.wp-block-calendar table caption {
  caption-side: initial;
  color: #fff;
  font-weight: 600;
  background: var(--adas-portfolio-primary);
  padding: 10px 20px;
}
.wp-block-calendar table th {
  background: #F5F8F9;

  font-weight: 600;
}
.wp-block-calendar table th {
}
.wp-block-categories select {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #F5F5F5;
}
.wp-block-categories {
  margin-bottom: 20px;
}
.wp-block-archives.wp-block-archives-dropdown {
}
.wp-block-archives select {
  display: ;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #F5F5F5;
}
.wp-block-latest-comments li a {

	text-decoration: none;
}
.wp-block-latest-posts a {

}
.wp-block-latest-posts__post-title {
	font-size: 15px;
	line-height: 22px !important;
	display: block;
}
.wp-block-latest-posts__post-date::before {
	content: "\f073";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	color: var(--adas-portfolio-primary);
	margin-right: 5px;
}
.wp-block-search input {
	padding: 12px 20px;
	border-radius: 0px;
}
.wp-block-search button {
  background: var(--adas-portfolio-primary);
  color: #fff;
  border-radius: 0px;
}
.wp-block-search {
  margin-bottom: 20px;
}
.wp-block-tag-cloud a {
	padding: 5px 10px;
	font-size: 14px !important;
	color: var(--adas-portfolio-text);
	border: 1px solid var(--adas-portfolio-border);
	margin-top: 5px;
	border-radius: 4px;
}
.wp-block-tag-cloud a:hover {
 color:#fff !important;
 border-color:transparent;
 background-color: var(--adas-portfolio-primary);;
}
.wp-block-rss li a {
  color: #555;
}

.wp-block-latest-comments__comment-date {
	font-size: 13px;
	margin-top: 6px;
}
.wp-block-latest-posts__featured-image img {
	width: auto !important;
	height: auto !important;
	border-radius: 5px;
}
.wp-block-latest-posts__featured-image {
	position: absolute !important;
	left: 0;
	min-width: 70px;
	max-width: 70px;
	top: 50%;
	margin-top: -35px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	clear: both;
	padding-left: 84px;
}
.wp-block-latest-posts li {
	position: relative;
}
.wp-block-search__inside-wrapper {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
/*---------------------------------------
# End WordPress Default CSS
-----------------------------------------*/

/*---------------------------------------
# Footer CSS
-----------------------------------------*/
.adas-portfolio-footer__top {
	padding: 50px 0 80px;
	background-color: var(--adas-portfolio-darkbg);
}
.adas-portfolio-footer__widget{
	margin-top:30px;
}
.adas-portfolio-footer__bottom {
	padding: 20px 0;
	text-align: center;
	position: relative;
	background: var(--adas-portfolio-darkbg2) !important;
}
.adas-portfolio-footer__branding {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	color: #fff;
}
.adas-portfolio-footer__branding .adas-portfolio-footer__devs, .adas-portfolio-footer__branding .adas-portfolio-footer__devs a {
	font-size: 16px;
}
/*---------------------------------------
# End Footer CSS
-----------------------------------------*/

/* Tablet Layout 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header .main-navigation ul {
	padding-right: 0;
}
.header .main-navigation ul li {
	margin-right: 2px;
}
.header .main-navigation ul li a {
	padding: 18px 5px;
	font-size: 14px;
}
.adas-hero-area__title {
	font-size: 40px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 800;
}
.adas-brands__logos {
	flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.main-menu {
	padding: 15px 0;
}
.header .social-widget {
	top: 3px;
}
#calendar_wrap {
	overflow: scroll;
}
.scroll-top {
	width: 44px;
	height: 44px;
	line-height: 44px;
	top: -22px;
	right: 30px;
	font-size: 20px;
}
.adas-portfolio-footer__branding {
	justify-content: center;
	flex-direction: column;
}
.adas-hero-area__main {
	flex-wrap: wrap;
}
.adas-hero-area__title {
	font-size: 34px;
}
.adas-bg-img {
	min-width: 100%;
	max-width: 100%;
}
.adas-brands__logos a {
	padding: 0 15px;
	max-width: 195px;
}
.adas-hero-slider {
	padding-top: 125px;
	padding-bottom: 60px;
}
}

@media only screen and  (max-width: 767px) {
.adas-portfolio-404__content {
	padding: 30px;
}
.adas-portfolio-404__title span {
	font-size: 60px;
}
.adas-portfolio-404__title {
	font-size: 30px;
}
.search-form-main {
	padding: 25px;
}
.adas-hero-ara-video {
	left: 50%;
	margin-left: -50px;
	bottom: initial;
	top: 50%;
	margin-top: -50px;
}
.adas-cta-main__title {
	font-size: 32px;
}
.adas-cta-main__inner {
	text-align: center;
}
.blog-heading{
	font-size: 28px;
}
.adas-portfolio-blog-single {
	padding-top: 0;
}
.blog-content-main{
	padding: 30px 20px;
}
}

@media only screen and  (max-width: 360px) {
.adas-portfolio-404__title,.adas-portfolio-404__inside {
	font-size: 28px;
}
}

@media only screen and  (max-width: 1000px) {
.adas-portfolio-main-area__content {
	order: -1;
}
}
.oe-menu-title {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 15px !important;
	display: block;
}
.adas-portfolio-mobile-menu .menu-inner ul li ul li {
	border: none;
  }
  .adas-portfolio-mobile-menu .menu-inner ul li ul {
	border-left: 1px solid #cccccc47;
	margin-left: 15px;
}
  .adas-portfolio-mobile-menu{
	  display:block;
  }
  .adas-portfolio-mobile-menu .menu-click {
	  top: 0;
	  left: 0;
	  font-size: 30px;
  }
  .adas-portfolio-mobile-menu .menu-click a {
	  color: #fff;
	  z-index: 3333;
	  position: relative;
	  font-size: 22px;
  }
  .adas-portfolio-mobile-menu .menu-click a:hover,
  .adas-portfolio-mobile-menu .menu-click a:focus {
	  color:var(--adas-portfolio-primary);
  }
  .adas-portfolio-mobile-menu .menu-click a span{
	  padding-left:5px;
  }
  .adas-portfolio-mobile-menu .menu-inner {
	position: fixed;
	padding: 0;
	padding-top: 22px;
	padding-bottom: 20px;
	right: 0;
	background: var(--adas-portfolio-darkbg2);
	top: 85px;
	min-width: 300px;
	padding: 30px 20px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease;
	padding-bottom: 20px;
	z-index: 3333333;
	overflow: scroll;
	right: 0;
	padding-bottom: 20px;
	width: 20%;
	top: 0;
	height: 100%;
}
  .adas-portfolio-mobile-menu .menu-inner.active {
	  opacity:1;
	  visibility:visible;
	  transform: translateY(0px);
  }
  .adas-portfolio-mobile-menu .menu-inner ul li {
	  display: block;
	  float: none;
	  width: 100%;
	  border-bottom: 1px solid #cccccc47;
  }
  .adas-portfolio-mobile-menu .menu-inner ul li:last-child{
	  border:none;
  }
  .adas-portfolio-mobile-menu .menu-inner ul li a {
	/* padding: 0; */
	display: block;
	width: 100%;
	padding: 10px 0px;
	color: #eee !important;
	text-decoration: none;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	gap: 10px;
}
.adas-portfolio-mobile-menu .menu-inner ul li a i {
	background: var(--adas-portfolio-darkbg) !important;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: #fff;
}
.adas-portfolio-mobile-menu .menu-inner ul li ul {
	padding-left: 20px;
}
.adas-portfolio-mobile-menu .menu-inner ul li a:hover,
.adas-portfolio-mobile-menu .menu-inner ul li a:focus {
	color: var(--adas-portfolio-primary) !important;
}
.adas-portfolio-mobile-menu .menu-inner ul {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 15px;
}
  .adas-portfolio-mobile-menu .main-navigation ul li ul {
	position: relative;
	opacity: 1;
	visibility: visible;
	margin-left: 20px;
  }
  .header .adas-portfolio-mobile-menu ul li ul {
	  position: relative;
	  opacity: 1;
	  visibility: visible;
	  width: 100%;
	  margin-left: 30px;
  }
  .adas-portfolio-mobile-menu .main-navigation ul li ul li a {

  }
  .adas-portfolio-mobile-menu .close-menu{
	  margin-top:20px;
  }
  .adas-portfolio-mobile-menu .close-menu a {
	display: inline-block;
	/* border: 1px solid #ccc; */
	background: var(--adas-portfolio-primary);
	color: #fff;
	padding: 10px 25px;
	/* border: none; */
	border: 1px solid transparent;
}
.adas-portfolio-mobile-menu .close-menu a:hover, .adas-portfolio-mobile-menu .close-menu a:focus {
	background: var(--adas-portfolio-darkbg);
	color: var(--adas-portfolio-primary);
}

.adas-portfolio-mobile-menu .close-menu a i {
	margin-right: 5px;
}

/* Dark Theme */
body.dark-theme {
	background-color: #101010;
}
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme h1 a,
.dark-theme h2 a,
.dark-theme h3 a,
.dark-theme h4 a,
.dark-theme h5 a,
.dark-theme h6 a,
.dark-theme,
.dark-theme a,
.dark-theme button,
.dark-theme input,
.dark-theme select,
.dark-theme optgroup,
.dark-theme textarea{
	color:var(--adas-portfolio-dark-theme-heading);
}
.dark-theme .adas-portfolio-header__nav ul li a {
	background: var(--adas-portfolio-dark-theme-bg);
	color: var(--adas-portfolio-dark-theme-text);
}
.dark-theme .adas-portfolio-bc .bc-list, .dark-theme .adas-portfolio-header__button--icon, .dark-theme .wp-block-quote {
	background: var(--adas-portfolio-dark-theme-bg2) !important;
}
.dark-theme .adas-portfolio-bc .bc-title,.dark-theme .adas-portfolio-single-post__title a,
.dark-theme  .wp-block-search .wp-block-search__label,
.dark-theme .widget .widget-title, .dark-theme  .widget_block .wp-block-heading, .widgettitle,
.dark-theme .pagination li.prev a, .dark-theme .pagination li.next a{
	color:var(--adas-portfolio-dark-theme-heading);
}
.dark-theme .adas-portfolio-single-post,.dark-theme .adas-portfolio-sidebar,.dark-theme .adas-portfolio-404__content,.dark-theme .adas-preloader{
	background: var(--adas-portfolio-dark-theme-bg) !important;
}
.dark-theme  .adas-portfolio-single-post__content p,.dark-theme  .widget ul, .dark-theme .widget ul li a,
.dark-theme  .adas-portfolio-post-meta,.dark-theme .wp-block-latest-comments__comment-link,.dark-theme ul li a, .dark-theme ol li a{
	color: var(--adas-portfolio-dark-theme-text) !important;
}
.dark-theme .pagination li a{
	background: var(--adas-portfolio-dark-theme-bg);
	border-color:transparent;
	color:#fff !important;
}
.dark-theme p,.dark-theme .adas-portfolio-blog-single ul li,.dark-theme .adas-portfolio-blog-single ol li,
.dark-theme .wp-block-tag-cloud a,.dark-theme .wp-block-latest-comments__comment-meta,.dark-theme .comment-respond p a{
	color:var(--adas-portfolio-dark-theme-text);
}
.dark-theme .blog-content-main,.dark-theme .comment-respond,.dark-theme .comment-list,.dark-theme .adas-portfolio-header__nav ul li ul{
	background-color:var(--adas-portfolio-dark-theme-bg);
}
.dark-theme .widget ul li a:hover,.dark-theme ul li a:hover, .dark-theme ol li a:hover{
	color:var(--adas-portfolio-primary) !important;
}

.dark-theme  .search-form input[type="submit"]:hover,
.dark-theme  .wp-block-search .wp-block-search__button:hover,.dark-theme .adas-portfolio-hero-contact__label,.dark-theme .adas-portfolio-hfunfact__icon,.dark-theme .creative-services__single,.dark-theme .adas-portfolio-single__button,.dark-theme .modal-content,.dark-theme .adas-small-header__mobile .nav-menu {
	background-color:var(--adas-portfolio-dark-theme-bg2) !important;
}
.dark-theme .offcanvas-modal .navbar-collapse,.dark-theme .adas-portfolio-hero-main,.dark-theme .adas-portfolio-hero-profiles,.dark-theme .creative-services__icon,.dark-theme .about-img__pop a{
  background: var(--adas-portfolio-dark-theme-bg) !important;
}
.dark-theme .offcanvas-menu li a,.dark-theme .adas-portfolio-header__nav ul li ul li a,.dark-theme .adas-portfolio-project-single__clabel{
  color: var(--adas-portfolio-dark-theme-text) !important;
}
.dark-theme .adas-portfolio-logo .text-logo a,.dark-theme .adas-portfolio-hero-contact__label,.dark-theme .title-section h1 span,.dark-theme .creative-services__icon{
	color:#fff;
}
