/* Theme Name: Nursery Theme URI: http://dzined.co.uk Author: Dzined Author URI: http://dzined.co.uk Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: dzined 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. */ html{/*background: #E9F3F7;*/} body{background-color: /*#F7F2DF*/ #E9F3F7 !important;background:url(images/bg.jpg) repeat-x fixed bottom center;} body,h1,h2,h3,h4,h5,h6,p{font-family: "proxima-nova",sans-serif !important; color: #555 } .noonav>.noo-megamenu.noocollapse{clear:both; !important} h1,h2,h3,h4,h5,h6{color: #000 !important;font-family: "proxima-nova",sans-serif !important;font-weight: bold !important;} h1{margin-top: 0 !important;font-weight: bold !important} h2{font-weight: bold !important;margin-top: 0 !important;} h3{font-size: 18px !important;} p{line-height: 1.4em;font-size: 1.1em}; a{color: #009642 ;} .alignleft{float: left;margin-right: 20px} .alignright{float: right;} .btn.woody{background: #8B4A24;background: #7b4a24; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiNGEyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTQyMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7b4a24 0%, #5e421c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b4a24), color-stop(100%,#5e421c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7b4a24 0%,#5e421c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7b4a24 0%,#5e421c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b4a24 0%,#5e421c 100%); /* IE10+ */ background: linear-gradient(to bottom, #7b4a24 0%,#5e421c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b4a24', endColorstr='#5e421c',GradientType=0 ); /* IE6-8 */ width:100%} .navbar-location{background:#E38D25 !important;border-radius: 0;} .navbar-brand{color:#FFF !important;text-shadow: 0 !important;} .navbar-toggle{background:none;border:none !important;} .navbar-toggle .icon-bar{background:#FFF !important;} .navbar-nav li:hover{background:#b8721c;} .navbar-nav li a{color:#FFF !important;text-shadow: 0 !important;}} .container .contact a{color: #c04040 !important} .container{margin: 20px 0 } .site{padding-top: 20px;padding-bottom: 30px} .callback{text-align:center;margin-bottom: 10px} .callback h3{color: #CCC;} .hide{display: none} .social_icon img{width:35px;height: 35px;} .contact{font-size: 1.3em} .contact p{margin: 5px 0 0 0;padding: 0 0 0 0;font-weight: bold} .pullright{float: right !important;} .pullright a{color: #000 !important;text-decoration: none !important;cursor: default !important;font-weight: normal !important} header{clear: both;} #pages{padding-bottom: 20px} .nav-menu li {float: right; margin-left: 20px; list-style: none;font-size: 14pt} .nav-menu li a{color:#CCC !important;text-transform: uppercase;letter-spacing: 1px} #field_2_2 img{position: absolute} #breadcrumbs{width:100%;clear:both;padding-left: 20px;padding-top: 20px;margin-bottom: 0;} .clear{width:100%;height:1px;clear: both} #rootmenu {margin:0;padding:0;width:100%} #rootmenu li{float:left;list-style:none;background:#E28B20;padding:10px 10px;text-align:center;margin-right:10px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; } #rootmenu li:hover{background:#a42c2c} #rootmenu li.right{float:right} #rootmenu li a{color:#FFF;font-family:"Open sans";font-size:15px;font-weight:bold;text-decoration:none} #rootmenu li.selected{background:#c04040;} #primary-navigation{width:100%} .entry-content ul{margin: 10px 0 10px 0 ;padding:0} .entry-content ol{margin: 10px 0 10px 20px ;padding:0} .entry-content ul li{background: url(images/paw.png) no-repeat;padding-left: 25px;list-style: none;margin: 0 0 10px 0} .entry-content ol li{margin: 0 0 10px 0} .entry-content .gform_wrapper li{background: none;padding-left: 0;} .entry-content h3{margin-top: 0} .entry-content img{ -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} /*GALLERY*/ #gallery{margin: 0;padding: 0} #gallery li{float:left;margin-right: 4px;margin-bottom: 4px;list-style: none;width:150px;height: 150px;margin: 0 4px 4px 0;background: none;padding: 0; } #gallery li a{padding: 0;margin: 0;width:150px;height: 150px} #gallery li a img{-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} /*SIDEBAR--------------------------------*/ .primary-sidebar .noonav ul{margin: 0 0 0 0 !important;padding: 0 0 0 0} .primary-sidebar .noonav ul li{margin: 0 0 10px 0 !important;padding: 0 0 0 0} .primary-sidebar .noonav ul li{background: #FFFFFF;color: #BB3E3E;width:100%;} .primary-sidebar .noonav ul li a{font-weight: bold;color: #BB3E3E !important;padding: 5px} .primary-sidebar .noonav ul li:hover{background: #BB3E3E} .primary-sidebar .noonav ul li:hover a{color: #FFF !important;} .primary-sidebar{margin-top: 20px;margin-bottom: 20px} /*FOOTER---------------------------------*/ .footer-menu li {float: right; margin-left: 20px; list-style: none;font-size: 10pt} .footer-menu li a{color:#CCC !important;text-transform: uppercase;letter-spacing: 1px} footer{margin-top:0px;padding-top: 0px;margin-bottom: 60px;margin-top: 0px;background-color:#bD3842;color:#FFF} footer a{color: #FFF;} .site-footer{width:100%;clear: both;} .wpb_wrapper h1{font-size: 1.6em} #colophon{padding-top: 10px;padding-bottom:10px} #colophon a{color: #FFF !important} /*TABLES-----------------------------------*/ .eyfs1 tr td{border: 2px solid #A83120;padding: 10px} .eyfs1 thead tr th{background:#A83120;color: #FFF;font-weight: bold;padding: 10px; border: 2px solid #A83120;padding: 10px} .eyfs1 tbody tr th{background:#EAC5B5;color: #000;font-weight: bold;padding: 10px;border: 2px solid #A83120;padding: 10px } .eyfs2 tr td{border: 2px solid #A83120;padding: 10px} .eyfs2 tbody tr th{background:#A83120;color: #FFF;font-weight: bold;padding: 10px; border: 2px solid #A83120;padding: 10px} .border tr td{border: 1px solid #000;padding: 10px} /*ACCORDION-------------------------------*/ .wpb_accordion .wpb_accordion_wrapper h3.wpb_accordion_header {background: url(images/wood.jpg) repeat-x;height: 43px;} .wpb_accordion .wpb_accordion_wrapper h3.wpb_accordion_header a{color: #FFF;font-size: 1.1em;font-weight: normal} .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {background-image: url(images/open.png) !important;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {background-image: url(images/close.png) !important;} /*SPECIFIC PAGE STYLINGS------------------*/ .white article{padding: 20px} .white{background: #FFFFFF;} .faqback{background: url('images/faqback.jpg') repeat-x} .faqback .tree{width:100%;height: 100px;background: url('images/tree.png') no-repeat;float: left;margin-top: 20px} .faqback .spidertoad{width:100%;height: 100px;background: url('images/spidertoad.png') no-repeat;} #nuts{width:100%;height: 90px;position: fixed;bottom: 0;right: 0;background:url(images/nuts.png) repeat-x bottom right;z-index:1} .grass{background: #FFF} .grass #flowers{width:100%;height: 79px;background: url('images/grassbottom.png') repeat-x;} .grass{background: #FFF} .flower #flower{width:100%;height: 79px;background: url('images/flower.jpg') repeat-x;} .medical{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background: #017537;color: #FFF;padding: 20px;} .policies{border:8px solid #6F3A00;-webkit-border-radius: 15px;-moz-border-radius: 15px;background: #EEEFDE;padding: 20px;border-radius: 15px;} .policies li{font-size: 1.2em;font-weight: bold;color: #6F3A00;} .medical p,.medical h3{color: #FFF !important;} .orange-box h3,.green-box h3,.yellow-box h3{color: #FFF !important;font-size: 1.5em;} .yellow-box{background: #efc043;border-top: #f29f34 4px solid;padding-bottom: 20px;min-height:200px} .green-box{background: #d5c651;border-top: #c2b130 4px solid;padding-bottom: 20px;min-height:200px} .orange-box {background: #eb7400;border-top: #e25a00 4px solid;padding-bottom: 20px;min-height:200px} #secondary ul{margin: 0 0 0 20px;padding: 0;} .blue{background:#cce0e1 !important;} .blue #secondary{background: #FFF} .white #secondary{background: /*#e48D09*/#F7F2DF;color: #333;} .white #secondary li,.white #secondary p{color: 333;} .white #secondary a{color: #CC2530;} .white #secondary h2{font-weight: bold;color: #A10E09 !important;} .navbar-form{padding: 0 !important} aside h2{font-size: 1.3em} /*INSECTS--------------------------------------------*/ #ladybug {width: 58px;height: 37px;background: url(images/ladybug.png) no-repeat;background-size: cover;position: absolute;top: -42px;left: 30px;} #butterfly {width: 63px;height: 57px;background: url(images/butterfly.png) no-repeat;background-size: cover;position: absolute;top: -40px;left: -30px;} #dragonfly {width: 150px;height: 106px;background: url(images/dragonfly.png) no-repeat;background-size: cover;position: absolute;top: -40px;left: -30px;} /*ANIMATIONS----------------------------------------*/ #spider { width: 50px; height: 274px; background: url(images/spider.png) no-repeat; background-size: cover; position: fixed; /* Chrome, Safari, Opera */ -webkit-animation-name: spider; -webkit-animation-duration: 100s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Standard syntax */ animation-name: spider; animation-duration: 100s; animation-timing-function: linear; animation-delay: 2s; animation-iteration-count: 1; animation-direction: alternate; animation-play-state: running; left:100%;z-index: 100000;bottom:0%; } /* Chrome, Safari, Opera */ @-webkit-keyframes spider { 0% {left:5%;top:-20%;z-index: 100000;} 25% {left:5%;top:2%;z-index: 100000;} 50% {left:5%;top:2%;z-index: 100000;} 100% {left:5%;top:-20%;z-index: 100000;} } /* Standard syntax */ @keyframes spider { 0% {left:5%;top:-20%;z-index: 100000;} 25% {left:5%;top:2%;z-index: 100000;} 50% {left:5%;top:2%;z-index: 100000;} 100% {left:5%;top:-20%;z-index: 100000;} } #ladybug2 { width: 58px; height: 37px; background: url(images/ladybug.png) no-repeat; background-size: cover; position: fixed; /* Chrome, Safari, Opera */ -webkit-animation-name: myfirst; -webkit-animation-duration: 200s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Standard syntax */ animation-name: myfirst; animation-duration: 200s; animation-timing-function: linear; animation-delay: 2s; animation-iteration-count: 1; animation-direction: alternate; animation-play-state: running; left:100%;z-index: 100000;bottom:0%; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { 0% {left:100%;z-index: 100000;bottom:0%} 10% {left:90%;z-index: 100000;bottom:0%} 15% {left:88%;z-index: 100000;bottom:0%} 17% {left:87%;z-index: 100000;bottom:0%} 40% {left:65%;z-index: 100000;bottom:0%} 100% {left:0%;z-index: 100000;bottom:0%} } /* Standard syntax */ @keyframes myfirst { 0% {left:100%;z-index: 100000;bottom:0%} 10% {left:98%;z-index: 100000;bottom:0%} 15% {left:88%;z-index: 100000;bottom:0%} 40% {left:65%;z-index: 100000;bottom:0%} 100% {left:0%;z-index: 100000;bottom:0%} } .section{ max-width: 940px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: center; justify-content: center; /* You can set flex-wrap and flex-direction individually */ -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* Or do it all in one line with flex flow */ -webkit-flex-flow: row wrap; flex-flow: row wrap; /* tweak the where items line up on the row */ /* valid values are: flex-start, flex-end, space-between, space-around, stretch */ -webkit-align-content: flex-end; align-content: flex-end; } .section .col-xs-1, .section .col-sm-1, .section .col-md-1, .section .col-lg-1, .section .col-xs-2, .section .col-sm-2, .section .col-md-2, .section .col-lg-2, .section .col-xs-3, .section .col-sm-3, .section .col-md-3, .section .col-lg-3, .section .col-xs-4, .section .col-sm-4, .section .col-md-4, .section .col-lg-4, .section .col-xs-5, .section .col-sm-5, .section .col-md-5, .section .col-lg-5, .section .col-xs-6, .section .col-sm-6, .section .col-md-6, .section .col-lg-6, .section .col-xs-7, .section .col-sm-7, .section .col-md-7, .section .col-lg-7, .section .col-xs-8, .section .col-sm-8, .section .col-md-8, .section .col-lg-8, .section .col-xs-9, .section .col-sm-9, .section .col-md-9, .section .col-lg-9, .section .col-xs-10, .section .col-sm-10, .section .col-md-10, .section .col-lg-10, .section .col-xs-11, .section .col-sm-11, .section .col-md-11, .section .col-lg-11, .section .col-xs-12, .section .col-sm-12, .section .col-md-12, .section .col-lg-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } .yellow-box a{color:#FFF} /* inline fields ready class ------------------------------------------------------*/ .gform_wrapper ul { padding-left: 0; list-style: none; } .gform_wrapper li { margin-bottom: 15px; } .gform_wrapper form { margin-bottom: 0; } .gform_wrapper .gfield_required { padding-left: 1px; color: #b94a48; } .ginput_container input, .ginput_container select, .ginput_container textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .ginput_container input:-moz-placeholder, .ginput_container select:-moz-placeholder, .ginput_container textarea:-moz-placeholder { color: #999; } .ginput_container input::-moz-placeholder, .ginput_container select::-moz-placeholder, .ginput_container textarea::-moz-placeholder { color: #999; } .ginput_container input:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder { color: #999; } .ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder { color: #999; } .ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); } .ginput_container input[disabled], .ginput_container select[disabled], .ginput_container textarea[disabled], .ginput_container input[readonly], .ginput_container select[readonly], .ginput_container textarea[readonly], fieldset[disabled] .ginput_container input, fieldset[disabled] .ginput_container select, fieldset[disabled] .ginput_container textarea { cursor: not-allowed; background-color: #eee; } textarea.ginput_container input, textarea.ginput_container select, textarea.ginput_container textarea { height: auto; } .ginput_container textarea { height: auto; } .gform_button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; color: #fff; background-color: #428bca; border-color: #357ebd; } .gform_button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .gform_button:hover, .gform_button:focus { color: #333; text-decoration: none; } .gform_button:active, .gform_button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .gform_button:hover, .gform_button:focus, .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { color: #fff; background-color: #3276b1; border-color: #285e8e; } .gform_button:active, .gform_button.active, .open .dropdown-toggle.gform_button { background-image: none; } .gform_button.disabled, .gform_button[disabled], fieldset[disabled] .gform_button, .gform_button.disabled:hover, .gform_button[disabled]:hover, fieldset[disabled] .gform_button:hover, .gform_button.disabled:focus, .gform_button[disabled]:focus, fieldset[disabled] .gform_button:focus, .gform_button.disabled:active, .gform_button[disabled]:active, fieldset[disabled] .gform_button:active, .gform_button.disabled.active, .gform_button[disabled].active, fieldset[disabled] .gform_button.active { background-color: #428bca; border-color: #357ebd; } .gform_wrapper .gfield_error .gfield_label { color: #b94a48; } .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { border-color: #eed3d7; background-color: #f2dede; color: #b94a48; } .gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus { border-color: #b94a48; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(185, 74, 72, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(185, 74, 72, 0.6); } .validation_error { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .validation_error h4 { margin-top: 0; color: inherit; } .validation_error .alert-link { font-weight: bold; } .validation_error>p, .validation_error>ul { margin-bottom: 0; } .validation_error>p+p { margin-top: 5px; } .validation_error hr { border-top-color: #e6c1c7; } .validation_error .alert-link { color: #953b39; } #gforms_confirmation_message { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } #gforms_confirmation_message h4 { margin-top: 0; color: inherit; } #gforms_confirmation_message .alert-link { font-weight: bold; } #gforms_confirmation_message>p, #gforms_confirmation_message>ul { margin-bottom: 0; } #gforms_confirmation_message>p+p { margin-top: 5px; } .gallery-row { padding: 15px 0; } .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left;margin-right: 20px;margin-bottom: 20px } .alignright { float: right;margin-left: 20px;margin-bottom: 20px } figure.alignnone { margin-left: 0; margin-right: 0; } .gform_wrapper .top_label li.gfield.gf_inline { vertical-align: top; width: auto !important; margin-right: 14px; float: none !important; display: -moz-inline-stack; display: inline-block; zoom: 1; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].large, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].large { width: 25.4em !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium { width: 18.7em !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium { width: 6em !important; } .gform_wrapper .top_label li.gfield.gf_inline input[type=text].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=url].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=email].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=number].small, .gform_wrapper .top_label li.gfield.gf_inline input[type=password].small { width: 5em !important; } .gform_wrapper .top_label li.gfield.gf_inline select { width: auto !important; } .gform_wrapper .top_label li.gfield.gf_inline textarea { width: 95% !important; } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text], .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] { width: 70% !important; } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day, .gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year { width: 50px; } .gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm { width: auto; } .gform_wrapper li.gf_inline div.ginput_container { white-space: nowrap !important; } /* 2 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_half { margin: 0 0 8px 0; width: 49%; } .gform_wrapper .top_label li.gfield.gf_right_half { margin: 0 0 8px 0; width: 49%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 46%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { margin-right: 1%; } .gform_wrapper .top_label li.gfield.gf_left_half { float: left; clear: left !important; } .gform_wrapper .top_label li.gfield.gf_right_half { float: right; clear: right !important; } .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large { width: 97%; } .gform_wrapper .top_label li.gfield.gf_left_half textarea, .gform_wrapper .top_label li.gfield.gf_right_half textarea { width: 98%; } .gform_wrapper .top_label li.gfield.gf_left_half input.small, .gform_wrapper .top_label li.gfield.gf_right_half input.small { width: 35%; } .gform_wrapper .top_label li.gfield.gf_left_half+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_half+li.gsection { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half, .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half, .gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 0 0 8px 0; } .gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gf_left_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_half+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer { clear: both } /* 3 column ready class ------------------------------------------------------*/ .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { margin: 0 0 8px 0; width: 32%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { width: 29%; } .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third { margin-right: 1%; } .gform_wrapper .top_label li.gfield.gf_left_third { float: left; clear: left !important; } .gform_wrapper .top_label li.gfield.gf_middle_third { float: left; margin-left: 2% !important; clear: none !important; } .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third { margin-left: 3%; } .gform_wrapper .top_label li.gfield.gf_right_third { float: right; clear: right !important; } .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large { width: 95%; } .gform_wrapper .top_label li.gfield.gf_left_third+li.gsection, .gform_wrapper .top_label li.gfield.gf_right_third+li.gsection { padding: 16px 0 8px 0; } .gform_wrapper .top_label li.gfield.gf_left_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third+li.gfield, .gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer { clear: both; } /* radio/checkbox sub-column ready classes ------------------------------------------------------*/ .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_2col ul.gfield_radio li { width: 50%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_3col ul.gfield_radio li { width: 33%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li { width: 25%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li { width: 20%; float: left; margin: 0 0 8px 0; min-height: 1.8em; } .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_3col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio, .gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio, .gform_wrapper li.gfield.gf_2col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_2col ul.gfield_radio, .gform_wrapper li.gfield.gf_3col ul.gfield_checkbox, .gform_wrapper li.gfield.gf_3col ul.gfield_radio { overflow: hidden; } .gform_wrapper li.gfield.gf_list_2col label.gfield_label, .gform_wrapper li.gfield.gf_list_3col label.gfield_label, .gform_wrapper li.gfield.gf_list_4col label.gfield_label, .gform_wrapper li.gfield.gf_list_5col label.gfield_label, .gform_wrapper li.gfield.gf_list_inline label.gfield_label { margin: 10px 0 10px 0; } /* optional height settings for the radio/checkbox columns */ .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li { height: 25px; } .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li { height: 50px; } .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li { height: 75px; } .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li { height: 100px; } .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li { height: 125px; } .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li { height: 150px; } .gfield_checkbox li label{width:80%;display: inline;padding: 0px 0 0 5px;margin-top: 2px} .gfield_checkbox li input[type="checkbox"]{width:auto;height: auto;display: inline;margin-top: 0;} #ui-datepicker-div{background:#FFF;border:1px solid #EFEFEF;padding: 10px;border-radius: 5px} .ui-datepicker-trigger{position: absolute }