/*
Theme Name: Accountable Tech
Theme URI: https://accountabletech.org
Author: Loopdash
Author URI: https://loopdash.com
Description: Accountable Tech website default theme developed by Loopdash
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: accountable-tech
*/

:root {
	--primary-color: #0097FC;
	--secondary-color: #000;

	--anchor-alt-color: #FFF;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-UltraLight.otf');
	font-weight: 100;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-Thin.otf');
	font-weight: 200;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-Light.otf');
	font-weight: 300;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-Regular.otf');
	font-weight: 400;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-SemiBold.otf');
	font-weight: 600;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-Bold.otf');
	font-weight: 700;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-Heavy.otf');
	font-weight: 800;
}

@font-face {
	font-family: Aileron;
	src: url('inc/font/aileron/Aileron-Black.otf');
	font-weight: 900;
}

body {
	font-family: Aileron;
	font-weight: 400;
	color: var(--secondary-color);
}

@media (min-width: 1440px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1340px;
	}
}

h1 {
	font-size: 65px;
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: 0.65px;
}

h2 {
	font-size: 50px;
	font-style: normal;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.5px;

}

h3 {
	font-size: 36px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.36px;
}

h4 {
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.3px;
}

h5 {
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.3px;
}


h6 {
	font-size: 24px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.3px;
}
p, ul , li {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 0.32px;
}

/* Cookie policy */
 .cookie-notice-visible {
	border-top: 3px groove #0097fc;
}
.cookie-notice-visible .cookie-notice-container {
    margin: 0 auto;
    align-items: center;
    text-align: left;
    display: flex!important;
	padding: 20px 10px;
	width: 100%;
	
}
.cn-buttons-container {
    display: flex !important;
}
.cn-text-container {
    padding-right: 2.5rem;
}
#cn-close-notice {
	display: none !important;
}
.cn-buttons-container a {
	color: #fff !important;
	font-weight: 600 !important;
}

@media only screen and (min-width: 992px) {
	.cookie-notice-visible .cookie-notice-container {
		max-width: 960px;
	}
}

@media only screen and (min-width: 1200px) {
	.cookie-notice-visible .cookie-notice-container {
		max-width: 1100px;
	}
}
@media only screen and (min-width: 1400px) {
	.cookie-notice-visible .cookie-notice-container {
		max-width: 1320px;
	}
}
@media only screen and (min-width: 1440px) {
	.cookie-notice-visible .cookie-notice-container {
		max-width: 1340px;
	}
}
@media only screen and (max-width: 1100px) {
	.cookie-notice-visible .cookie-notice-container {
		flex-direction: column;
		padding: 20px 24px;
	}
	.cn-text-container {
		padding-right: 0;
	}
}


/* 404 page */
.error-404.not-found {
	min-height: 60vh;
}


/* gravity form error message */
.gform_wrapper.gravity-theme .gfield_validation_message, 
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme .gform_validation_errors>h2  {
	color: #fff !important;
}



/* see more  */
.see-more {
	color: #000;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	display: flex;
	gap: 20px;
	cursor: pointer;

}


/* Search and filter */
.sf-field-submit {
	width: fit-content;
	position: relative;
}
#Filter-container input[type=submit] {
	background: #0A1F2B;
    border-radius: 40px;
    padding: 8px 30px 8px 24px;
    border: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    width: 150px;
    text-align: left;
}

/* #Filter-container .sf-field-submit:after {
    display: block;
    width: 16px;
    height: 16px;
    content: url(../img/white-arrow.svg);
    margin-left: 20px;
    position: absolute;
    right: 24px;
    top: 28px;
} */

#Filter-container ul {
	flex-wrap: wrap;
}

/* blog page */
.archive-blog {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 25px;
}
.news-post-list .news-single-item .post-thumbnail img {
	border-radius: 20px 20px 0px 0px;
	object-fit: cover;
	aspect-ratio: 657/350;
	height: auto;
}

/* filter clear button */
.clear-filter-row {
	display: flex;
	align-items: center;
}
.clear-filter-row a {
	font-size: 18px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

/* multi author */
.multi-author {
	display: flex;
	gap: 15px;
	align-items: center;
}
.multi-author .avatar_images {
	display: flex;
}
.multi-author .avatar_images img {
	width: 50px;
}
.multi-author .user-names {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}
.multi-author .avatar_images img:not(:first-child) {
	transform: translate(-50%, 0px);
    margin-right: -25px
}

/* single post */
.single-post-body-content {
	max-width: 778px;
	width: 100%;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.single-post-body-content .block:not(.faq-content-block) {
	padding: 0 60px;
}


.single-post-body-content h1,
.single-post-body-content h2 ,
.single-post-body-content h3, 
.single-post-body-content h4,
.single-post-body-content h5,
.single-post-body-content h6 {
	font-weight: 300;
	padding: 1rem 0;
}

.single-post-body-content h4 *,
.single-post-body-content h4 {
	font-weight: 300 !important;
	font-size: 26px;
}

/* job single posts */
.single-job-container-banner {
	max-width: 658px;
	width: 100%;
}
.single-job-container-banner .decription {
	max-width: 450px;
	width: 100%;
	margin-top: 2rem;
	font-size: 18px;
}
.job-info-container {
	max-width: 658px;
	width: 100%;
	background: #C2EBFF;
	border-radius: 20px;
	padding: 3.5rem 2rem;
	display: flex;
    flex-direction: column;
    gap: 15px;
}
.job-info-container > div {
	font-weight: 500;
	gap: 10px;
	font-size: 18px;
} 

.job-info-title i {
	color:#0097FC;
	margin-right: 5px;
}



/* image */
figcaption {
	opacity: .5;
}
.news-single-item img {
	width: 100%;

}

/* Button */
.single-post-body-content  .primary-btn {
	display: flex;
	justify-content: center;
}

/* text block */
.single-post-body-content  .text-block img {
	width: 100%;
	margin: 10px auto;
}

.single-post-body-content  .text-block table {
	border-radius: 10px;
    margin-bottom: 2rem;
}


/* faq */
.Faq-Conatiner {
	display: grid;
	gap: 20px;
}
.single-faq {
	border-radius: 20px;
	background: rgba(194, 235, 255, 0.80);
	padding: 30px 60px;
}
.single-faq .faq-content-container {
	display: none;
}
.faq-content-container > div  {
	margin-top: 60px;
}
.faq-title {
	color: #0A1F2B;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
}
/* .faq-content-container {
} */
.faq-content {
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 0.32px;
}
.faq-title {
	display: grid;
	grid-template-columns: auto 36px;
	gap: 24px;
}
.toggle-icon {
	width: 100%;
	border-radius: 50%;
	aspect-ratio: 1;
	background-color: #0A1F2B;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggle-icon i {
	color: #fff;
	font-size: 12px;
}

.active i  {
	transform: rotate(180deg);
}


/* Case: Team */
.single-post-leader-img  img {
	border: 1px solid #ccc;
}

/* Case: Quote */
.quote-container {
	padding: 2.4em 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.quote-attr {
	font-style: italic;
}


/* case: Sign up form */
.block > .sign-up-form-container {
	border-radius: 20px;
	background: #F5F5F5;
	padding: 2rem 2rem 3rem;
}
.sign-up-form-block .sign-up-form-des p {
	font-size: 18px;
}

#flexible-form form {
	display: grid;
    gap: 20px;
}
#flexible-form form label {
	display: inline;
}
.at-check input {
	margin-right: 6px;
}
#flexible-form form input:not(input[type=submit], input[type=checkbox]),
#flexible-form form text-area {
	border-radius: 50px;
	background: #FFF;
	border: 0;
	padding: 15px 24px;
	line-height: 1;
	font-size: 16px;
	font-weight: 300;
	width: 100%;
}

#flexible-form form input[type=submit] {
	background: #0A1F2B;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    padding: 6px 32px;
    text-align: left;
    border-radius: 50px;
    border: 0;
    width: fit-content;
}




/* Case Statistic */
.statistic-container {
	padding: 2.4em 0;
    border-top: 2px groove #C2EBFF;
    border-bottom: 2px groove #C2EBFF;
}


/* share Button */
.social-share-container {
	width: fit-content;
    display: flex;
    gap: 30px;
    margin: 0 auto;
}
.social-share-container .social-share-heading {
	color:  #0A1F2B;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}
.social-share-container a {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: unset;
}
.social-share-container  img {
	object-fit: contain;
}
.social-share-container span {
	color:  #0A1F2B;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}



/* Responsive */
@media only screen and (max-width: 1200px) {
	.clear-filter-row {
		margin-left: 14px;
	}
}

@media only screen and (max-width: 992px) {
	/* Filter */
	body #Filter-container ul {
		gap: 0 !important;
	}

	/* single post */
	/* staff-post */
	.all-sgl-post-banner-con {
		padding-top: 0 !important
	}
	.single-post-title-container .sgl-post-title {
		font-size: 36px;

	}
	.all-sgl-post-banner-con .row {
		gap: 40px;
	}
	.related-post-heading-con {
		flex-direction: column;
		gap: 20px;
	}
	.single-post-body-content {
		margin-top: 0 !important;
	}

	.single-post-body-content .block {
		padding: 0 20px !important;
	}
	.single-post-title-container .type-and-tag {
		gap: 20px !important;
	}

	/* author */
	.news-arc-post-content .multi-author, 
	.news-arc-post-content .author {
		margin-bottom: 30px;
	}





}

@media only screen and (max-width: 768px) {

	/* news */
	.default-post-taxo-archive .research-tax-hd ,
	.default-blog  .research-tax-hd, 
	.news-post-list {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.research-tax-hd .col {
		gap: 20px !important;
	}
	.description-and-filter {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 30px;
	}
	.Filter-container {
		margin-bottom: 40px !important;
	}
	.news-post-list, .archive-blog {
		grid-template-columns: auto !important;
		gap: 60px !important;
	}
	.news-single-item {
		border-radius: 10px;
	}
	.news-arc-post-content {
		padding: 30px 20px !important;
		gap: 40px !important;
	}
	.type-and-tag {
		align-items: start !important;
		flex-direction: column;
		gap: 40px !important;
	}
	.date-container {
		align-items: start !important;
	}

	/* staff-post */
	.staff-post-list .sgl-post-item .date-container  {
		align-items: center !important;
	}


	/* Social Share */
	.social-share-container {
		gap: 10px;
	}
	.social-share-container a{
		gap: 5px;
	}




}



@media only screen and (max-width: 500px) {

	/* Social Share */
	.social-share-container img {
		height: 16px;
	}
	.social-share-container span {
		font-size: 12px;
	}

}