/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
.news-title h2 {
    color: #070A4D;
}
body:not(.home) .header-section {
  margin-top: 100px;
  position: relative; /* or absolute/fixed depending on layout */
}
/* --------------------------------------header------------------------------------- */
div#home-banner .template-page {
    padding: 0px;
}
#home-news .template-page.content.av-content-full.alpha.units {
    padding-top: 0px !important;
}
#home-banner .container {
    max-width: 100%;
	padding: 0px;

}
#home-banner .content{
	padding-top:0px !important;
}
#home-news {
	 margin: -5px 0 0 0;
}
.news-btn {
    background: #FBB33A;
    padding: 8px;
}
#home-news {
/* 	padding-top:70px !important; */
}
.header-custom-logo .avia-menu-text {
	padding:unset !important;
	background:unset !important;
}
#contact_us_page .wpcf7-form-control {
	background:#FBB33A;
	color:#050742;
}
.html_header_top.html_header_sticky.html_bottom_nav_header #main {
 	padding-top:64px !important; 
}
.header_color .main_menu ul:first-child > li.current_page_item > a .avia-menu-text {
	color: #050742;
	background: #FBB33A;
	padding: 10px;
	border-radius: 10px;
}
.header-custom-logo {
	padding:0 50px;
}

.header_color .main_menu ul:first-child > li a:hover {
	color:#ffffff;
}
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child>li>a {
	color:#ffffff;
	font-size:16px;
	margin-top: -2px;
}
#header_main .container.av-logo-container {
	display:none !important;
}
#header_main_alternate {
    background: #070A4D;
    height: 64px;
   
	 position: relative;
  z-index: 2;
}
div#after_section_1 {
    background: #f9f9f9;
}
#after_section_1 .template-page.content.av-content-full.alpha.units {
    margin: 0px;
    padding: 0px;
    border: none;
}
.sub-header-container {
    background-image: url(/wp-content/uploads/2026/01/Background-4.png) !important;
    height: 450px !important;
    background-size: contain !important;
}
.header-section h1.page-title{
	color: #5EA1D5 !important;
}
body:not(.home) .header-section {
    margin-top: 18px !important;
}
.news-btn a {
    font-weight: 700;
    font-size: 14px;
}
/*---------------------------------------lotto section-----------------------  */
.fb-row {
  display: flex;
  gap: 0px;
  margin-top:20px;
}

.fb-col {
  flex: 1;
  min-width: 435px;   /* ⬅️ અહીં value વધઘટ કરો */
}
._2p3a {
  width: 480px !important;      /* અહીં required width આપો */
  min-width: unset;  /* min-width દૂર કરવા */
}
/* Mobile view */
@media (max-width: 767px) {
  .fb-row {
    flex-direction: column;
  }
}


.insta-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.insta-col {
  flex: 1 1 300px;
  max-width: 400px;
}
@media(max-width: 767px){
  .insta-row { flex-direction: column; }
  .insta-col { max-width: 100%; }
}
div#social-section-insta .facebook-section {
    margin: 0 0 20px 0;
}

.home-banner-image {
    background: #f8f8f8;
}
#home-lotto-section {
	background-position:center center;
}
.cards {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	/*       max-width: 1000px; */
	width: 100%;
	height:360px;
}

.card {
	flex: 1 1 250px;
	background: #fff;
	padding: 40px 20px;
	border-radius: 8px;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.09);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.card img {
	width: 60px;
	height: 60px;
	margin-bottom: 15px;
}

.card h3 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #0a0a3c;
}
.main_color{
	border:none !important;
}
/* Colors per card */
.membership img { filter: drop-shadow(0 0 4px #4da6ff); }
.lotto img { filter: drop-shadow(0 0 4px #fcb933); }
.shop img { filter: drop-shadow(0 0 4px #0a0a3c); }

/* @media (max-width: 768px) {
	.cards {
		flex-direction: column;
		gap: 15px;
	}
} */

/*---------------------------------------social-media-section----------------  */
#social-media-section .social-media {
	text-align: center;
	height: 100%;
	min-height: 140px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.social-head h2 {
    color: #5EA1D5;
}
.social-icont-ext{
	background: #070A4D;
    width: 6%;
    padding: 12px 12px 12px 12px;
    display: flex;
    justify-content: center;
}
img.logo-img {
    height: 174px;
}
.social-media{
	display: flex;
    justify-content: space-between;
}
.social-icont-ext img {
    width: 17px;
}
.facebook-section h3.title {
    color: white;
    margin: 0px;
}
.facebook-section{
	background: #070A4D;
    padding: 16px;
    margin-top: 10px;
}
.fixtures-header .news-btn{
     padding: 6px 9px 5px 9px !important;
}
.news-btn .arrow{
   font-size: unset !important;
	padding: 2px 7px !important;
}
.news-btn {
    display: flex;
    justify-content: center;
}
.view_more_btn .arrow {
/*      padding: 2px 7px 2px 3px !important; */
	padding: 0px 6px 3px 3px !important;
}
.fixtures-header {
	margin-bottom: 22px !important;
}
/*--------------------------------------footer----------------------------  */
#footer {
	background:#050742;
}
#footer h3,
#footer .footer-desc,
#footer ul li a {
	color:#ffffff;
	font-size:16px;
}
#footer h3 {
	font-size:24px;
	font-weight:bold;
}
#footer .footer-social-media .flex a {
	color:#ffffff;
	font-size:16px;
}
#footer .footer-social-media .flex .social-icon {
	padding:5px;
	border:1px solid;
}
#footer .flex {
	display: flex;
	text-align: center;
	align-items: center;
	gap:15px;
	padding-bottom:15px;
}

#socket a.site_name {
	color:#5EA1D5;
	font-weight:bold;
}
#socket .copyright{
	font-size:16px;
	width:100%;
	text-align:center;
}
#footer div .av_one_fourth:nth-of-type(4){
	display:unset;
}
/**/
.toggle_icon{
	background:#FBB33A !important;
}
#top .footer_color .widget_pages ul li a:focus, #top .footer_color .widget_nav_menu ul li a:focus{
	color:#ffffff !important;
}


/*-----------------------------------------------------media-------------------------------------------  */

@media only screen and (max-width: 1400px) {
	.sub-header-container{
	   background-size: cover !important;
	   margin-top: -115px;
	}
}
@media only screen and (max-width: 1280px) {
	.sub-header-container{
	   background-size: cover !important;
	}
}
@media only screen and (max-width: 1024px) {
	.sub-header-container{
	   background-size: cover !important;
	}
}
@media only screen and (max-width: 989px) {
	#header_main .container.av-logo-container {
		display:block !important;
	}
	.inner-container .logo.avia-standard-logo{
		display:none;
	}
	.header-custom-logo{
		display:none;
	}
	#header_main{
		background:#050742;
	}
	.sub-header-container{
	   background-size: cover !important;
	   background-position: 37% 0% !important;
	}
}
@media only screen and (max-width: 767px) {
	.sub-header-container{
	   background-size: cover !important;
       background-position: 6% 0% !important;
	}
	.social-icont-ext{
    width: 16% !important;
    padding: 10px 12px 0px 12px !important;
    margin: -9px 0 0 0 !important;
	}
	.social-head h2 {
    font-size: 20px !important;
	}
	.news-title h2{
		font-size:20px;
	}
	#home-banner .container.av-section-cont-open {
    max-width: 100% !important;
    width: 100% !important
	}
	#home-lotto-section{
		background-image:unset;
	}
	.cards{
		height:unset;
	}
	#header_main{
		height:54px!important;
	}
	#header_main .container .inner-container .logo.avia-standard-logo a{
		text-align: center;
		width: 100%;
		justify-content: center;
		display: flex;
		left: 10%;
	}
}
@media only screen and (max-width: 425px) {
	#footer .footer-social-media{
		display: flex;
		gap: 15px;
	}
	#footer .flex{
		gap:10px;
		padding-bottom:0px;
	}
	#footer .container .flex_column:nth-child(1) {
		text-align: center;
	}

	#footer .container .flex_column:nth-child(2) .widget .widgettitle{
		text-align:center;
	}
	#footer .container .flex_column:nth-child(3) .widget_text h3 {
		margin-bottom:20px;
	}
	#footer .widget{
		margin:0px;
	}

}