/*
Theme Name: Rekla Race
Author: Mandy Technologies
Author URI: https://www.mandytechnologies.com/
Theme URI: https://www.mandytechnologies.com/
Tags: full-site-editing, block-patterns
Text Domain: rekla-race
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
  /* CSS rules here apply ONLY to screens that are 768px wide or smaller */
  .wp-block-site-title a{
    font-size: 24px;
    text-align: center;
    display: block;
    line-height: 30px;
  }
  h1.wp-block-heading {
    font-size: 30px;
    text-align: center;
    display: block;
  }
  .ff-default .ff-el-form-control {
    padding: 15px;
  }
  .rekla-dashboard-cards {
    display: flex;
    flex-direction: column;
  }
  .register-card-layout {
    width: 100%;
  }
  .ff-default .ff-el-input--label label {
    font-size: 18px;
    line-height: 25px;
  }
  main {
    padding-top: 0px !important;
  }
  .registration-lists ul.wp-block-list {
    font-size: 12px;
    margin-left: 0;
    padding-left: 10px;
  }
  .registration-lists ul.wp-block-list li {
    margin-bottom: 10px;
  }
  footer.site-footer .copyright-section-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px !important;
  }
  .wp-block-group.developed-by-section {
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
}

.home main {
  padding-top: 0px !important;
}
.ff-message-success {
	background-color: #f7ecd5;
  border-radius: 20px;
	padding: 0 30px;

	.token_no {
		font-weight: 800;
		text-align: center;
		padding-top: 30px;
		font-size: 40px;
	}

	a {
		background-color: #be3f0d !important;
		border-color:#be3f0d !important;
		color: #fff;
    display: block;
    text-align: center;
	}
}

button.ff-btn.ff-btn-submit.ff-btn-lg.ff_btn_style {
  background-color: #be3f0d !important;
}