/*
	Theme Name: Roti Theme
*/

#header .nav ul.nav-links > li.home {
	margin-right:60px !important;
	width:92px;
	height:75px !important;
}

ul.nav-links > li.home {
	padding-bottom:5px !important;
}

#home-fullscreen-header .top img.logo {
    display: none !important;
    }

.btn-order {
	display: block;
height: 53px;
width: 263px;
background: #88b31a;
line-height: 53px;
text-align: center;
color:#fff;
margin:auto;
margin-top:-35px;
margin-bottom:35px;
    font: 600 15px/55px 'Lasiver';
    text-transform: uppercase;
    letter-spacing: 0.19em;
}

.gform_wrapper select {
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color:#88b31a !important;
}

.gform_confirmation_message {
	 font: 600 15px/20px "Lasiver";
	 font-weight:lighter;
}

.gform_description {
	text-align:center;
	  font: 100 13px/40px "Lasiver";
}

.radio-roti input[type=radio], .radio-roti input[type=checkbox] {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #e5e5e5 !important;
  border-radius: 50% !important;
  height: 16px !important;
  left: 0 !important;
  margin-right: 5px !important;
  outline: medium none !important;
  top: 5px !important;
  width: 16px !important;
  cursor:pointer;
}

.radio-roti input[type=radio]:checked, .radio-roti input[type=checkbox]:checked {
  background: #88b31a none repeat scroll 0 0;
  padding:2px !important;
}

.gfield_radio *, .gform_wrapper select * {
	color:#88b31a !important;
}

.gform_wrapper ul.gfield_radio li input[type=radio] {
     width: 16px !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
  background: #88b31a none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font: 600 13px/40px "Lasiver";
  height: 40px;
  letter-spacing: 0.19em;
  margin-left: 10px;
  margin-top: 80px;
  text-transform: uppercase;
  width: 148px;
  font-weight:lighter;
  padding:0px 15px;
  }

.gform_wrapper textarea {
  border: 1px solid #e8e8e8;
  color: #88b31a;
  font: 600 15px/20px "Lasiver";
  height: 180px;
  letter-spacing: 0.15em;
  margin-bottom: 45px;
  outline: medium none;
  padding: 20px;
  resize: none;
  width: calc(100% - 40px);
}


 
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {
  background: #fff url("/National_Library/oe_/https://roti.com/wp-content/themes/roti/images/icons/arrow-down-green-10.png") no-repeat scroll right 16px center !important;
  border: 1px solid #e5e5e5;
  color: #88b31a;
  cursor: pointer;
  font: 600 13px/46px "Lasiver";
  height: 46px;
  letter-spacing: 0.15em;
  outline: medium none;
  padding: 0 20px;
  position: relative;
  text-transform: uppercase;
  width: calc(100% - 42px);
}


.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 100% !important;
}

.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url]  {
  border: 1px solid #e8e8e8;
  color: #88b31a;
  display: block;
  font: 600 13px/45px "Lasiver";
  height: 45px;
  letter-spacing: 0.15em;
  margin-bottom: 45px;
  padding: 0 20px;
  width: calc(100% - 42px);
}

.gform_wrapper .top_label .gfield_label {
 color: #333;
  display: block;
  font: 600 13px/13px "Lasiver";
  letter-spacing: 0.15em;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight:600 !important;
}

.gfield_required {
  color: #000 important;
  margin-left: 0.25em;
}

#gform_1 {
		width: 510px;
		margin: 0 auto 130px;
		h1{
			text-align: center;
		}
	#gform_1	.error{
			outline: 1px solid red !important;
		}
	#gform_1	label{
			display: block;
			font: 600 13px/13px $las;
			color: $dgrey;
			text-transform: uppercase;
			letter-spacing: 0.15em;
			margin-bottom: 10px;
			.mobile &{
				font-size: 17px;
				line-height: 17px;
			}
			 #gform_1 .radio-label{
				position: relative;
				color: $green;
				font-weight: 400;
				cursor: pointer;
				padding-left: 32px;
			}
		
	#gform_1 input{
			outline: none;
		}
	#gform_1 input[type="text"]{
			display: block;
			width: calc(100% - 42px);
			padding: 0 20px;
			border: 1px solid #e8e8e8;
			margin-bottom: 45px;
			height: 45px;
			font: 600 13px/45px $las;
			color: $green;
			letter-spacing: 0.15em;
			 }
			#gform_1 [name="date"]{
				cursor: pointer;
				width: 200px;
			}
	#gform_1 .mobile {
				font-size: 17px;
			}

		#gform_1 .radio-group{
			padding-top: 15px;
			margin-bottom: 50px;
		}
		#gform_1 input[type="radio"], input[type="checkbox"]{
			position: absolute;
			left: 0;
			top: -3px;
			width: 16px;
			height: 16px;
			border: 2px solid #e5e5e5;
			border-radius: 50%;
			background: #fff;
			margin-right: 15px;
			outline: none;
}
			#gform_1:checked:before{
				content: "";
				width: 7px;
				height: 7px;
				border-radius: 50%;
				background: $green;
				@extend .center-inside;
			}
			#gform_1 .mobile {
				top: 1px;
			}

		#gform_1 .customselect{
			position: relative;
			height: 48px;
			width: 100%;
			margin-bottom: 45px;}
			
		#gform_1 .csbox{
				position: relative;
				height: 46px;
				width: calc(100% - 42px);
				padding: 0 20px;
				border: 1px solid #e5e5e5;
				font: 600 13px/46px $las;
				color: $green;
				text-transform: uppercase;
				letter-spacing: 0.15em;
				outline: none;
				cursor: pointer;
				background: #fff url('/National_Library/oe_/https://roti.com/wp-content/images/icons/arrow-down-green-10.png') no-repeat right 16px center;
		#gform_1 .focused{
					background-image: url('/National_Library/oe_/https://roti.com/wp-content/images/icons/arrow-up-green-10.png');
				}
				#gform_1 .mobile {
					font-size: 17px;
				}

			#gform_1 ul.cslist{
				display: none;
				position: absolute;
				top: 48px;
				width: calc(100% - 32px);
				list-style: none;
				background: #fff;
				border: 1px solid #e5e5e5;
				border-top: none;
				z-index: 10;
				padding: 15px;
				max-height: 200px;
				overflow-y: scroll;
				li{
					font: 600 13px/30px $las;
					color: $dgrey;;
					text-transform: uppercase;
					letter-spacing: 0.15em;
					cursor: pointer;
					&.selected, &:hover{
						color: $green;
					}
					&:first-child{
						display: none;
					}
					.mobile &{
						font-size: 17px;
					}
				}
			}
		}
		.time-container{
			> input[type="text"] {
				display: inline-block;
				width: 30px;
				padding: 0 20px;
				@include build_placeholder($dgrey);
				margin-right: 15px;
				text-align: center;
				.mobile &{
					width: 50px;
				}
			}
			span{
				margin-right: 15px;
			}
			.customselect{
				margin-left: 15px;
				width: 100px;
				display: inline-block;
				.mobile &{
					width: 125px;
				}
				ul.cslist{
					li{
						&:first-child{
							display: block;
						}
					}
				}
			}
		}
		#gform_1 textarea{
			width: calc(100% - 40px);
			height: 180px;
			padding: 20px;
			resize: none;
			outline: none;
			font: 600 15px/20px $las;
			color: $green;
			letter-spacing: 0.15em;
			border: 1px solid #e8e8e8;
			margin-bottom: 45px;
			.mobile &{
				font-size: 17px;
			}
		}
		#gform_1 input[type="submit"]{
			width: 148px;
			height: 40px;
			border: none;
			font: 600 13px/40px $las;
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 0.19em;
			background: $green;
			cursor: pointer;
			margin-top: 80px;
			margin-left: 10px;
			&:hover{
				background: $dgreen;
			}
		}
	}