/*
Theme Name: White Loaf
Author: Briaux
Description: Custom theme by Jithesh Briaux
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.mybox .eael-tabs-nav {
  width: 600px;
  margin: 0 auto;
}
.mybox .eael-tab-title {
  padding: 5px;
  text-align: center;
  border-radius: 56px;
  border: 1px solid #FFA801;
  background: #FFF;
  margin: 0 20px !important;
}
.mybox .eael-tab-title:hover {
  background: #FFA801;
	color:#fff !important;
}
.eael-advance-tabs .eael-tabs-content > div.active{
	padding:0px !important;
}
.wpcf7-spinner {
  display: inherit !important;
}

.svgcurve{
		max-height:100px;
}
.mysvg{
	height:100px;
}
.orange-top {
    background:#FFA801;  
}
.mytrans {
  background: rgba(0, 0, 0, 0);
}
.mygray{
	background:#E1E1E1;
}
.mygreen{
	background:#CDDB2D;
}
.myblue{
	background:#005CA2;
}
.mybrown{
	background:#7E450E;
}
.myyelw{
	background:#FFEBB8;
}
.mytable table, td, th {
  border: 0px !important;
  padding: 2px;
  color: #7E450E;
  margin:0px !important;
}
.eael-contact-form-7 .wpcf7-form p span.wpcf7-form-control-wrap {
  margin-bottom: 15px !important;
}
.subs {
  margin: auto;
}
.sub {
  border-radius: 70px !important;
  padding: 7px 20px !important;
  width: 400px;
  margin-right: -30px;
}
.fback input, textarea, select {
  box-shadow: 2px 4px 0px 0px #7E450E;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #7E450E;
  border-radius: 25px 25px 25px 25px;
}
.fback .fradio {
  text-align: center;
  font-size: 25px;
}
.fradio .wpcf7-list-item.first {
  padding-right: 100px;
}
.ftitle{
 color: #FFA801 !important;
  font-family: "RougantBold", Sans-serif !important;
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  stroke: #000;
  text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.84);
	text-align:center;
}

.mc {
  text-align: center;
}


.wpcf7-form-control.wpcf7-radio {
    position: relative;
}

/* Container */
.wpcf7-list-item {
  
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.wpcf7-list-item input[type='radio'] {
  opacity: 0;
  position: absolute;
  z-index: 9;
  top: .7em;
  left: 1em;
}

/* On mouse-over, add background color */
.wpcf7-list-item input[type="radio"] + span::before {
  background-color: #ffa801;
  transition: background 0.5s linear;
    -webkit-transition: background 0.5s linear;
}

input[type="radio"] + span::before {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px 12px;
  vertical-align: middle;
  cursor: pointer;
  border: 7px solid #5f2424;
  border-radius: 50%;
  text-align: center;
  content: '';
  transform: scale(0.8);
}

input[type="radio"]:checked + span::before {
 
  color: #fff;
  width: 38px;
  height: 38px;
  border: 7px solid #ffa801;
  background-color: #5f2424;
}









@media screen and (max-width: 600px) {
	.svgcurve {
  max-height: 40px;
}
.mysvg{
	height:40px;
}
.mybox .eael-tabs-nav {
  width: 100%;
  margin: 0 auto;
}
	.sub {
		width: auto !important;}
}


.marquee {
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
 
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
	color: #7E450E;
  font-family: "RougantBold", Sans-serif;
  font-size: 66px;
}



@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.cf-container {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-right: -5px;

	margin-left: -5px;

}

.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {

	position: relative;

	width: 100%;

	min-height: 1px;

	padding-right: 5px;

	padding-left: 5px;

}

@media ( min-width: 576px ) {

	.cf-col-1 {

		-ms-flex: 0 0 8.333333%;

		flex: 0 0 8.333333%;

		max-width: 8.333333%;

	}

	.cf-push-1 { margin-left: 8.333333%; }

	.cf-col-2 {

		-ms-flex: 0 0 16.66667%;

		flex: 0 0 16.66667%;

		max-width: 16.66667%;

	}

	.cf-push-2 { margin-left: 16.66667%; }

	.cf-col-3 {

		-ms-flex: 0 0 25%;

		flex: 0 0 25%;

		max-width: 25%;

	}

	.cf-push-3 { margin-left: 25%; }

	.cf-col-4 {

		-ms-flex: 0 0 33.33333%;

		flex: 0 0 33.33333%;

		max-width: 33.33333%;

	}

	.cf-push-4 { margin-left: 33.33333%; }

	.cf-col-5 {

		-ms-flex: 0 0 41.66667%;

		flex: 0 0 41.66667%;

		max-width: 41.66667%;

	}

	.cf-push-5 { margin-left: 41.66667%; }

	.cf-col-6 {

		-ms-flex: 0 0 50%;

		flex: 0 0 50%;

		max-width: 50%;

	}

	.cf-push-6 { margin-left: 50%; }

	.cf-col-7 {

		-ms-flex: 0 0 58.33333%;

		flex: 0 0 58.33333%;

		max-width: 58.33333%;

	}

	.cf-push-7 { margin-left: 58.33333%; }

	.cf-col-8 {

		-ms-flex: 0 0 66.66667%;

		flex: 0 0 66.66667%;

		max-width: 66.66667%;

	}

	.cf-push-8 { margin-left: 66.66667%; }

	.cf-col-9 {

		-ms-flex: 0 0 75%;

		flex: 0 0 75%;

		max-width: 75%;

	}

	.cf-push-9 { margin-left: 75%; }

	.cf-col-10 {

		-ms-flex: 0 0 83.33333%;

		flex: 0 0 83.33333%;

		max-width: 83.33333%;

	}

	.cf-push-10 { margin-left: 83.33333%; }

	.cf-col-11 {

		-ms-flex: 0 0 91.66667%;

		flex: 0 0 91.66667%;

		max-width: 91.66667%;

	}

	.cf-push-11 { margin-left: 91.66667%; }

	.cf-col-12 {

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		max-width: 100%;

	}

}