/*
Theme Name: AKKA Theme
Text Domain: Custom Theme
Version: 1.0 
*/
*{
	box-sizing:border-box;
}
html,body{
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
h1 ,h2,h3,h4,h5,h6,h7,p{
	margin:0;
	padding:0px;    
}
.header{
	transition:all 500ms ease;
}
.header.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
    margin: 0 auto 30px;
    width: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
}
.sticky_logo{
	opacity: 0;
	transform: scale(0.8);
	transition: opacity 0.5s ease, transform 0.5s ease !important;
}
.header.sticky  .sticky_logo{
	opacity: 1;
  	transform: scale(1); 
}
.menu-item a{
	transition:all 300ms ease;
}

@media only screen and (min-width:1025px){
	.menu-item:hover> a,
	.menu-item:hover .hfe-has-submenu-container> a,
	.current-menu-parent .hfe-has-submenu-container >a,
	.current-menu-item > a{
		background:#ff7f00;
		color:#fff !important;
	}
}
@media only screen and (max-width: 767px) {
/*     .header.sticky {
        position: absolute !important;
    } */
	.table_parent{
		overflow-x:auto;
	}
}
.gt_float_switcher img {
    width: 20px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    font-size: 12px;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 5px 10px !important;
}
.messages_tab.active a{
	background-color: #002866 !important;
	color:white !important;
}
.wpcf7 {
	font-family: "Poppins", Sans-serif;
}
.wpcf7 input ,
.wpcf7 textarea{
    padding: 14px;
    border: 1px solid #dddddd;
    outline: none;
    width: 100%;
    box-sizing: border-box;
	font-family: "Poppins", Sans-serif;
	font-size:14px;
	margin-bottom:20px;
}
.wpcf7 textarea{
	height:150px;
	max-width:100%;
	min-width:100%;
}
.wpcf7 input[type="submit"]{
	font-family: "Poppins", Sans-serif;
	cursor:pointer;
	background-color: #002866;
    font-size: 14px;
    font-weight: 600;
    border-style: solid;
    border-width: 1px;
    border-color: #002866;
    border-radius: 0px ;
	padding: 13px 20px 13px 8px;
	display:flex;
	gap:10px;
	color:white;
	transition:all 300ms ease; 
	margin-top:0;
	margin-bottom:0;
}
.wpcf7 input[type="submit"]:hover{
	background-color:white;
	color: #002866;
}
.wpcf7 input:not([type="submit"]):focus,
.wpcf7 textarea:focus {
    outline: 1px solid #002866;
}
.form_btn {
    max-width: 150px;
    margin-right: auto;
}
span.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}
.wpcf7-response-output{
	margin-top: 10px !important;
    font-size: 14px;
}
table{
	font-family: "Poppins", Sans-serif;
}
.hfe-flyout-wrapper .hfe-side {
    width: 300px;
    transition: all 500ms  ease;
    display: block !important;
}
#customers {
    border-collapse: collapse;
    width: 100%;
	font-size: 16px ;
	border-bottom: 1px solid #f1f1f1;
    border-collapse: collapse;
}
.headerbackground {
    background-color: #e4e4e4;
}
#customers tr:hover {
    background-color: #f2f2f2;
}
#customers td, #customers th {
    border: 1.2px solid #bfbfbf;
    padding: 10px;
}
.side_bar_heading:hover{
	background:white;
}
table li{
	font-size:16px;
	line-height: 1.6em;
    margin-bottom: 10px;
}
.elementor-widget-html:has( #customers){
	overflow-x:auto;
}
.press_release_items img{
	aspect-ratio:1;
	object-fit:cover;
	width:100%;
}
.press_release_items a:has(img){
	width:100%;
}
.scroll_to_top{
	position:fixed;
	bottom:30px;
	right:30px;
	aspect-ratio:1;
	width:40px;
	border-radius:50%;
	background:#ff7f00;
	transition:all 300ms ease-in-out;
	display:grid;
	place-items:center;
	transform:translatey(20px);
	opacity:0;
	pointer-events:none;
	border:none;
	cursor:pointer;
}
.scroll_to_top.active{
	transform:translatey(0);
	opacity:1;
	pointer-events:auto;
}
.arrow{
	width:10px;
	height:10px;
	border-top:3px solid white;
	border-left:3px solid white;
	rotate:45deg;
	margin-top: 4px;
}
.dt-container{
	font-family: "Poppins", Sans-serif;
}
.tablepress a{
	color: #ff9822;
}
.akka_constitution h5{
    font-size: 16px;
    margin-block: 10px;
}
a{
	color: #ff9822;
}
.charity_cards img{
	transition:all 700ms ease !important;
}
.charity_cards .elementor-widget-image-box:hover img{
	transform:scale(1.2);
}
.charity_cards .elementor-widget-image-box .elementor-image-box-img{
	overflow:hidden;
}
@media only screen and (min-width:768px){
	.flex_container > p{
		width:48%;
	}
	.flex_container{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:20px;
	}
	.charity_cards h2{
		min-height:55px;
	}
}