body { background: #f8f8f8; } /** header menu ***/ /*#header .inner-wrap .main-navbar { margin-top: 0px; } #header .inner-wrap .navbar-nav > li { padding: 0px 0 0px 7px; } #header .inner-wrap .navbar-nav { margin: 30px 0; } #header .inner-wrap .navbar-nav a { font-size: 15px; } #header .inner-wrap .navbar-brand { width: 170px; } #header .inner-wrap a { margin-top: 0px !important; } */ /** form ***/ .inner-wrap.build-food-truck-form { width: 100%; margin: 0 auto; padding: 0; } .inner-wrap.build-food-truck-form .content-wrap { padding:20px 30px; display: inline-block; width: 100%; } .inner-wrap.build-food-truck-form .content-wrap .page-title{ border-bottom: 1px solid #ebf0f2;} .inner-wrap.build-food-truck-form .content-wrap .site-main .post-wrap { float: left; width: 100%; } .build-food-truck-form .gform_wrapper .gform_body { width: 100%; } .build-food-truck-form .gform_wrapper ul.gform_fields { margin: 0!important; list-style-type: none; display: block; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } .build-food-truck-form .gform_wrapper form li, .gform_wrapper li { margin-left: 0!important; list-style: none!important; overflow: visible; } .build-food-truck-form .main-content ul li { list-style: disc; list-style-position: outside; } .build-food-truck-form .gform_wrapper .top_label .gfield_label { font-weight: bold !important; text-transform: uppercase; color: #000; } .build-food-truck-form .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .build-food-truck-form .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 16px; margin-bottom: 0; } .build-food-truck-form .gform_wrapper .top_label li ul.gfield_checkbox, .build-food-truck-form .gform_wrapper .top_label li ul.gfield_radio { width: calc(100% + 16px); overflow: hidden; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-wrapper-outer { overflow: hidden; padding: 0 0 30px 0; border-bottom: 1px solid #ccc; } .build-food-truck-form .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .build-food-truck-form .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item { text-align: center; } .build-food-truck-form .gform_wrapper .owl-item { position: relative; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li { padding: 20px !important; margin: 0 6px 0 6px !important; background: #f5f5f5; text-align: center; position: relative; min-height: 290px; } .build-food-truck-form .gform_wrapper.gf_browser_ie .gfield_radio li { line-height: 20px!important; } .build-food-truck-form .gform_wrapper.gf_browser_ie .gfield_checkbox li input, .build-food-truck-form .gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox], .build-food-truck-form .gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio] { margin-top: 0; } .build-food-truck-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .build-food-truck-form .gform_wrapper ul.gfield_radio li input[type=radio] { width: auto !important; } .build-food-truck-form .gform_wrapper ul.gfield_checkbox li input[type="checkbox"], .build-food-truck-form .gform_wrapper ul.gfield_radio li input[type="radio"] { width: auto; } .build-food-truck-form .gform_wrapper .gfield_checkbox li input, .build-food-truck-form .gform_wrapper .gfield_checkbox li input[type=checkbox], .build-food-truck-form .gform_wrapper .gfield_radio li input[type=radio] { display: -moz-inline-stack; display: inline-block; vertical-align: middle; margin-left: 1px; } .build-food-truck-form .gform_wrapper ul.gfield_checkbox li label, .build-food-truck-form .gform_wrapper ul.gfield_radio li label { display: -moz-inline-stack; display: inline-block; letter-spacing: inherit; vertical-align: middle; cursor: pointer; } .build-food-truck-form .gform_wrapper .gfield_radio li label { margin: 2px 0 0 4px; } .build-food-truck-form .gform_wrapper .gfield_checkbox li label, .build-food-truck-form .gform_wrapper .gfield_radio li label { display: -moz-inline-stack; display: inline-block; padding: 0; width: auto; line-height: 1.5; font-size: .875em; vertical-align: middle; max-width: 85%; white-space: normal; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li label .item { position: absolute; top: 0px; width: 100%; left: 0px; right: 0px; height: 100%; z-index: 999; margin: 0px !important; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield li select { position: absolute; /* width: 45px; */ height: 22px; z-index: 999; bottom: 5px; /* right: 5px; */ padding: 0px 5px !important; text-align: center; margin: 0px auto; left: 40%; } /*.build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li label .item img { width: 100%; }*/ .build-food-truck-form form .gform_body ul li ul.owl-carousel .owl-wrapper .owl-item li img { width: auto; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li label span, .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li label div { position: absolute; bottom: 41px; width: 100%; left: 0px; padding: 0 15px 0 15px; font-weight: 300; color: #000 !important; text-transform: uppercase; font-size: 11px; line-height: 12px; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li label .item.clicked::after { background: url("/wp-content/plugins/build-your-food-truck-online/images/check.png") no-repeat scroll center center; color: #f00; content: ""; font-size: 30px; height: 209px; left: 0; position: absolute; top: 0; width: 100%; } .build-food-truck-form .gform_wrapper .top_label .gfield_label { font-family: "Open Sans"; margin-bottom: 6px; margin-top: 20px; color: #000; font-weight: bold; text-transform: uppercase; } .build-food-truck-form .owl-carousel .owl-item { backface-visibility: hidden; float: left; min-height: 1px; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-item li { background: #f5f5f5 none repeat scroll 0 0; margin: 0 6px; min-height: 290px; padding: 20px; position: relative; text-align: center; } .build-food-truck-form .gform_wrapper .top_label .gfield_label { font-weight: bold !important; text-transform: uppercase; color: #000; } .build-food-truck-form .gform_wrapper .gfield_required { color: #790000; margin-left: 4px; } .build-food-truck-form .gform_wrapper .top_label .field_sublabel_above label.gfield_label+.ginput_complex.ginput_container, .build-food-truck-form .gform_wrapper .top_label .field_sublabel_above label.gfield_label+div[class*=gfield_time_].ginput_container { margin-top: 0; } .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="text"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li textarea, .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="email"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="password"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="tel"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="url"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="search"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="date"] { background-color: rgba(0,0,0,0.1) !important; border: 1px solid #ccc !important; box-shadow: none !important; -webkit-box-shadow: none !important; font-size: 16px !important; -o-box-shadow: none !important; padding: 16px 16px 16px 20px !important; } .build-food-truck-form .gform_wrapper ul.gform_fields select { background-color: rgba(0,0,0,0.1); padding-left: 20px; font-weight: 400; line-height: 22px; color: #555; border: 1px solid #ccc; box-shadow: none; -webkit-box-shadow: none; font-size: 16px; -o-box-shadow: none; padding: 16px; } .inner-wrap.build-food-truck-form .site-main .gform_wrapper form .gform_footer input[type=button], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form .gform_footer input[type=reset], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form .gform_footer input[type=submit] { font-family: 'Source Sans Pro', sans-serif; font-size: 1em; font-weight: 400; background-color: #dd3333; border: none; color: #fff; padding: 15px 26px; border-radius: 0px; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } .inner-wrap.build-food-truck-form .site-main .gform_wrapper form .gform_footer input[type=button]:hover, .inner-wrap.build-food-truck-form .site-main .gform_wrapper form .gform_footer input[type=reset]:hover, .inner-wrap.build-food-truck-form .site-main .gform_wrapper form .gform_footer input[type=submit]:hover { opacity: 0.85; } /** pagination **/ .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-prev, .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-next { background: #d33; display: inline-block; color: #fff; padding: 3px 10px 3px 10px; text-align: center; text-transform: uppercase; font-size: 13px; font-weight: bold; cursor: pointer; z-index: 9998; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-prev { position: absolute; top: 39%; left: 0px; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield .owl-next { position: absolute; top: 39%; right: 0px; } .inner-wrap.build-food-truck-form .gform_wrapper.gform_validation_error form .validation_error { color: #f00; border: 1px solid #f00; padding:10px; } .inner-wrap.build-food-truck-form .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error{ border: none;} .inner-wrap.build-food-truck-form .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error .validation_message{ color:#f00; border:none; padding:0; font-size: 16px; font-weight: normal; } @media screen and (max-width: 1160px) { body .inner-wrap { width: 96%; } body .inner-wrap.build-food-truck-form { width: 96%; margin: 0 auto; padding: 0; } /* #header .inner-wrap .navbar-brand { width: 130px; } #header .inner-wrap .navbar-nav > li { padding: 0px 0 0px 4px; } #header .inner-wrap .navbar-nav a { font-size: 14px; } #header .inner-wrap .navbar-nav { margin: 20px 0; } */ .truck .truck_image img { height: 100%; } } @media screen and (max-width: 979px) { /* #header .inner-wrap .navbar-brand { width: auto; } */ body .inner-wrap .navbar-toggle .icon-bar { display: block; width: 30px; height: 4px; border-radius: 1px; background:#fff; } /* #header .inner-wrap .main-navbar .navbar-header a.navbar-toggle { margin-top: 30px !important; background:#b0040e; } */ } @media only screen and (max-width: 767px) { /*.inner-wrap { width: 100% !important; padding: 0 30px; } .inner-wrap .content-wrap { padding: 40px 30px; } */ .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="text"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li textarea, .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="email"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="password"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="tel"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="url"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="search"], .inner-wrap.build-food-truck-form .site-main .gform_wrapper form ul li input[type="date"] { padding: 8px 16px 8px 20px !important; } .build-food-truck-form .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } }