/*
Theme Name: Itfirm Child
Theme URI: http://demo.casethemes.net/itfirm/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Itfirm is a stunning, professional and flexible IT Solutions, IT Business, and Services Company WordPress theme. Itfirm based on in-depth research into IT Solutions, IT Services, IT Business, Consulting, SaaS & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks.
Version: 1.3.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: itfirm
Text Domain: itfirm-child
Tags: agency, business, it services, it solutions, technology, technology service, software, services, app, network solution, startup, technology company, saas, digital
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

section.tribe-common-l-container.tribe-events-l-container {
    padding-top: 50px !important;
}
.tribe-events-header:before{
	content:"IAMCP India Events";
	font-size: 42px;
	font-weight: 600;
	width: 100%;
	padding-bottom: 20px;
}
li.tribe-common-g-row.tribe-events-calendar-list__event-row {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 15px;
}
/* .tribe-events .tribe-events-header{
	display:none;
} */
/* .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__events-bar,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
	display:none;
} */
.tribe-events-c-subscribe-dropdown__container{
	display:none !important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium{
	font-size: 34px;
	color: red;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday{
	font-size: 20px;
}
.epta-all-events.col-md-12 a{
    background: red;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
}
a.tribe-events-c-nav__next.tribe-common-b2.tribe-common-b1--min-medium,
a.tribe-events-c-nav__prev.tribe-common-b2.tribe-common-b1--min-medium {
    color: rgb(255, 255, 255);
    background: red;
    padding: 10px;
    border-radius: 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next-icon-svg path,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg path{
	fill: #ffffff;
}
/* Membership form table CSS */
.fee-summary-table thead p {
  margin-bottom: 0;
  color: #fff;
}
.validation-payment-transaction .wpcf7-not-valid-tip {
  display: block !important;
}
.step-indicator {
  display: block;
  display: none;
  width: 100%;
  text-align: right;
  margin: 0 0 0 auto;
}
.step-ind-inner {
  width: auto;
  display: table;
  margin: 0 0 0 auto;
  background-color: #01A3EE;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
}
/* Animation Keyframes */
@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Step Styling */
.form-step {
    display: none; /* Hidden by default */
}
#registration-wizard {
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.progress-container > div p {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
#registration-wizard h4 {
  font-size: 28px; margin-bottom: 0;
}
#step-2 .input-filled p, #step-3 .input-filled p {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 16px;
}
#registration-wizard p {
  margin-bottom: 0;
  display: flex;
  align-items: center; font-size: 18px;
}
.payment-det-sec p img {
  margin: 0 auto;
}
#registration-wizard p span span label {
  display: flex; align-items: center; margin-bottom: 0;
}
#registration-wizard p span span label input {
  margin-right: 5px;
}
#registration-wizard p span {
  margin-bottom: 0; background: transparent; display: flex;
}
#step-2 table span {
  display: initial;
}
#step-2 .input-filled p input, #step-2 .input-filled p select, #step-3 .input-filled p input, #step-3 .input-filled input {
  border: 1px #ccc solid;
}
#step-3 .gst-certi-upload.input-filled input {
  border: none;
}
#non-member-msg a {
  margin-left: 5px;
}
.row.payment-det-sec{background:#f9f9f9; padding:20px; border:1px solid #eee; margin-bottom:20px; margin-top: 10px; margin-right: 0; margin-left: 0; }
.payment-det-sec .col-md-6:first-child {
  border-right: 1px #939393 dashed;
}
#registration-wizard .recaptch-renewal p {
  flex-direction: column;
  align-items: start;
}
.form-step.active-step {
    display: block !important;
    animation: fadeInSlide 0.4s ease-out forwards;
}
/* Optional: Smooth transition for the fee breakup table */
#fee-and-payment-wrapper {
    transition: all 0.5s ease-in-out;
}
.progress-container {
    /*max-width: 20%;*/ margin-left: auto; margin-bottom: 5px; margin-right: 0; margin-top: 30px; justify-content: space-between; display: flex;
}
#progress-bar-fill {
    box-shadow: 0 0 8px rgba(1, 163, 238, 0.4);
}
#registration-wizard p span#step-label {
  color: #003e7f;
  clear: both;
  line-height: 1.2;
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  background-color: #c0d1e3;
  padding: 10px 20px;
  border-left: 4px #003e7f solid;
}
.payment-step-back {
  margin-top: 10px;
  background-color: #92a0ae;
  background-image: none;
}
.progress-inner-sec {
  width: 100%;
}
#renew-membership-sec {
  background-color: #0051b4;
  padding: 10px 30px;
  border-radius: 3px;
  text-align: left;
  display: table;
  margin: 30px auto 0 auto;
  color: #fff;
  font-size: 20px;
  border-left: 6px #03316a solid;
}
#renew-membership-sec a {
  color: #feb800;
  font-weight: 800;
}
#registration-wizard p.thank-you-payment-note{
	background-color: #92a0ae; padding: 10px; border-radius: 3px; margin-bottom: 10px; margin-top: 10px;
  color: #fff; font-weight: 300; display: table; font-size: 16px; }
/* Ensure the form steps animate correctly from the new script */
.form-step.active-step {
    display: block !important;
    animation: fadeInSlide 0.4s ease-out forwards;
}
/* .postid-11333 #tribe-events-pg-template {
max-width: 100%;
}
.postid-11333 .tribe-events-event-image {
display:none;
}
.postid-11333 .tribe-events-single-event-title{
	display:none;
} */
/* Media Queries Start */
@media (max-width: 767px){
#registration-wizard{ padding: 20px; }
#registration-wizard h4 {font-size: 20px;}
/*.progress-container { max-width: 50%; }*/
#step-1 p { flex-direction: column; width: 100%; align-items: start; }
#step-1 p span .wpcf7-list-item.first { margin-left: 0; }
#step-2 .input-filled.col-6 { width: 100%; max-width: 100%; }
#step-2 .input-filled p input, #step-2 .input-filled p select, #step-3 .input-filled p input, #step-3 .input-filled input{ width: 100%; }
#registration-wizard p span{ padding-left: 0; }
#step-2 .row { display: block; }
.progress-container{ margin-top: 15px; margin-bottom: 15px !important; }
.progress-color{ width: 140px !important; }
#fee-and-payment-wrapper .col-md-4 { border-bottom: 1px dashed #909090; margin-bottom: 20px; padding-bottom: 20px; border-right: none !important; }
#registration-wizard p span#step-label{ margin-bottom: 12px; }
.payment-det-sec{ padding: 10px; }
.payment-det-sec .col-md-6:first-child{ border-right: none; border-bottom: 1px #939393 dashed; padding-bottom: 10px; margin-bottom: 10px; } 
}

@media (max-width: 450px){
		.ecs-event-list img {
		width: 100% !important;
		height: auto !important;
}
}
@media (min-width: 768px){
.tribe-events-venue-map {
    width: 400px;
}

