/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
#main {
  padding: 0 !important;
}

/*--------------------------------------------------------------
# PassTheBar.Ca LOGO
--------------------------------------------------------------*/
.fusion-logo img {
  height: 80px !important;
}
/*--------------------------------------------------------------
# FONTS PLUS JAKARTASANS
--------------------------------------------------------------*/
@font-face {
  font-family: PlusJakartaSans-Medium;
  src: url(https://www.passthebar.ca/wp-content/uploads/2025/01/PlusJakartaSans-Medium.woff2);
}

@font-face {
  font-family: PlusJakartaSans-BoldItalic;
  src: url(https://www.passthebar.ca/wp-content/uploads/2025/01/PlusJakartaSans-BoldItalic.woff2);
}
@font-face {
  font-family: PlusJakartaSans-SemiBold;
  src: url(https://www.passthebar.ca/wp-content/uploads/2025/01/PlusJakartaSans-SemiBold.woff2);
}
@font-face {
  font-family: PlusJakartaSans-Bold;
  src: url(https://www.passthebar.ca/wp-content/uploads/2025/01/PlusJakartaSans-Bold.woff2);
}
/*--------------------------------------------------------------
# PassTheBar.Ca MAIN MENU
--------------------------------------------------------------*/
/*.fusion-main-menu-search-overlay .fusion-main-menu>.fusion-menu {
  margin-right: 450px;
}*/

/*--------------------------------------------------------------
# HR SEPERATION BROKEN LINES
--------------------------------------------------------------*/
.seperation{
  border-top: 2px dashed #595959; /* Creates a dashed line */
  margin: 100px 0; /* Add spacing above and below */
  width: 100%; /* Full width of the container */
}

/*--------------------------------------------------------------
# TITLE AND DESCRIPTION MARGIN BUTTON
--------------------------------------------------------------*/
.title-description{
  margin-bottom: 50px;
}

/*--------------------------------------------------------------
# UL LI
--------------------------------------------------------------*/

/* Ensure no extra spacing in <p> */
.header-list {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Remove bullets inside .header-list */
.header-list ul {
  list-style: none !important; /* Remove bullets */
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Ensure list items align properly */
.header-list li {
  text-align: left !important;
  position: relative !important;
  font-family: PlusJakartaSans-Medium;
  font-size: 15px;
  color: #595959;
}

/* Optional: Add custom checkmark before each list item */
.header-list li::before {
  content: "\f00c" !important; /* FontAwesome check icon */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  margin-right: 5px !important;
  color: #ffffff !important;
  background: #365994 !important;
  border-radius: 52px !important;
  padding: 4px !important;
}

/* ✅ Remove default marker */
.header-list li::marker {
  display: none !important;
  content: none !important;
}

/*--------------------------------------------------------------
# NY ACCOUNT ICON IN NAVIGATION & WOOCOMMERCE
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul li a::before {
  content: ""; /* Remove FontAwesome */
  display: inline-block;
  width: 16px; /* Adjust size */
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}

/* Specific icons per menu */
.woocommerce-MyAccount-navigation ul li a[href*="my-account"]::before {
  background-image: url('https://www.passthebar.ca/wp-content/uploads/2025/02/dashboard.png');
}

.woocommerce-MyAccount-navigation ul li a[href*="orders"]::before {
  background-image: url('https://www.passthebar.ca/wp-content/uploads/2025/02/basket-svgrepo-com-1.png ');
}

.woocommerce-MyAccount-navigation ul li a[href*="edit-address"]::before {
  background-image: url('https://www.passthebar.ca/wp-content/uploads/2025/02/seetings.png');
}

.woocommerce-MyAccount-navigation ul li a[href*="edit-account"]::before {
  background-image: url('https://www.passthebar.ca/wp-content/uploads/2025/02/seetings.png');
}

.woocommerce-MyAccount-navigation ul li a[href*="customer-logout"]::before {
  background-image: url('https://www.passthebar.ca/wp-content/uploads/2025/02/session-join-svgrepo-com-1.png');
}
.woocommerce-MyAccount-navigation ul li.is-active a{
  color:#1e1e1e !important;
  background-color: #CEDAEE;
  padding: 10px;
  border-radius: 8px 0 0 8px;
  margin-left: -10px;
}
.woocommerce-MyAccount-navigation ul li.is-active a:after{
  display: none;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper>:last-child{
  padding: 35px;
  background-color: #CEDAEE;
}

.fusion-widget-cart-number {
  background-color: transparent !important;
}

.fusion-body .fusion-main-menu .fusion-menu-cart > a {
  height: 40px!important;
  border: 2px solid #365994 !important;
  width: 80px;
  border-radius: 8px;
  position: relative;
}

.fusion-body .fusion-main-menu .fusion-menu-cart .cart-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: red;
  color: white;
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fusion-main-menu>ul>li:last-child{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fusion-main-menu .fusion-widget-cart-counter > a:before {
  content: "" !important;
  display: inline-block;
  width: 20px;  /* Adjust size as needed */
  height: 20px; /* Adjust size as needed */
  background: url('https://www.passthebar.ca/wp-content/uploads/2025/02/cart-icon.png') no-repeat center center;
  background-size: contain;
  margin-right: 5px;
}
.fusion-main-menu .fusion-widget-cart-counter > a {
    font-family: none !important; /* Prevents FontAwesome from overriding */
}

.fa-shopping-cart:before {
  content: "" !important;
  display: inline-block;
  width: 20px; /* Adjust as needed */
  height: 20px; /* Adjust as needed */
  background: url('https://www.passthebar.ca/wp-content/uploads/2025/02/cart-icon-white.png') no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
}

/*--------------------------------------------------------------
# HERO SECTION
--------------------------------------------------------------*/
.hero-section{
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 60px 0 60px 0;
  display: flex;
  align-items: center;
}
.hero-section h1{
  font-family: PlusJakartaSans-BoldItalic;
  font-size: 56px;
  color: #1E1E1E;
  line-height: 60px;
}
.hero-section p{
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #595959;
  margin-bottom: 30px;
  line-height: 23px;
}
.hero-section .hero-img{
  margin-top: 60px;
  border-radius: 24px;
  overflow: hidden;
  margin-left: 50px;
}
.btn-try-mini-exams {
  font-family: PlusJakartaSans-SemiBold;
  display: inline-block;
  padding: 10px 20px; 
  border: none; 
  border-radius: 8px; 
  background-color: #365994; 
  color: #ffffff;
  font-size: 16px; 
  text-align: center; 
  cursor: pointer; 
  transition: background-color 0.3s ease; 
}

.btn-try-mini-exams:hover {
  background-color: #2b4776; 
  color: #FFFFFF;
}

.btn-try-mini-exams:active {
  background-color: #1f3554;
  color: #FFFFFF; 
}

.btn-buy-questions {
  font-family: PlusJakartaSans-SemiBold;
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid #365994; 
  border-radius: 8px; 
  background-color: transparent; 
  color: #365994; 
  font-size: 16px; 
  text-align: center; 
  cursor: pointer; 
  transition: all 0.3s ease; 
}

.btn-buy-questions:hover {
  background-color: #365994; 
  color: #ffffff; 
}

.btn-buy-questions:active {
  transform: scale(0.95); 
}

/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-section .hero-img {
    margin-left: 0;
  }
  .hero-section h1{
    font-size: 52px;
  }
  
}
@media screen and (max-width: 991px){
  .hero-section .hero-img{
    margin-left: 0;
	margin-top: 0px;
  }
  .hero-section h1{
    line-height: 50px !important;
  }
}
@media screen and (max-width: 520px){
  .hero-section h1{
    font-size: 48px;
  }
}
@media screen and (max-width: 423px){
  .btn-try-mini-exams{
    font-size: 12px;
    padding: 10px 15px;
  }
  .btn-buy-questions{
    font-size: 12px;
    padding: 10px 15px;
  }
}

/*--------------------------------------------------------------
# ABOUT SECTION
--------------------------------------------------------------*/
.about-section{
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 60px 0 60px 0;
  display: flex;
  align-items: center;
  background-color: #1F3354;
}

.about-section h2 {
  position: relative; 
  font-family:  PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 70px; 
  margin-left: 50px;
  text-decoration: none; 
}

.about-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 55%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}

.about-section p{
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #DADADA;
  line-height: 23px;
  margin-left: 50px;
}
.about-section .about-img{
  border-radius: 100000px;
}

/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .about-section h2 {
    margin-left: 0;
  }
  .about-section p{
    margin-left: 0;
  }
}




@media screen and (max-width: 991px){
	  .about-section h2{
		margin-left: 0;
	  }
	
  .about-section p{
    margin-left: 0;
  }
  .about-section .about-img{
    margin-top: 50px;
	          max-width: 440px;
        margin: 0 auto;
  }
}

/*--------------------------------------------------------------
# FREE PRACTICE EXAM SECTION
--------------------------------------------------------------*/
.free-practice-exam-section{
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 60px 0 0 0;
  display: flex;
}
.free-practice-exam-section h2{
  position: relative; 
  font-family:  PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #1E1E1E;
  line-height: 50px;
  margin-bottom: 80px; 
  text-decoration: none; 
}
.free-practice-exam-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 49%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}
.free-practice-exam-section p{
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #595959;
  line-height: 23px;
  margin-left: 50px;
}
/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .free-practice-exam-section p{
    margin-left: 0;
  }
}
@media screen and (max-width: 991px){
  .free-practice-exam-section p{
    margin-left: 0;
  }
	
	.free-practice-exam-section h2
	{
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------------------
# INDIVIDUAL PRACTICE EXAM SECTION
--------------------------------------------------------------*/
.individual-practice-exam-section{
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 0;
  display: flex;
}
.individual-practice-exam-section h2{
  position: relative; 
  font-family:  PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #1E1E1E;
  line-height: 50px; 
  margin-bottom: 125px;
  text-decoration: none; 
}
.individual-practice-exam-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 57%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}
.individual-practice-exam-section p{
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #595959;
  line-height: 23px;
  margin-left: 50px;
}
/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .individual-practice-exam-section p{
    margin-left: 0;
  }
}
@media screen and (max-width: 991px){
  .individual-practice-exam-section p{
    margin-left: 0;
  }
	.individual-practice-exam-section h2
	{
		margin-bottom: 20px;
	}
}

/*--------------------------------------------------------------
# PRACTICE EXAM PACKAGES SECTION
--------------------------------------------------------------*/
.practice-exam-packages-section{
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 0;
  display: flex;
}
.practice-exam-packages-section h2{
  position: relative; 
  font-family:  PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #1E1E1E;
  line-height: 50px; 
  text-decoration: none; 
}
.practice-exam-packages-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 49%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}
.practice-exam-packages-section p{
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #595959;
  line-height: 23px;
  margin-left: 50px;
}
/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .practice-exam-packages-sectionn p{
    margin-left: 0;
  }
}
@media screen and (max-width: 991px){
  .practice-exam-packages-section p{
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
# SPECIFIC TOPIC DRILLS SETS SECTION
--------------------------------------------------------------*/
.specific-topic-drills-sets-section{
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 0 0 100px 0;
  display: flex;
}
.specific-topic-drills-sets-section h2{
  position: relative; 
  font-family:  PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #1E1E1E;
  line-height: 50px;
  margin-bottom: 150px; 
  text-decoration: none;
}
.specific-topic-drills-sets-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 49%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}
.specific-topic-drills-sets-section p{
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #595959;
  line-height: 23px;
  margin-left: 50px;
}
/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .specific-topic-drills-sets-section p{
    margin-left: 0;
  }
}
@media screen and (max-width: 991px){
  .specific-topic-drills-sets-section p{
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
# OUR EXAM FEATURES SECTION
--------------------------------------------------------------*/
.our-exam-features-section {
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 100px 0 100px 0;
  display: flex;
  background-color: #1F3354;
}

.our-exam-features-section h2 {
  position: relative;
  font-family: PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 50px;
  text-decoration: none;
}

.our-exam-features-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 49.50%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}

.our-exam-features-section p {
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #DADADA;
  line-height: 23px;
  margin-left: 50px;
}

/* Cards Section */
.card-icon {
  width: 55px;
  height: 55px;
  margin-bottom: -15px;
}

.card {
  background-color: #14243E !important;
  border: none !important;
  padding: 15px 10px !important;
  min-height: 350px;
  border-radius: 30px !important;
}

.card h5 {
  font-family: PlusJakartaSans-Bold !important;
  color: #FFFFFF;
  font-size: 22px;
  margin-bottom: 15px;
}

.our-exam-features-section .card p {
  font-family: PlusJakartaSans-Medium !important;
  color: #DADADA;
  font-size: 16px !important;
  margin-left: 0;
}
.row-one{
  margin-bottom: 20px;
}

.row-two {
  justify-content: center; /* Center cards horizontally */
}

.row-two .col-md-6 {
  display: flex;
  justify-content: center; /* Center the individual cards */
}

/* Responsive adjustments */
@media (max-width: 1199px) {
  .row-two  {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
  }

  .row-two  .col-md-6 {
    flex: 1 0 50%; /* Two cards per row */
    max-width: 50%;
    margin: 10px 0;
  }
}

@media (max-width: 767px) {
  .row-two  .col-md-6 {
    flex: 1 0 100%; /* One card per row */
    max-width: 100%;
    margin: 10px 0;
  }

  .card {
    min-height: 250px;
  }
}
/*MOBILE RESPONSIVE*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .our-exam-features-section p{
    margin-left: 0;
  }
}
@media screen and (max-width: 991px){
  .our-exam-features-section p{
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
# EXAM UI
--------------------------------------------------------------*/

h3{
  font-size: 25px !important;
}

span.question_head{
  font-size: 16px !important;
}
div#question-wrapper ul li label {
  font-size: 14px !important;
}

p#exam-timer{
  font-size: 16px !important;
}

/*--------------------------------------------------------------
# BARRISTER AND SOLICITOR EXAM
--------------------------------------------------------------*/
.barrister-and-solicitor-exam-section {
  width: 100%;
  min-height: 70vh;
  position: relative;
  padding: 100px 0 100px 0;
  display: flex;
}

.barrister-and-solicitor-exam-section h2 {
  position: relative; 
  font-family:  PlusJakartaSans-BoldItalic;
  font-size: 40px;
  color: #1E1E1E;
  line-height: 50px; 
  text-decoration: none;
}

.barrister-and-solicitor-exam-section h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 49.50%;
  height: 8px;
  background-color: #365994;
  border-radius: 15px;
}

.barrister-and-solicitor-exam-section p {
  font-family: PlusJakartaSans-Medium;
  font-size: 16px;
  color: #595959;
  line-height: 23px;
  margin-left: 50px;
}


.custom-product-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width: 100%;
}

/* ✅ 2-column layout para sa Barrister & Solicitor */
.product-row.two-columns .product-item {
  flex: 1;
  max-width: calc(50% - 20px);
}

.image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.image-container img {
  width: 100%;
  display: block;
}

.product-list {
  text-align: left;
  margin-top: 10px;
}

.product-list ul {
  list-style-type: disc;
  padding-left: 20px;
}

.product-list li {
  padding: 5px 0;
}

@media screen and (min-width: 768px) and (max-width: 1199px)
{
	.products-btns
	{
		display: block!important;
	}
	.product-row.three-columns .product-item, .product-row.three-columns .product-item {
		max-width: 50% !important;
		flex: 1 0 48% !important;
	}
}

@media screen and (max-width: 1440px)
{
	body:not(.avada-menu-highlight-style-background) .fusion-is-sticky .fusion-main-menu>ul>li:not(:last-child) {
		padding-right: 33px!important;
	}
	.fusion-is-sticky .fusion-main-menu>ul>li:last-child
	{
		position: relative;
    	right: 30px;
	}
}

@media screen and (max-width: 1439px)
{	 
	
	body:not(.avada-menu-highlight-style-background) .fusion-is-sticky .fusion-main-menu>ul>li:not(:last-child) {
		padding-right: 25px!important;
	}
	.fusion-is-sticky .fusion-main-menu>ul>li:last-child
	{
		position: relative;
    	right: 30px;
	}
	.fusion-main-menu > ul > li:not(.menu-item-1366) {
		padding-right: 20px !important;
	}
	.fusion-main-menu ul {
		margin-right: 104px!important;
	}
	.fusion-menu-item-button .menu-text
	{
		margin-right: -20px !important;
	}
	.fusion-main-menu>ul>.fusion-menu-item-button>a
	{
		right: -187px!important;
	}
	.fusion-main-menu>ul>li>a
	{
		font-size: 14px !important;
	}
	.fusion-main-menu-cart {
		position: relative;
		right: 30px;
	}
}

@media (max-width: 768px) {
	.seperation
	{
		margin: 40px 0;
	}
  .product-row.two-columns .product-item {
      max-width: 100% !important;
      flex: 1 1 100% !important;
  }
}

@media screen and (max-width: 991px)
{
	.seperation {
		margin: 70px 0;
		margin-bottom: 50px;
	}
	.specific-topic-drills-sets-section h2
	{
		margin-bottom: 15px;
	}
	.our-exam-features-section
	{
		padding: 60px 0 60px 0;
	}
	
}