/* ========================================================================== Compass ========================================================================== */ /** * Ref: http://compass-style.org/reference/compass/ * * Import the Compass framework. The Compass reset (based on Eric Meyer's reset) * is not included in the core framework, so must be imported separately. */ html, body, div, span, applet, object, iframe, h1, #ft-payments-user-payments-form h2, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /* ========================================================================== Zen Grids ========================================================================== */ /** * Ref: http://zengrids.com * * Import the Zen Grids responsive grid system framework. Zen Grids requires * Sass and Compass. Check the website for help on the various helper includes * it provides. */ /* ========================================================================== Variables ========================================================================== */ /** * This Sass partial defines the main site variables. Colours that are used across * the site should be defined once here, and referenced by the variable within * the Sass files. This enables CSS colours to be changed once and that change * reflected across the site. Zen Grid settingas and default font settings are * also defined here. */ /* ========================================================================== Grids - Zen Grids ========================================================================== */ /* ========================================================================== Typography - Compass ========================================================================== */ /** * Ref: http://compass-style.org/reference/compass/typography/vertical_rhythm/ * Further ref on Compass' calculations: * http://atendesigngroup.com/blog/vertical-rhythm-compass * See also Sass and Compass in Action (Manning Publications) for description * of using Compass to set a vertical rhythm. eBook on Jerome. */ /* establish the base vertical rhythm variables */ /* establish the vertical rhythm baseline */ * html { font-size: 87.5%; } html { font-size: 14px; line-height: 1.5em; } /* set Old IE to flase as standard for IE only stylesheet creation. */ /* Import the Lato font family, light, normal and bold */ @font-face { font-family: 'latoregular'; src: url("/sites/all/themes/step/assets/sass/fonts/lato-regular-webfont.eot"); src: url("/sites/all/themes/step/assets/sass/fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/step/assets/sass/fonts/lato-regular-webfont.svg#latoregular") format("svg"), url("/sites/all/themes/step/assets/sass/fonts/lato-regular-webfont.woff2") format("woff2"), url("/sites/all/themes/step/assets/sass/fonts/lato-regular-webfont.woff") format("woff"), url("/sites/all/themes/step/assets/sass/fonts/lato-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url("/sites/all/themes/step/assets/sass/fonts/lato-bold-webfont.eot"); src: url("/sites/all/themes/step/assets/sass/fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/step/assets/sass/fonts/lato-bold-webfont.svg#latobold") format("svg"), url("/sites/all/themes/step/assets/sass/fonts/lato-bold-webfont.woff2") format("woff2"), url("/sites/all/themes/step/assets/sass/fonts/lato-bold-webfont.woff") format("woff"), url("/sites/all/themes/step/assets/sass/fonts/lato-bold-webfont.ttf") format("truetype"); } @font-face { font-family: 'latolight'; src: url("/sites/all/themes/step/assets/sass/fonts/lato-light-webfont.eot"); src: url("/sites/all/themes/step/assets/sass/fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/step/assets/sass/fonts/lato-light-webfont.svg#latolight") format("svg"), url("/sites/all/themes/step/assets/sass/fonts/lato-light-webfont.woff2") format("woff2"), url("/sites/all/themes/step/assets/sass/fonts/lato-light-webfont.woff") format("woff"), url("/sites/all/themes/step/assets/sass/fonts/lato-light-webfont.ttf") format("truetype"); } /* set the standard font faces */ /* ========================================================================== Colours ========================================================================== */ /** * Ref: http://compass-style.org/reference/compass/css3/images/ * * To enable SVG gradient support in Opera and IE9, set * $experimental-support-for-svg: true in your stylesheet. * * NOTE: At this time, Opera renders incorrectly an SVG background * on a element with a border, repeating the gradient towards the end. * You can set background-repeat: no-repeat to avoid this, but the * gradient will not fill the area completely. */ /* Brand colours */ /* About us */ /* Policy & Standards */ /* Members Centre */ /* Qualifications */ /* Knowledge */ /* Communities */ /* Join us */ /* m-top-header */ /* forms */ /* ========================================================================== Mixins ========================================================================== */ /** * Mixins are reusable nuggets of Sass code, similar to functions. They are * imported here but called from within the Sass partials or modules. */ /* ========================================================================== Btn mixin ========================================================================== */ .btn, .btn-full-width, .m-search-section-vertical .btn, form button, form input.form-submit, form input[type="submit"] { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #42446d), color-stop(100%, #42446d)); background-image: -webkit-linear-gradient(#42446d, #42446d); background-image: -moz-linear-gradient(#42446d, #42446d); background-image: -o-linear-gradient(#42446d, #42446d); background-image: linear-gradient(#42446d, #42446d); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ } .ie .btn, .ie .btn-full-width, .ie .m-search-section-vertical .btn, .m-search-section-vertical .ie .btn, .ie form button, form .ie button, .ie form input.form-submit, form .ie input.form-submit, .ie form input[type="submit"], form .ie input[type="submit"] { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF42446D', endColorstr='#FF42446D'); } .btn:hover, .btn-full-width:hover, .m-search-section-vertical .btn:hover, form button:hover, form input.form-submit:hover, form input[type="submit"]:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #42446d), color-stop(100%, #42446d)); background-image: -webkit-linear-gradient(#42446d, #42446d); background-image: -moz-linear-gradient(#42446d, #42446d); background-image: -o-linear-gradient(#42446d, #42446d); background-image: linear-gradient(#42446d, #42446d); /* legacy IE filter support */ text-decoration: none; } .ie .btn:hover, .ie .btn-full-width:hover, .ie form button:hover, form .ie button:hover, .ie form input.form-submit:hover, form .ie input.form-submit:hover, .ie form input[type="submit"]:hover, form .ie input[type="submit"]:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF42446D', endColorstr='#FF42446D'); } .btn-twitter { text-transform: none !important; width: 100%; } .btn-brown { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a97b2f), color-stop(100%, #815e24)); background-image: -webkit-linear-gradient(#a97b2f, #815e24); background-image: -moz-linear-gradient(#a97b2f, #815e24); background-image: -o-linear-gradient(#a97b2f, #815e24); background-image: linear-gradient(#a97b2f, #815e24); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ } .ie .btn-brown { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA97B2F', endColorstr='#FF815E24'); } .btn-brown:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #815e24), color-stop(100%, #a97b2f)); background-image: -webkit-linear-gradient(#815e24, #a97b2f); background-image: -moz-linear-gradient(#815e24, #a97b2f); background-image: -o-linear-gradient(#815e24, #a97b2f); background-image: linear-gradient(#815e24, #a97b2f); /* legacy IE filter support */ text-decoration: none; } .ie .btn-brown:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF815E24', endColorstr='#FFA97B2F'); } .btn-full-width, .m-search-section-vertical .btn, .m-search-section-vertical .btn-full-width, .m-search-section-vertical form button, form .m-search-section-vertical button, .m-search-section-vertical form input.form-submit, form .m-search-section-vertical input.form-submit, .m-search-section-vertical form input[type="submit"], form .m-search-section-vertical input[type="submit"] { width: 100%; } .btn-full-width span, .m-search-section-vertical .btn span, .m-search-section-vertical .btn-full-width span, .m-search-section-vertical form button span, form .m-search-section-vertical button span, .m-search-section-vertical form input.form-submit span, form .m-search-section-vertical input.form-submit span, .m-search-section-vertical form input[type="submit"] span, form .m-search-section-vertical input[type="submit"] span { float: right; } .btn-large { font-size: 1.14286em; line-height: 1.3125em; line-height: 1.2em; } .btn-link { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNGM3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwMzQ1OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a4c71), color-stop(100%, #103458)); background-image: -webkit-linear-gradient(#2a4c71, #103458); background-image: -moz-linear-gradient(#2a4c71, #103458); background-image: -o-linear-gradient(#2a4c71, #103458); background-image: linear-gradient(#2a4c71, #103458); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; } .ie .btn-link { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2A4C71', endColorstr='#FF103458'); } .btn-link:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwMzQ1OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhNGM3MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #103458), color-stop(100%, #2a4c71)); background-image: -webkit-linear-gradient(#103458, #2a4c71); background-image: -moz-linear-gradient(#103458, #2a4c71); background-image: -o-linear-gradient(#103458, #2a4c71); background-image: linear-gradient(#103458, #2a4c71); /* legacy IE filter support */ text-decoration: none; } .ie .btn-link:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF103458', endColorstr='#FF2A4C71'); } .btn-link > span { float: right; padding: 0 0 0 15px; } .btn-link > span:after { content: " >"; } .ie7 .btn-link > span { display: none; } .btn-link-full-width { display: block; } .btn-link-large { font-size: 1.28571em; line-height: 2.33333em; line-height: 1.2em; } .btn-link-blue { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009cf6), color-stop(100%, #007cc3)); background-image: -webkit-linear-gradient(#009cf6, #007cc3); background-image: -moz-linear-gradient(#009cf6, #007cc3); background-image: -o-linear-gradient(#009cf6, #007cc3); background-image: linear-gradient(#009cf6, #007cc3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; } .ie .btn-link-blue { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF009CF6', endColorstr='#FF007CC3'); } .btn-link-blue:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWNmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007cc3), color-stop(100%, #009cf6)); background-image: -webkit-linear-gradient(#007cc3, #009cf6); background-image: -moz-linear-gradient(#007cc3, #009cf6); background-image: -o-linear-gradient(#007cc3, #009cf6); background-image: linear-gradient(#007cc3, #009cf6); /* legacy IE filter support */ text-decoration: none; } .ie .btn-link-blue:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF007CC3', endColorstr='#FF009CF6'); } .btn-link-blue > span { float: right; padding: 0 0 0 15px; } .btn-link-blue > span:after { content: " >"; } .ie7 .btn-link-blue > span { display: none; } .btn-link-brown { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a97b2f), color-stop(100%, #815e24)); background-image: -webkit-linear-gradient(#a97b2f, #815e24); background-image: -moz-linear-gradient(#a97b2f, #815e24); background-image: -o-linear-gradient(#a97b2f, #815e24); background-image: linear-gradient(#a97b2f, #815e24); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; } .ie .btn-link-brown { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA97B2F', endColorstr='#FF815E24'); } .btn-link-brown:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #815e24), color-stop(100%, #a97b2f)); background-image: -webkit-linear-gradient(#815e24, #a97b2f); background-image: -moz-linear-gradient(#815e24, #a97b2f); background-image: -o-linear-gradient(#815e24, #a97b2f); background-image: linear-gradient(#815e24, #a97b2f); /* legacy IE filter support */ text-decoration: none; } .ie .btn-link-brown:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF815E24', endColorstr='#FFA97B2F'); } .btn-link-brown > span { float: right; padding: 0 0 0 15px; } .btn-link-brown > span:after { content: " >"; } .ie7 .btn-link-brown > span { display: none; } .btn-link-gold, .sigs > a { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzYTc1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3OTEzNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3a75e), color-stop(100%, #c79137)); background-image: -webkit-linear-gradient(#d3a75e, #c79137); background-image: -moz-linear-gradient(#d3a75e, #c79137); background-image: -o-linear-gradient(#d3a75e, #c79137); background-image: linear-gradient(#d3a75e, #c79137); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; } .ie .btn-link-gold, .ie .sigs > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD3A75E', endColorstr='#FFC79137'); } .btn-link-gold:hover, .sigs > a:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3OTEzNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzYTc1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c79137), color-stop(100%, #d3a75e)); background-image: -webkit-linear-gradient(#c79137, #d3a75e); background-image: -moz-linear-gradient(#c79137, #d3a75e); background-image: -o-linear-gradient(#c79137, #d3a75e); background-image: linear-gradient(#c79137, #d3a75e); /* legacy IE filter support */ text-decoration: none; } .ie .btn-link-gold:hover, .ie .sigs > a:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC79137', endColorstr='#FFD3A75E'); } .btn-link-gold > span, .sigs > a > span { float: right; padding: 0 0 0 15px; } .btn-link-gold > span:after, .sigs > a > span:after { content: " >"; } .ie7 .btn-link-gold > span, .ie7 .sigs > a > span { display: none; } /* ========================================================================== Content Header Mixin ========================================================================== */ /* ========================================================================== Arrow Link ========================================================================== */ /* ========================================================================== Old IE Use this mixin to generate a separate IE stylesheet with everything it needs to create a "desktop" look. Ref: http://jakearchibald.github.io/sass-ie/ ========================================================================== */ /* ========================================================================== Sponsor mixin ========================================================================== */ /* ========================================================================== Partials ========================================================================== */ /** * Partials are Sass files that do not generate an equivalent CSS file. Instead, * they are imported into this file (screen.scss) which generates the final complete * screen.css file. */ /* Define all core typographic styles */ /* ========================================================================== Typography ========================================================================== */ body { font-family: "latoregular", Arial, sans-serif; } h1, #ft-payments-user-payments-form h2, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family: "latobold", Arial, sans-serif; font-weight: bold; } /* h1 */ h1, #ft-payments-user-payments-form h2, .h1 { font-size: 1.71429em; line-height: 1.75em; line-height: 1.2em; margin-bottom: 0.75em; color: #313131; } /* h2 */ h2, .h2 { font-size: 1.5em; line-height: 2em; line-height: 1.2em; margin-bottom: 0.75em; color: #113961; } @media only screen and (min-width: 1px) { h2 > span, .h2 > span { display: block; color: #036fad; } } /* h3 */ h3, .h3 { font-size: 1.28571em; line-height: 2.33333em; line-height: 1.35em; margin-bottom: 0.75em; color: #313131; } h4, .h4 { font-size: 1.21429em; line-height: 1.23529em; margin-bottom: 0.3em; color: #313131; } h5, .h5 { font-size: inherit; font-weight: bold; margin-bottom: 0.3em; color: #313131; } p { margin-bottom: 1.5em; color: black; } a { text-decoration: none; color: #007cc3; } a:hover, a:focus { text-decoration: underline; } /* Empahsis & Strong */ em, i { font-style: italic; } strong, b { font-weight: bold; } .leader { margin-top: 1.5em; } .trailer { margin-bottom: 1.5em; } /* Small */ small { font-size: 0.78571em; line-height: 1.90909em; display: inline-block; } /* Citation */ cite { display: inline-block; font-style: italic; color: #007cc3; } /* Inline Quotes */ :lang(en-gb) > q { quotes: "\201C" "\201D" "\2018" "\2019"; } q::before { content: open-quote; } q::after { content: close-quote; } /* Figure */ figure { margin-bottom: 1.5em; } figure figcaption { display: block; font-style: italic; } /* Definitions and Abbreviations */ dfn, abbr { display: inline-block; border-bottom: 1px dotted #777777; cursor: help; } /* Pre-formatted Text */ pre { font-family: monospace; margin: 0.5em 0 0.5em 1.5em; /* 8px 0 8px 24px */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 2.1 & 3 */ word-wrap: break-word; /* IE */ } /* Code */ code { display: inline-block; color: #113961; font-family: Menlo, Monaco, "Courier New", Courier, monospace; } /* Keyboard */ kbd { color: #777777; background-color: #fcfcfc; margin: 0 0.25em; /* 0 4px */ border: 1px solid #e6e6e6; border-radius: 4px; padding: 0.1429em 0.4286em; /* 2px 6px */ } /* Subscript and Superscript */ sub { font-size: smaller; line-height: 90%; vertical-align: sub; } sup { font-size: smaller; line-height: 90%; vertical-align: super; } /* Define the main grid system */ /* ========================================================================== Grids ========================================================================== */ /** * CSS Box Sizing: https://developer.mozilla.org/en-US/docs/CSS/box-sizing * * Zen Grids uses CSS box sizing "border-box" by default. This changes the box model * so that the width and height of an element are inclusive of padding and border * (but not margin). * * Zen Grids: legacy IE support: http://zengrids.com/help/#vars-legacy * * To add IE6 and IE7 support, you’ll need to set $legacy-support-for-ie7 and * $legacy-support-for-ie6 to true and then either use a polyfill * (see $box-sizing-polyfill-path) or set $zen-box-sizing to "content-box". * * Note: if $zen-box-sizing is set to "content-box", then $zen-gutter-width * will need to use the same unit of measurement as the $zen-grid-width. * */ /* establish the mobile grid */ /* set the grid container element */ .container { *position: relative; *zoom: 1; } .container:before, .container:after { content: ""; display: table; } .container:after { clear: both; } /* set the default grid row class*/ .row { clear: left; } .ie7 .row { overflow: hidden; *zoom: 1; } /* Define the main grid system */ /* ========================================================================== Layout ========================================================================== */ /** * This Sass partial provides the major layout styles for the site. * * There are 3 layout templates: * * - layout-a is a fullwidth layout * - layout-b is a 2-column layout * - layout-c is a 3-column layout */ body { background-color: white; } @media only screen and (min-width: 1px) { .container { max-width: 100%; } } @media only screen and (min-width: 1224px) { .container { max-width: 1224px; margin: 0 auto; position: relative; } } @media only screen and (min-width: 1px) { .main > section { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 540px) { .main > section { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* Fullwidth Layout */ /** * Layout-a is a single column, fullwidth layout. c1 is the single column * which contains the main page content. There is no secondary navigation * with this layout. */ @media only screen and (min-width: 1px) { .c1, .c2, .c3 { padding-top: 1.5em; } } @media only screen and (min-width: 769px) { .c1, .c2, .c3 { padding-top: 3em; } } @media only screen and (min-width: 1px) { .c1 { padding-bottom: 1.5em; } } @media only screen and (min-width: 769px) { .c1 { padding-bottom: 1.5em; } } .layout-a { clear: left; overflow: hidden; } @media only screen and (min-width: 1px) { .layout-a { padding-top: 19px; } .layout-a .c1 { padding: 0 10px; } } @media only screen and (min-width: 769px) { .layout-a { padding-top: 40px; } .layout-a .c1 { padding-left: 0; padding-right: 0; } } /* Two Column Layout */ /** * Layout-b is a 2 column layout. c1 is the left column which contains * the secondary navigation and some other blocks. c2 is the right column * which contains the main page content. */ .layout-b { clear: left; overflow: hidden; /* Stacked columns for mobile and tablet portrait */ /* Change to floated columns for tablet landscape and desktop */ /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .layout-b .c1, .layout-b .c2 { overflow: hidden; *zoom: 1; } } @media only screen and (min-width: 769px) { .layout-b .c1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .layout-b .c2 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 769px) { .layout-b .c1 { float: right; width: 75%; margin-right: 0%; margin-left: -75%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; } .layout-b .c2 { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } } @media only screen and (min-width: 1026px) { .layout-b .c1 { float: right; width: 83.33333%; margin-right: 0%; margin-left: -83.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; } .layout-b .c2 { float: left; width: 16.66667%; margin-left: 0%; margin-right: -16.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* Three Column Layout */ /** * Layout-b is a 3 column layout. c1 is the left column which contains * the secondary navigation and some other blocks. c2 is the middle column * which contains the main page content. c3 is the right column which contains * related content and adverts. */ .layout-c { clear: left; } @media only screen and (min-width: 1px) { .layout-c .c1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; padding-left: 0; padding-right: 0; overflow: visible; } .layout-c .c2 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .layout-c .c3 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; padding-top: 1.5em; border-top: solid 10px #313131; display: block; } } @media only screen and (min-width: 540px) { .layout-c .c1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; padding-left: 0; padding-right: 0; } .layout-c .c2 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .layout-c .c3 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; padding-top: 1.5em; border-top: solid 10px #313131; display: block; } } @media only screen and (min-width: 769px) { .layout-c .c1 { float: left; width: 75%; margin-left: 25%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; } .layout-c .c2 { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .layout-c .c3 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; padding-top: 1.5em; border-top: solid 10px #313131; } } @media only screen and (min-width: 1224px) { .layout-c .c1 { float: left; width: 66.66667%; margin-left: 16.66667%; margin-right: -83.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; } .layout-c .c2 { float: left; width: 16.66667%; margin-left: 0%; margin-right: -16.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .layout-c .c3 { float: left; width: 16.66667%; margin-left: 83.33333%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; border: none; display: block; } } @media only screen and (min-width: 1px) and (max-width: 540px) { .col1of2 { clear: both; padding: 0 15px; } } @media only screen and (min-width: 540px) { .col1of2 { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 1px) and (max-width: 540px) { .col2of2 { clear: both; padding: 0 15px; } } @media only screen and (min-width: 540px) { .col2of2 { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } .col1of3 { float: left; width: 37.5%; margin-left: 0%; margin-right: -37.5%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .col2of3 { float: left; width: 37.5%; margin-left: 37.5%; margin-right: -75%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .col3of3 { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .col-full-width { clear: both; padding: 0 15px; } /* Hide for mobile */ .mobile-only { display: block; /* Show for tablet and above */ } @media only screen and (min-width: 540px) { .mobile-only { display: none; } } .tablet-l-up { display: none; /* Show for tablet and above */ } @media only screen and (min-width: 769px) { .tablet-l-up { display: block; } } .desktop-only { display: none; /* Show for tablet and above */ } @media only screen and (min-width: 1224px) { .desktop-only { display: block; } } /* Common non-typographic styles and layout styles. */ /* ========================================================================== Base ========================================================================== */ /** * This Sass partial contains the common or base styles for the site. These * include non-typographical common styles i.e. lists, forms, tables etc. * */ /* Media query class - Used by JavaScript to add class to the HTML tag ========================================================================== */ @media only screen and (min-width: 1px) { body:before { content: "mobile"; display: none; } } @media only screen and (min-width: 540px) { body:before { content: "tablet-p"; display: none; } } @media only screen and (min-width: 769px) { body:before { content: "tablet-l"; display: none; } } @media only screen and (min-width: 1224px) { body:before { content: "desktop"; display: none; } } /* Base styles ========================================================================== */ html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ } body { color: black; } /* Ordered, Unordered and Definition Lists */ ul, ol, dl { margin-bottom: 1.5em; color: inherit; } ul li > ol, ul li > ul, ol li > ol, ol li > ul { margin: 0 0 0 45px; } dl { margin-bottom: 1.5em; } dl dt { font-weight: bold; margin-right: 15px; display: block; float: left; clear: left; } dl dd:last-child:after { content: ""; } /* Tables */ table { margin-bottom: 1.5em; width: 100%; border-collapse: collapse; } th, td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.85714em; line-height: 1.75em; padding: 6px 15px 3px 3px; vertical-align: top; } th p:last-child, td p:last-child { margin-bottom: 0; } th, td.header-row, thead td { padding-top: 1.5em; border-bottom: 2px solid #007cc3; text-align: left; font-weight: bold; color: #113961; } th p, td.header-row p, thead td p { color: #113961; } td { border-bottom: 1px dotted #313131; color: #777777; } td:last-child { color: #777777; } td:first-child { text-align: left; } tfoot td { border: 0; } tfoot td:first-child { text-align: right; font-weight: bold; color: #313131; } /* Horizontal Rule */ hr { padding-top: 1.5em; margin-bottom: 1.5em; display: block !important; border: none !important; clear: both; border-bottom: 10px solid #313131 !important; } .ie7 hr { height: 10px; } .clearfix, dl { overflow: hidden; *zoom: 1; } .ir, .journal .m-section-header h1, .journal .m-section-header-homepage h1, .journal .m-section-header #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .journal .m-section-header h2, .journal .m-section-header-homepage #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .journal .m-section-header-homepage h2 { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before, .journal .m-section-header h1:before, .journal .m-section-header-homepage h1:before, .journal .m-section-header #ft-payments-user-payments-form h2:before, #ft-payments-user-payments-form .journal .m-section-header h2:before, .journal .m-section-header-homepage #ft-payments-user-payments-form h2:before, #ft-payments-user-payments-form .journal .m-section-header-homepage h2:before { content: ""; display: block; width: 0; height: 150%; } img { max-width: 100%; height: auto; } /** * The main page header which includes the grey auxiliary nav at the very top of * the page and the white banner section which displays the logo and primary nav. */ /* ========================================================================== Partial : Header ========================================================================== */ /* Site Info ========================================================================== */ /** * Site info is the grey bar at the top of every page containing the auxiliary * nav (About STEP and Contact STEP), the Member Login and Search STEP. */ .p-site-info { overflow: hidden; *zoom: 1; background-color: #313131; color: #e2e2e2; } @media only screen and (min-width: 1px) { .p-site-info { padding-top: 0.75em; padding-bottom: 0.75em; } } @media only screen and (min-width: 540px) { .p-site-info { padding-top: 0em; padding-bottom: 0em; } } .p-site-info .m-header-links { line-height: 40px; } @media only screen and (min-width: 1px) { .p-site-info .m-header-links { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; display: none; } } @media only screen and (min-width: 540px) { .p-site-info .m-header-links { float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; display: block; } } .p-site-info .m-header-links a { color: white; } .p-site-info .m-header-links a:hover, .p-site-info .m-header-links a:focus { color: white; } .p-site-info .m-header-links li:after { color: white; } .p-site-info .m-header-links li.last { color: #313131; } @media only screen and (min-width: 1px) { .p-site-info .m-header-search { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .p-site-info .m-header-search .m-member-login { display: none; } } @media only screen and (min-width: 540px) { .p-site-info .m-header-search { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 769px) { .p-site-info .m-header-search { float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .p-site-info .m-header-search .m-member-login { display: inline-block; line-height: 40px; margin: 0; } } @media only screen and (min-width: 769px) { .p-site-info .m-header-search .m-site-search { float: right; margin-bottom: 0em; } } .p-site-info .m-header-search input#search-terms { width: 70%; border: none; text-align: left; } @media only screen and (min-width: 540px) { .p-site-info .m-header-search input#search-terms { min-width: 240px; margin-left: 15px; height: 30px; line-height: 30px; margin-top: 5px; } } .p-site-info .m-header-search input#search-submit { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #646464), color-stop(100%, #4b4b4b)); background-image: -webkit-linear-gradient(#646464, #4b4b4b); background-image: -moz-linear-gradient(#646464, #4b4b4b); background-image: -o-linear-gradient(#646464, #4b4b4b); background-image: linear-gradient(#646464, #4b4b4b); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ display: inline; width: auto; } .ie .p-site-info .m-header-search input#search-submit { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF646464', endColorstr='#FF4B4B4B'); } .p-site-info .m-header-search input#search-submit:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b4b4b), color-stop(100%, #646464)); background-image: -webkit-linear-gradient(#4b4b4b, #646464); background-image: -moz-linear-gradient(#4b4b4b, #646464); background-image: -o-linear-gradient(#4b4b4b, #646464); background-image: linear-gradient(#4b4b4b, #646464); /* legacy IE filter support */ text-decoration: none; } .ie .p-site-info .m-header-search input#search-submit:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4B4B4B', endColorstr='#FF646464'); } @media only screen and (min-width: 540px) { .p-site-info .m-header-search input#search-submit { margin-top: 5px; } } .ie7 .p-site-info .m-header-search input#search-submit { margin-top: 0px; height: 42px; } .ie8 .p-site-info .m-header-search input#search-submit { margin-top: 0px; height: 32px; } /* Banner ========================================================================== */ /** * Banner contains the logo and primary navigation. It has a white background. * In mobile view the primary navigation changes from a horizontal list to a * drop-down select element. */ .p-banner { padding-top: 1.5em; padding-bottom: 1.5em; overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible; color: white; z-index: 1001; } .p-banner a { color: white; } @media only screen and (min-width: 1px) { .p-banner .logo { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 769px) { .p-banner .logo { float: left; width: 16.66667%; margin-left: 0%; margin-right: -16.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } .p-banner .m-member-login { line-height: 40px; } @media only screen and (min-width: 1px) { .p-banner .m-member-login { float: right; width: 50%; margin-right: 0%; margin-left: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; display: none; } .p-banner .m-member-login a { float: right; } } @media only screen and (min-width: 540px) { .p-banner .m-member-login { display: block; } } @media only screen and (min-width: 769px) { .p-banner .m-member-login { display: none; } } .m-advanced-search { float: right; margin-left: 0.75em; line-height: 40px; } @media only screen and (min-width: 1px) { .m-advanced-search { display: none; } } @media only screen and (min-width: 769px) { .m-advanced-search { display: inline-block; } } .m-advanced-search > a { color: white; margin-left: 5px; } /* Main page footer styles */ /* ========================================================================== Footer - main site footer ========================================================================== */ .p-footer { clear: left; overflow: hidden; position: relative; top: -1px; font-size: 12px; background-color: #232450; color: white; } .p-footer p { color: white; } .p-footer a { color: white; text-decoration: underline; } .p-footer a:hover, .p-footer a:active { text-decoration: none; } @media only screen and (min-width: 769px) { .p-footer { padding-top: 1.5em; } } .p-footer .footer-nav { /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .p-footer .footer-nav { overflow: hidden; } .p-footer .footer-nav .m-dropdown-nav:nth-child(1) { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 1026px) { .p-footer .footer-nav { display: none; } } .p-footer .footer-info { overflow: hidden; } .p-footer .col-1 { /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .p-footer .col-1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 1026px) { .p-footer .col-1 { display: block; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 540px) { .p-footer .col-2 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 769px) { .p-footer .col-2 { float: right; width: 50%; margin-right: 0%; margin-left: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; } } .p-footer .col-2 .footer-nav { /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .p-footer .col-2 .footer-nav { display: none; } } @media only screen and (min-width: 1026px) { .p-footer .col-2 .footer-nav { display: block; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1px) { .p-footer .col-2 .footer-addr { display: block; line-height: 1.5; clear: left; padding: 10px; } .p-footer .col-2 .footer-addr p { margin-bottom: 0; } } @media only screen and (min-width: 1224px) { .p-footer .col-2 .footer-addr { display: none; } } @media only screen and (min-width: 540px) { .p-footer .col-2 .m-vertical-links { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (min-width: 769px) { .p-footer .col-2 .m-vertical-links { padding-bottom: 0; } .p-footer .col-2 .m-vertical-links:nth-child(1) { float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .p-footer .col-2 .m-vertical-links:nth-child(2) { float: left; width: 33.33333%; margin-left: 33.33333%; margin-right: -66.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .p-footer .col-2 .m-vertical-links:nth-child(3) { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 1224px) { .p-footer .col-2 .m-vertical-links:nth-child(1), .p-footer .col-2 .m-vertical-links:nth-child(2), .p-footer .col-2 .m-vertical-links:nth-child(3), .p-footer .col-2 .m-vertical-links:nth-child(4) { float: left; display: inline-block; width: auto; margin: 0 3em 0 0; padding: 0; clear: none; } .p-footer .col-2 .m-vertical-links:last-child { margin-right: 0; } } .p-footer > .container > .footer-addr { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; } @media only screen and (min-width: 1px) { .p-footer > .container > .footer-addr { display: none; } } @media only screen and (min-width: 769px) { .p-footer > .container > .footer-addr { display: block; line-height: 1.5; } .p-footer > .container > .footer-addr p:nth-child(1) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .p-footer > .container > .footer-addr p:nth-child(2) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; text-align: right; } } /* Styles for the Style Guide and Patterns Guide pages */ /* Styleguide ========================================================================== */ .sg .container > * { clear: left; } h1.sg, #ft-payments-user-payments-form h2.sg, h2.sg, h3.sg, h4.sg, h5.sg, h6.sg { font-family: "Arial", "Times New Roman", serif; font-weight: normal; color: #007cc3; } h1.sg, #ft-payments-user-payments-form h2.sg { background-color: #007cc3; color: white; padding: 5px; } h1.sg, #ft-payments-user-payments-form h2.sg { font-size: 2em; line-height: 1.5em; } h2.sg { font-size: 1.71429em; line-height: 1.75em; } h3.sg { font-size: 1.42857em; line-height: 2.1em; } h4.sg { font-size: 1.21429em; line-height: 1.23529em; } h5.sg { font-size: 1.07143em; line-height: 1.4em; } h6.sg { font-size: 0.92857em; line-height: 1.61538em; } .container > p, p.sg { font-size: 1.07143em; line-height: 1.4em; margin-bottom: 1.5em; line-height: 1.2; color: #313131; } .example { margin-top: 1.5em; margin-bottom: 1.5em; } footer.sg { margin-bottom: 1.5em; border-top: 6px solid #007cc3; } footer.sg ul { margin-top: 10px; overflow: hidden; } footer.sg ul li { list-style-image: none; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #007cc3; } footer.sg ul li:last-child { padding: 0; margin: 0; border: 0; } /* Patterns ========================================================================== */ .pattern { margin: 2em 0; border-top: 1px dotted #d0d0d0; padding: 2em 0 1.9375em; } .pattern:before, .pattern:after { content: ""; display: table; margin-bottom: -1px; } .pattern:after { clear: both; } .pattern .display { width: 55%; float: left; position: relative; } .pattern .source { width: 35%; float: right; } .pattern .source textarea { font: 1em/1.5 Menlo, Monaco, "Courier New", Courier, monospace; width: 100%; border: 0; } /* Styles for Form Elements */ /* ========================================================================== Forms ========================================================================== */ form { /* //Upload File Inputs, technique by Michael McGrady .browse-file{ position: relative; width:250px; input[type="file"] { position: absolute; z-index:2; text-align:right; @include opacity(0); } .browse-file-fake { position: absolute; left:0; top:0; z-index:1; input { width:160px; margin-right: 15px; display: inline-block;} a { display: inline-block; } } } */ } form fieldset { margin-bottom: 1.5em; } .main form ul { list-style-image: none; margin-bottom: 0; } form legend { font-weight: bold; margin-bottom: 0.75em; } form label { display: block; font-weight: bold; } form label.invisible { visibility: hidden!important; } .inline-form form label { display: inline-block; } form .radio li > label { font-weight: normal; } form input, form textarea, form select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.92857em; line-height: 1.61538em; color: #777777; padding: 5px; border: 2px solid #e2e2e2; } .ie7 form input, .ie7 form textarea, .ie7 form select { behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); } .inline-form form input, .inline-form form textarea, .inline-form form select { display: inline-block; } @media only screen and (min-width: 540px) { form input, form textarea, form select { text-align: center; } } @media only screen and (min-width: 769px) { form input, form textarea, form select { text-align: left; } } form input[type="text"], form textarea { width: 100%; } form input[type="radio"], form input[type="checkbox"] { width: auto; margin-right: 10px; border: none; } form input[type="file"] { padding: 5px; } form abbr[title="Required"] { color: #007cc3; font-weight: bold; border-bottom: none; } form button, form input.form-submit, form input[type="submit"] { width: auto; } @media only screen and (min-width: 1px) { form button, form input.form-submit, form input[type="submit"] { width: 100%; } } @media only screen and (min-width: 540px) { form button, form input.form-submit, form input[type="submit"] { width: auto; } } form.content-text-field label, form.content-select-field label { display: inline-block; font-weight: bold; float: left; padding-right: 30px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form.content-text-field input[type="text"], form.content-text-field input[type="email"], form.content-text-field select, form.content-select-field input[type="text"], form.content-select-field input[type="email"], form.content-select-field select { display: inline-block; width: 40%; } form.options li label { font-weight: normal; } form.upload-file label { margin-bottom: 0.75em; } @media only screen and (min-width: 1px) { form .inline-fieldset .form-label, form .inline-fieldset label { clear: both; } } @media only screen and (min-width: 540px) { form .inline-fieldset .form-label, form .inline-fieldset label { display: inline-block; clear: left; width: 20%; } } @media only screen and (min-width: 1224px) { form .inline-fieldset .form-label, form .inline-fieldset label { width: 20%; } } @media only screen and (min-width: 1px) { form .inline-fieldset .form-field, form .inline-fieldset input { width: 100%; } } @media only screen and (min-width: 540px) { form .inline-fieldset .form-field, form .inline-fieldset input { width: 79%; display: inline-block; } } @media only screen and (min-width: 1224px) { form .inline-fieldset button, form .inline-fieldset input.form-submit, form .inline-fieldset input[type="submit"] { margin-left: 20%; } } form .form-type-checkboxes .form-type-checkbox label.option { display: inline; } label.invisible { visibility: hidden!important; } .inline-form-element { display: inline-block; } ::-webkit-input-placeholder { color: #777777; } :focus::-webkit-input-placeholder { text-indent: -999px; } :-moz-placeholder { color: #777777; } :focus:-moz-placeholder { text-indent: -999px; } .ie7 .c2 input { width: 173px; } .ie7 .c2 .btn, .ie7 .c2 .btn-full-width, .ie7 .c2 form button, form .ie7 .c2 button, .ie7 .c2 form input.form-submit, form .ie7 .c2 input.form-submit, .ie7 .c2 form input[type="submit"], form .ie7 .c2 input[type="submit"] { width: 191px; } .ie7 .c2 select { width: 183px; } /* INVOICE INFORMATION */ /*----------------------------------------------------------------------*/ .page-user-payments #messages { margin: 0 15px 0 15px; } .page-user-payments #messages div.messages { margin-bottom: 20px; } .page-user-payments #content { padding-top: 0; } #ft-payments-user-payments-form { margin-bottom: 40px; } #ft-payments-user-payments-form .invoiceSummary { border-bottom: 4px solid #525252; } #ft-payments-user-payments-form .invoiceSummary li { color: #113660; background-color: #F1F1F1; padding: 20px; margin-bottom: 20px; } #ft-payments-user-payments-form .invoiceSummary span { font-size: 13px; color: #777777; } #ft-payments-user-payments-form .invoiceSummary a { font-size: 13px; } #ft-payments-user-payments-form .form-item-terms-and-conditions { overflow: hidden; padding-left: 50%; margin-top: 30px; } #ft-payments-user-payments-form .form-item-terms-and-conditions #edit-terms-and-conditions, #ft-payments-user-payments-form .form-item-terms-and-conditions .option { float: left; } #ft-payments-user-payments-form .form-item-terms-and-conditions .option { color: #68696B; font-weight: bold; } #ft-payments-user-payments-form .form-item-terms-and-conditions .option br { display: none; } #ft-payments-user-payments-form #edit-submit { margin-left: 50%; } #ft-payments-user-payments-form .balanceDue { margin-left: 50%; } #ft-payments-user-payments-form .invoiceSummary { margin-bottom: 1.5em; } /* Styles to override standard Drupal Styles */ /* ========================================================================== Drupal ========================================================================== */ /** * Override standard Drupal Styles * */ .field-item img { margin-left: 0; } .element-hidden { display: none; } .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } tr.even, tr.odd { background-color: transparent; border-bottom: inherit; padding: inherit; } ul.menu { padding: 0; margin: 0; } ul.menu li { margin-left: 0; list-style-position: outside; list-style: none; } ul.menu li.leaf { padding: 0; margin: 0; list-style-image: none; } ul.menu li.collapsed { list-style-image: none; } .m-secondary-nav ul li.expanded, .m-taxonomy-nav ul li.expanded { list-style-image: none; list-style-type: none; } .ul.primary { margin: 1.5em 0; padding: 0 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .not-logged-in div.tabs { display: none; } .not-admin-node-edit input[type="submit"] { margin-right: 1em; } .not-admin-node-edit legend { margin-bottom: 0; } .not-admin-node-edit .form-file { margin-bottom: 0.75em; } .not-admin-node-edit .container-inline-date .date-padding { padding: 0; } .not-admin-node-edit .form-autocomplete { background-position: 100% 6px!important; } .not-admin-node-edit .throbbing { background-position: 100% -14px !important; } #messages { margin-bottom: 1.5em; } #messages .messages { padding: 0.5em!important; text-align: left!important; background-image: none!important; } #messages .messages.error { border: solid 2px #FD5353!important; background: #FDE0E2!important; color: #FD5353!important; } /* Page Layouts */ /* ========================================================================== Partial : Consulation Tracker & Policy Search ========================================================================== */ .view-consultation-tracker table tr td:nth-child(1), .page-search-policies table tr td:nth-child(1) { width: 57.5%; } .view-consultation-tracker table tr td:nth-child(2), .page-search-policies table tr td:nth-child(2) { width: 12.5%; } .view-consultation-tracker table tr td:nth-child(3), .page-search-policies table tr td:nth-child(3) { width: 30%; } /* ========================================================================== Drupal ========================================================================== */ /** * Override standard Drupal Styles * */ .field-item img { margin-left: 0; } .element-hidden { display: none; } .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } tr.even, tr.odd { background-color: transparent; border-bottom: inherit; padding: inherit; } ul.menu { padding: 0; margin: 0; } ul.menu li { margin-left: 0; list-style-position: outside; list-style: none; } ul.menu li.leaf { padding: 0; margin: 0; list-style-image: none; } ul.menu li.collapsed { list-style-image: none; } .m-secondary-nav ul li.expanded, .m-taxonomy-nav ul li.expanded { list-style-image: none; list-style-type: none; } .ul.primary { margin: 1.5em 0; padding: 0 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .not-logged-in div.tabs { display: none; } .not-admin-node-edit input[type="submit"] { margin-right: 1em; } .not-admin-node-edit legend { margin-bottom: 0; } .not-admin-node-edit .form-file { margin-bottom: 0.75em; } .not-admin-node-edit .container-inline-date .date-padding { padding: 0; } .not-admin-node-edit .form-autocomplete { background-position: 100% 6px!important; } .not-admin-node-edit .throbbing { background-position: 100% -14px !important; } #messages { margin-bottom: 1.5em; } #messages .messages { padding: 0.5em!important; text-align: left!important; background-image: none!important; } #messages .messages.error { border: solid 2px #FD5353!important; background: #FDE0E2!important; color: #FD5353!important; } /* ========================================================================== Partial : Events ========================================================================== */ .events-intro { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: both; padding-left: 0; padding-right: 0; } .events-intro .events-pagination li { color: #e2e2e2; } .events-intro .events-pagination a { color: #313131; } .events-intro .events-pagination .active { color: #113961; } .events-intro .filter-event-type { padding-top: 1.5em; float: right; } .events-intro .filter-event-type label { display: inline; } .events-intro .filter-event-type select { display: inline; } .events-intro .filter-event-type fieldset { margin-bottom: 0em; } @media only screen and (min-width: 1px) { .event-details dt, .event-details dd { display: block; float: none; } } @media only screen and (min-width: 540px) { .event-details dt { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; margin-bottom: 0.75em; } .event-details dd { float: left; width: 75%; margin-left: 25%; margin-right: -100%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-bottom: 0.75em; } } .ie7 .event-details dd, .ie7 .event-details dt { margin: 0 0 0.75em 0; } .ie7 .event-details dt { width: 25%; float: left; clear: left; } .ie7 .event-details dd { width: 75%; float: left; } @media only screen and (min-width: 1px) { .p-events-calendar li { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 540px) { .p-events-calendar li:nth-child(odd) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .p-events-calendar li:nth-child(even) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } } @media only screen and (min-width: 1224px) { .p-events-calendar li:nth-child(1), .p-events-calendar li:nth-child(4n+1) { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 3px; padding-right: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .p-events-calendar li:nth-child(2), .p-events-calendar li:nth-child(4n+2) { float: left; width: 25%; margin-left: 25%; margin-right: -50%; padding-left: 3px; padding-right: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .p-events-calendar li:nth-child(3), .p-events-calendar li:nth-child(4n+3) { float: left; width: 25%; margin-left: 50%; margin-right: -75%; padding-left: 3px; padding-right: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .p-events-calendar li:nth-child(4), .p-events-calendar li:nth-child(4n+4) { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 3px; padding-right: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } } .ie8 .p-events-calendar li:nth-child(1), .ie8 .p-events-calendar li:nth-child(4n+1) { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .ie8 .p-events-calendar li:nth-child(2), .ie8 .p-events-calendar li:nth-child(4n+2) { float: left; width: 25%; margin-left: 25%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .ie8 .p-events-calendar li:nth-child(3), .ie8 .p-events-calendar li:nth-child(4n+3) { float: left; width: 25%; margin-left: 50%; margin-right: -75%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .ie8 .p-events-calendar li:nth-child(4), .ie8 .p-events-calendar li:nth-child(4n+4) { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .ie7 .p-events-calendar li { box-sizing: border-box; * behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); float: left; width: 25%; padding-left: 15px; padding-right: 15px; } .ie7 .p-events-calendar li:nth-child(1), .ie7 .p-events-calendar li:nth-child(4n+1) { clear: left; } /* ========================================================================== Partial : Homepage ========================================================================== */ /** * These styles are for the homepage of the site */ .p-homepage-title { clear: left; padding-left: 15px; padding-right: 15px; } @media only screen and (min-width: 1px) { .p-homepage-welcome { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 769px) { .p-homepage-welcome { float: left; width: 75%; margin-left: 0%; margin-right: -75%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; } } @media only screen and (min-width: 769px) { .p-homepage-welcome .m-homepage-text { float: left; width: 55.55556%; margin-left: 0%; margin-right: -55.55556%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 1px) { .p-homepage-welcome .m-homepage-img { display: none; } } @media only screen and (min-width: 769px) { .p-homepage-welcome .m-homepage-img { float: left; width: 44.44444%; margin-left: 55.55556%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; display: inline-block; } .p-homepage-welcome .m-homepage-img img { width: 100%; } } .p-homepage-welcome ul > li > a:after { content: " >"; } @media only screen and (min-width: 1px) { .p-homepage-sidebar { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; } } @media only screen and (min-width: 769px) { .p-homepage-sidebar { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: none; } } @media only screen and (min-width: 1px) { .p-homepage-sidebar .homepage-related-links { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 540px) { .p-homepage-sidebar .homepage-related-links:nth-child(1) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .p-homepage-sidebar .homepage-related-links:nth-child(2) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } } @media only screen and (min-width: 769px) { .p-homepage-sidebar .homepage-related-links:nth-child(1), .p-homepage-sidebar .homepage-related-links:nth-child(2) { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } /* ========================================================================== Partial : Homepage Section Spotlights Positioning ========================================================================== */ /** * These are the section spotlights used on the homepage of the website. */ @media only screen and (min-width: 540px) { .m-landing-section-spotlight:nth-child(1), .sigs:nth-child(1) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .m-landing-section-spotlight:nth-child(2), .sigs:nth-child(2) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-landing-section-spotlight:nth-child(3), .sigs:nth-child(3) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .m-landing-section-spotlight:nth-child(4), .sigs:nth-child(4) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 769px) { .m-landing-section-spotlight:nth-child(1), .sigs:nth-child(1) { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .m-landing-section-spotlight:nth-child(2), .sigs:nth-child(2) { float: left; width: 25%; margin-left: 25%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-landing-section-spotlight:nth-child(3), .sigs:nth-child(3) { float: left; width: 25%; margin-left: 50%; margin-right: -75%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .m-landing-section-spotlight:nth-child(4), .sigs:nth-child(4) { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* ========================================================================== Partial : Section Master ========================================================================== */ /** * This is the page layout for Section Master pages. */ .latest-news { overflow: hidden; *zoom: 1; border-bottom: solid 10px #313131; margin-bottom: 2.25em; } @media only screen and (min-width: 769px) { .latest-news-articles { float: left; padding-right: 30px; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .latest-news-img img { display: none; } @media only screen and (min-width: 769px) { .latest-news-img { float: left; padding-right: 30px; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .latest-news-img img { width: 100%; display: block; } .latest-news-img a { display: block; } } @media only screen and (min-width: 540px) { .sm-c1 { float: left; padding-right: 30px; width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } } @media only screen and (min-width: 540px) { .sm-c1 .sp1 { float: left; padding-right: 30px; width: 42.85714%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5em; } } @media only screen and (min-width: 540px) { .sm-c1 .sp2 { float: left; padding-right: 30px; width: 42.85714%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.5em; } } .sm-c1 .m-featured-article-list { clear: left; } @media only screen and (min-width: 540px) { .sm-c2 { float: left; padding-right: 30px; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (min-width: 769px) { .sm-c2 .sm-advertising { display: none; } } @media only screen and (min-width: 1224px) { .sm-c2 .sm-advertising { margin-bottom: 1.5em; display: block; } } /* ========================================================================== Partial : Journal Archive ========================================================================== */ /** * This is the page layout for Journal Archive Pages. */ .journal-archive-issue { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; margin-bottom: 1.5em; padding-bottom: 1.5em; } .journal-archive-issue .header { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: both; } @media only screen and (min-width: 1px) { .journal-archive-issue .img, .journal-archive-issue .latest-news-img { display: none; } } @media only screen and (min-width: 540px) { .journal-archive-issue .img, .journal-archive-issue .latest-news-img { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; display: block; } .journal-archive-issue .img img, .journal-archive-issue .latest-news-img img { max-width: 100%; } } @media only screen and (min-width: 1px) { .journal-archive-issue .bd { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 540px) { .journal-archive-issue .bd { float: left; width: 75%; margin-left: 25%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* ========================================================================== Partial : Jurisdictions ========================================================================== */ /** * This is the page layout for Jurisdiction pages. */ .jurisdictions-intro { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; overflow: hidden; *zoom: 1; padding-left: 0; padding-right: 0; clear: both; overflow: visible!important; } @media only screen and (min-width: 769px) { .jurisdictions-intro .m-country-name { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; } } @media only screen and (min-width: 1224px) { .jurisdictions-intro .m-country-name { float: left; width: 60%; margin-left: 0%; margin-right: -60%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; } } @media only screen and (min-width: 769px) { .jurisdictions-intro .m-country-select { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; } } @media only screen and (min-width: 1224px) { .jurisdictions-intro .m-country-select { float: left; width: 40%; margin-left: 60%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; } } .jurisdictions-main { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: both; } /* ========================================================================== Partial : Landing Pages ========================================================================== */ /** * This is the page layout for the new Landing pages. */ @media only screen and (min-width: 1px) { .m-landing-intro { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-bottom: 1.5em; clear: both; } } @media only screen and (min-width: 1px) { .m-landing-intro .imgExt, .m-landing-intro .latest-news-img { display: none; } } @media only screen and (min-width: 540px) { .m-landing-intro .imgExt, .m-landing-intro .latest-news-img { width: 40%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-right: 0; display: block; } .m-landing-intro .imgExt img, .m-landing-intro .latest-news-img img { max-width: 100%; float: right; } } .m-landing-col1 { /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .m-landing-col1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; } } @media only screen and (min-width: 769px) { .m-landing-col1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-bottom: 1.5em; padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1026px) { .m-landing-col1 { float: left; width: 70%; margin-left: 0%; margin-right: -70%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; } } .m-spotlight-container { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; } .m-landing-articles { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } @media only screen and (min-width: 1px) { .m-landing-spotlight-1 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; margin-bottom: 1.5em; } } @media only screen and (min-width: 540px) { .m-landing-spotlight-1 { float: left; width: 57.14286%; margin-left: 0%; margin-right: -57.14286%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; margin-bottom: 0em; } } @media only screen and (min-width: 1px) { .m-landing-spotlight-2 { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } } @media only screen and (min-width: 540px) { .m-landing-spotlight-2 { float: left; width: 42.85714%; margin-left: 57.14286%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } } .m-landing-sidebar { /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .m-landing-sidebar { display: none; } } @media only screen and (min-width: 540px) { .m-landing-sidebar { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; display: block; } } @media only screen and (min-width: 1026px) { .m-landing-sidebar { float: left; width: 30%; margin-left: 70%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; display: block; } } .journal .m-section-header h1, .journal .m-section-header-homepage h1, .journal .m-section-header #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .journal .m-section-header h2, .journal .m-section-header-homepage #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .journal .m-section-header-homepage h2 { background-image: url("/sites/all/themes/step/assets/img/step-journal.png"); width: 250px; height: 26px; margin-bottom: 0; } /* ========================================================================== Partial : Member Profile ========================================================================== */ /** * This is the page layout for Member Profile Pages. */ .profile #edit-actions-delete { margin-right: 15px; } .profile #edit-subscription-actions-submit { margin-top: 1.5em; margin-bottom: 1.5em; } .profile select { width: 100%; } .member-photo img { max-width: 130px; height: auto; } .ie7 .member-photo img { width: 130px; } @media only screen and (min-width: 1px) { .page-member-profile .m-copy-intro a.js-tooltip { position: relative; top: 3px; font-size: 17px; } .page-member-profile .m-copy-intro h2 { cursor: pointer; } .page-member-profile .m-copy-intro .m-tooltip h4 { margin-bottom: 15px; } } @media only screen and (min-width: 540px) { .page-member-profile .m-copy-intro .m-tooltip h4 { margin-bottom: 0.3em; } .page-member-profile .m-copy-intro h2 { cursor: text; } } /* ========================================================================== Partial : Section Master ========================================================================== */ /** * This is the page layout for The SIGS style Section Master pages. */ .sigs-sp1 { clear: left; float: left; padding-right: 30px; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sigs-sp2 { float: left; padding-right: 30px; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sigs-sp3 { float: left; padding-right: 30px; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sigs-author img { width: 100px; height: auto; } /* ========================================================================== Partial : Advanced Search ========================================================================== */ /** * These styles are for the advanced search pages */ .m-expanding-content { padding-bottom: 1.5em; } .m-expanding-content a.ui-state-active { display: none; } .m-expanding-content .ui-widget-content { border: none!important; padding: 0; } .search-intro { clear: left; margin-bottom: 1.5em; border-bottom: 10px solid #313131; overflow: hidden; *zoom: 1; } .search-filters { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; clear: left; margin-bottom: 1.5em; border-bottom: 10px solid #313131; } .search-results { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .m-advanced-search-form label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding-right: 15px; } @media only screen and (min-width: 1px) { .m-advanced-search-form label { width: auto; } } @media only screen and (min-width: 540px) { .m-advanced-search-form label { width: 20%; } } .m-advanced-search-form input { display: inline-block; } /* ========================================================================== Partial : Recaptcha ========================================================================== */ /** * Prevent inadvertant overriding of some recaptcha styles */ #recaptcha_table tr { line-height: 1; } #recaptcha_table tr td { line-height: 1; } .hero-new .container { padding: 0 15px; } .hero-new .container h1, .hero-new .container #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .hero-new .container h2 { width: 70%; float: left; vertical-align: bottom; margin-bottom: 0.25em !important; } @media only screen and (max-width: 767px) { .hero-new .container h1, .hero-new .container #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .hero-new .container h2 { float: none; width: auto; } } .hero-new .container a { float: right; display: block; color: #fff; padding-top: 70px; } @media only screen and (max-width: 767px) { .hero-new .container a { float: none; width: auto; padding-top: 0; } } .hero-new .container p { color: #fff; float: left; display: block; font-size: 14px; } .hero-new .container h3 { color: #fff; float: left; display: block; font-size: 19px; font-weight: normal !important; } @media only screen and (max-width: 540px) { .logo { display: block; float: none !important; } } .nav-search { width: 83.33333%; float: right; margin-top: -8px; } @media only screen and (max-width: 870px) { .nav-search { display: block; float: left; clear: both; width: 100%; } } .nav-search .search-login { float: left; color: #777 !important; margin-right: 1.5em; line-height: 35px; display: block; position: relative; } .nav-search .search-login__alt { float: left; color: #777 !important; margin-right: 1.5em; line-height: 35px; display: block; position: relative; } @media only screen and (max-width: 870px) { .nav-search { padding-left: 30px; } } @media only screen and (max-width: 540px) { .nav-search { float: left; margin-left: 15px; } } @media only screen and (max-width: 1026px) { .nav-search { display: block; float: none; } } .nav-search .m-header-search { float: right; } @media only screen and (max-width: 1224px) { .nav-search .m-header-search { padding-right: 1.5em; width: 80%; } } @media only screen and (max-width: 870px) { .nav-search .m-header-search { display: block; float: none; width: 100%; padding: 0 15px; } } @media only screen and (max-width: 540px) { .nav-search .m-header-search { padding: 0; margin-top: 1em; } } .nav-search .m-header-search .m-login-links { float: right; } @media only screen and (max-width: 870px) { .nav-search .m-header-search .m-login-links { display: block; float: none; } } .nav-search .m-header-search .m-site-search { max-width: 310px; float: right; } @media only screen and (max-width: 870px) { .nav-search .m-header-search .m-site-search { display: block; float: none; } } .nav-search .m-header-search .m-site-search fieldset { float: right; } @media only screen and (max-width: 870px) { .nav-search .m-header-search .m-site-search fieldset { display: block; float: none; } } .nav-search .m-header-search .m-site-search input { float: left; } .nav-search .m-header-search .m-site-search input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 72%; max-width: 190px; margin-right: 0; text-align: left !important; border: 1px solid #444; } .nav-search .m-header-search .m-site-search input[type="submit"] { width: 28%; margin-right: 0; background: #444; z-index: 99999999; height: 33px\9; @-moz-document url-prefix() { height: 33px; } } .nav-search .m-primary-nav-tablet { position: static !important; width: 100%; top: auto !important; padding-right: 0 !important; clear: both; } @media only screen and (max-width: 1224px) { .nav-search .m-primary-nav-tablet { margin-top: -0.1em; } } .p-homepage-welcome { width: 72%; } @media only screen and (max-width: 769px) { .p-homepage-welcome { display: none; } } .m-horizontal-carousel { background: #f4f4f3; border-bottom: none !important; } .m-horizontal-carousel .slides { height: 364px; } .m-horizontal-carousel .slides .bd { padding: 20px !important; } .m-horizontal-carousel .slides .bd p { color: #777 !important; font-size: inherit !important; font-family: inherit !important; line-height: inherit !important; margin-bottom: inherit !important; } .m-horizontal-carousel .slides .bd .btn-link { margin-top: .5em; } .m-horizontal-carousel .slides .imgExt, .m-horizontal-carousel .slides .latest-news-img { width: 66%; margin-left: 34%; } .m-horizontal-carousel .slides .imgExt img, .m-horizontal-carousel .slides .latest-news-img img { float: none; display: block; } .m-horizontal-carousel ol.flex-control-paging { text-align: left !important; left: 20px !important; } .m-horizontal-carousel .flex-direction-nav { display: none !important; } .m-homepage-section-spotlights { border-top: none !important; padding-top: 0 !important; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights .m-landing-section-spotlight .bd a, .m-homepage-section-spotlights .sigs .bd a { background-image: none !important; } } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .bd, .m-homepage-section-spotlights .sigs:nth-child(1) .bd, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .bd, .m-homepage-section-spotlights .sigs:nth-child(2) .bd, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .bd, .m-homepage-section-spotlights .sigs:nth-child(3) .bd, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .bd, .m-homepage-section-spotlights .sigs:nth-child(4) .bd { margin-bottom: 0 !important; padding-bottom: 0 !important; } @media only screen and (max-width: 769px) { .p-homepage-welcome { display: block !important; width: 100%; padding: 0; margin-bottom: 1.5em; } } @media only screen and (max-width: 540px) { .p-homepage-welcome ul li { width: 100%; } } .p-homepage-welcome ul li .bd { width: 34%; } @media only screen and (max-width: 540px) { .p-homepage-welcome ul li .bd { float: none !important; width: 90%; } } .p-homepage-welcome ul li .imgExt, .p-homepage-welcome ul li .latest-news-img { display: block !important; float: left; width: 41.66667%; margin-left: 58.33333%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; display: block !important; } @media only screen and (max-width: 540px) { .p-homepage-welcome ul li .imgExt, .p-homepage-welcome ul li .latest-news-img { width: 100% !important; margin: 0 !important; padding-bottom: 20px; } } .p-homepage-welcome ul li a:after { content: ''; } @media only screen and (min-width: 1px) { .m-horizontal-carousel { display: block !important; position: relative; } } @media only screen and (max-width: 540px) { .m-horizontal-carousel { padding-bottom: 40px; } } .m-horizontal-carousel ol.flex-control-paging { text-align: center; position: absolute; bottom: 1.5em; left: 50%; z-index: 3; margin: 0 !important; } .m-horizontal-carousel ol.flex-control-paging li { display: inline-block; } .m-horizontal-carousel ol.flex-control-paging li a { display: inline-block; height: 10px; width: 10px; text-indent: -9999px; margin-right: 0.75em; overflow: hidden; background: #e2e2e2; } .m-horizontal-carousel ol.flex-control-paging li a.flex-active { background: #113961; } #terms_conditions_underlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; } #terms_conditions_underlay #terms_conditions_content { max-width: 620px; width: 100%; height: 75%; margin: 5% auto 0 auto; padding: 20px; background: #fff; overflow-y: auto; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #terms_conditions_underlay #terms_conditions_content #tc-close { position: absolute; top: 5px; right: 9px; } .side-by-side-form { width: 45%; margin: 20px 0 48px 0; } .side-by-side-form.first { float: left; } .side-by-side-form.second { float: right; } .side-by-side-form label { width: 100% !important; display: block !important; } .side-by-side-form input { width: 100% !important; } #names-fieldset-wrapper { clear: both; } .full-width-form { clear: both; width: 100%; } .full-width-form .two-col { margin-bottom: 48px; } a.form-submit { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNGM3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwMzQ1OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a4c71), color-stop(100%, #103458)); background-image: -webkit-linear-gradient(#2a4c71, #103458); background-image: -moz-linear-gradient(#2a4c71, #103458); background-image: -o-linear-gradient(#2a4c71, #103458); background-image: linear-gradient(#2a4c71, #103458); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; margin-left: 0; } @media all and (min-width: 540px) { a.form-submit { margin-left: 197px; } } /* ========================================================================== Partial : Basic page Section Spotlights Positioning ========================================================================== */ /** * These are the section spotlights used on the basic pages of the website. */ @media only screen and (min-width: 540px) { .m-page-section-spotlight:nth-child(1) { float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; padding-left: 0px; } .m-page-section-spotlight:nth-child(2) { float: left; width: 33.33333%; margin-left: 33.33333%; margin-right: -66.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 7px; padding-right: 7px; } .m-page-section-spotlight:nth-child(3) { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-right: 0px; } .m-page-section-spotlight:nth-child(4) { float: left; width: 33.33333%; margin-left: 75%; margin-right: -108.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 769px) { .m-page-section-spotlight:nth-child(1) { float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; padding-left: 0px; } .m-page-section-spotlight:nth-child(2) { float: left; width: 33.33333%; margin-left: 33.33333%; margin-right: -66.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 7px; padding-right: 7px; } .m-page-section-spotlight:nth-child(3) { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; padding-right: 0px; } .m-page-section-spotlight:nth-child(4) { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* ========================================================================== Partial : Basic Pages ========================================================================== */ /** * This is the page layout for the basic pages. */ @media only screen and (min-width: 1px) { .m-basic-page-intro { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-bottom: 1.5em; clear: both; } } @media only screen and (min-width: 1px) { .m-basic-page-intro .imgExt, .m-basic-page-intro .latest-news-img { display: none; } } @media only screen and (min-width: 540px) { .m-basic-page-intro .imgExt, .m-basic-page-intro .latest-news-img { width: 40%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-right: 0; display: block; } .m-basic-page-intro .imgExt img, .m-basic-page-intro .latest-news-img img { max-width: 100%; float: right; } } .m-basic-page-content h2, .m-basic-page-intro-about-us h2, .m-basic-page-intro-policy h2, .m-basic-page-intro-members h2, .m-basic-page-intro-qualifications h2, .m-basic-page-intro-knowledge h2, .m-basic-page-intro-communities h2, .m-basic-page-intro-join-us h2, .body-about-us h2, .body-policy h2, .body-members h2, .body-qualifications h2, .body-knowledge h2, .body-communities h2, .body-join-us h2 { padding-top: 15px; } .m-basic-page-content h2, .m-basic-page-intro-about-us h2, .body-about-us h2 { color: #428fda; } .m-basic-page-intro-qualifications h2, .body-qualifications h2 { color: #428fda; } .m-basic-page-intro-members h2, .body-members h2 { color: #cd1131; } .m-basic-page-intro-knowledge h2, .body-knowledge h2 { color: #e9734b; } .m-basic-page-intro-communities h2, .body-communities h2 { color: #43aa34; } .m-basic-page-intro-about-us h2, .body-about-us h2 { color: #428fda; } .m-basic-page-intro-about-us, .m-basic-page-intro-policy, .m-basic-page-intro-members, .m-basic-page-intro-qualifications, .m-basic-page-intro-knowledge, .m-basic-page-intro-communities, .m-basic-page-intro-about-us { padding-right: 0px; padding-bottom: 0px; } .m-basic-page-intro-about-us { background-color: #eff1fd; } .m-basic-page-intro-policy { background-color: #e7e4eb; } .m-basic-page-intro-members { background-color: #fdeae6; } .m-basic-page-intro-qualifications { background-color: #e7e4eb; } .m-basic-page-intro-knowledge { background-color: #fbe9df; } .m-basic-page-intro-communities { background-color: #eef6e7; } .m-basic-page-intro-join-us { background-color: #eff1fd; } .bd { padding-top: 20px; padding-left: 15px; } .bd-twitter { padding-top: 12px; padding-left: 15px; } .dots-about-us, .dots-policy, .dots-members, .dots-qualifications, .dots-knowledge, .dots-communities, .dots-join-us { margin-top: 15px; margin-bottom: 10px; } .dots-about-us { border-bottom: 1px dotted #428fda; } .dots-policy { border-bottom: 1px dotted #428fda; } .dots-members { border-bottom: 1px dotted #cd1131; } .dots-qualifications { border-bottom: 1px dotted #428fda; } .dots-knowledge { border-bottom: 1px dotted #e9734b; } .dots-communities { border-bottom: 1px dotted #43aa34; } .dots-join-us { border-bottom: 1px dotted #428fda; } .imgExt, .latest-news-img { line-height: 0; } .about-us h2 a, .policy h2 a, .qualifications h2 a, .members h2 a, .knowledge h2 a, .communities h2 a, .join-us h2 a { color: #fff; } .about-us h2 { color: #428fda; } .about-us a, .bd-about-us a { color: #428fda !important; } .policy h2 { color: #42446d; } .policy a, .bd-policy a { color: #428fda !important; } .members h2 { color: #cd1131; } .members a, .bd-members a { color: #cd1131 !important; } .qualifications h2 { color: #42446d; } .qualifications a, .bd-qualifications a { color: #428fda !important; } .knowledge h2 { color: #e9734b; } .knowledge a, .bd-knowledge a { color: #e9734b !important; } .communities h2 { color: #43aa34; } .communities a, .bd-communities a { color: #43aa34 !important; } .join-us h2 { color: #428fda; } .join-us a, .bd-join-us a { color: #428fda !important; } .main-inline h1, .main-inline #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .main-inline h2, .main-inline h2, .main-inline h3 { overflow: auto; padding-top: 20px; } .main-inline { clear: both; overflow: auto; } .journal-section-title { color: #000; font-weight: bold; padding-bottom: 10px; } .journal-image { float: left; padding-right: 15px; padding-top: 3px; width: 100px; } .journal-text { color: #000; margin-left: 115px; } .journal-link { padding-top: 10px; padding-bottom: 14px; } .bd-knowledge .btn-link { height: 30px; vertical-align: top; text-transform: capitalize; background-image: linear-gradient(#e65130, #e65130) !important; color: #FFF !important; width: 177px; } .journal-btn .btn-link { margin-right: 12px !important; } .journal-btn .btn-link:last-child { margin-right: 0 !important; } @media only screen and (min-width: 1px) { .journal-btn .btn-link { margin-bottom: 12px; } } @media only screen and (min-width: 540px) { .journal-btn .btn-link { margin-bottom: 0px; } } .journal-cover-img { float: left; padding-right: 15px; padding-top: 3px; } .journal-cover { padding-left: 15px; padding-top: 25px; } .tqr-section-title h3 { color: #e9734b; margin-top: 18px; margin-bottom: 2px; } .tqr h2 { color: #000; margin-top: -15px; } .m-main-page-section-row-tqr { border: 2px; border-color: #d6e1f5; border-style: solid; border-top: 0px; } .hr-tqr { background-color: #e9734b; } .m-main-page-section-row-tqr-bar { height: 3px; width: 100%; padding-bottom: 2px; } .m-main-page-row2-tqr-inner { padding-right: 14px; padding-top: 14px; padding-left: 14px; } .bd-tqr .btn-link { background-image: linear-gradient(#103458, #103458) !important; height: 30px; vertical-align: top; text-transform: capitalize; color: #FFF !important; width: 177px; } /* ========================================================================== Partial : Main page row 1 sections Positioning ========================================================================== */ /** * These are the row 1 sections used on the main pages of the website. */ @media only screen and (min-width: 540px) { .m-main-page-section-row:nth-child(1) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .m-main-page-section-row:nth-child(2) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 769px) { .m-main-page-section-row:nth-child(1) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .m-main-page-section-row:nth-child(2) { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-main-page-section-row:nth-child(3) { float: left; width: 33.33333%; margin-left: 66.66667%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: none; } .m-main-page-section-row:nth-child(4) { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* Admin theme additions - moved into main CSS to prevent css being overwritten by Drupal core updates */ /* ========================================================================== Admin Theme These styles were previously manually appended added to the CSS for the Admin theme, "Seven". Moved into main styling to prevent overwriting with Drupal Core updates. ========================================================================== */ #edit-field-journal-terms-und { overflow: hidden; *zoom: 1; } select#edit-field-journal-terms-und { height: 1100px; width: 300px; } #edit-field-country-und { height: 1000px; } #toolbar { z-index: 1002; } /** * Include the debugging partial to apply a different body background colour * for each major breakpoint. */ /* ========================================================================== Modules ========================================================================== */ /** * Modules are also Sass partials. However each module file contains the styles * for a single content block or module. These modules are also shown on the * styleguide patterns page. * * Ref: /styleguide/_patterns.php * * Whenever a new module is created, please ensure an equivalent html file is * created in the /styleguide/patterns/ folder. */ /* m-accordion is used for pages which lay content out in an accoridon ========================================================================== */ .m-accordion { clear: right; } .m-accordion section { margin: 0; } .m-accordion .accordion-title { /** * Ref: http://compass-style.org/reference/compass/css3/images/ * $experimental-support-for-svg is set to true in _v-colours.scss */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a88c7), color-stop(100%, #006faf)); background-image: -webkit-linear-gradient(#1a88c7, #006faf); background-image: -moz-linear-gradient(#1a88c7, #006faf); background-image: -o-linear-gradient(#1a88c7, #006faf); background-image: linear-gradient(#1a88c7, #006faf); /* legacy IE filter support */ font-size: 1em; line-height: 1.5em; display: block; padding: 6px 15px; text-decoration: none; border-bottom: solid 2px white; margin-bottom: 0em; font-family: "latoregular", Arial, sans-serif; font-weight: normal; color: #fff; } .ie .m-accordion .accordion-title { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A88C7', endColorstr='#FF006FAF'); } .m-accordion .accordion-title a { color: #fff; } .m-accordion .accordion-title:hover, .m-accordion .accordion-title:focus .m-accordion .accordion-title { text-decoration: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006faf), color-stop(100%, #1a88c7)); background-image: -webkit-linear-gradient(#006faf, #1a88c7); background-image: -moz-linear-gradient(#006faf, #1a88c7); background-image: -o-linear-gradient(#006faf, #1a88c7); background-image: linear-gradient(#006faf, #1a88c7); /* legacy IE filter support */ } .ie .m-accordion .accordion-title:hover, .ie .m-accordion .accordion-title:focus .m-accordion .accordion-title { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF006FAF', endColorstr='#FF1A88C7'); } @media only screen and (min-width: 1px) { .m-accordion .accordion-title { position: relative; padding-left: 52px; } } .m-accordion .accordion-title .accordion-icon { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNGM3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwMzQ1OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a4c71), color-stop(100%, #103458)); background-image: -webkit-linear-gradient(#2a4c71, #103458); background-image: -moz-linear-gradient(#2a4c71, #103458); background-image: -o-linear-gradient(#2a4c71, #103458); background-image: linear-gradient(#2a4c71, #103458); float: left; width: 16px; height: 16px; line-height: 16px; text-align: center; border: solid 2px #e2e2e2; color: #e2e2e2; margin-right: 1.5em; } .ie .m-accordion .accordion-title .accordion-icon { width: 20px; height: 20px; background: url(/sites/all/themes/step/assets/img/bg-accordion.gif) 0 0; } @media only screen and (min-width: 1px) { .m-accordion .accordion-title .accordion-icon { position: absolute; top: 50%; left: 15px; margin-top: -10px; } } .m-accordion .accordion-title .accordion-icon:before { content: "+"; } .ie .m-accordion .accordion-title .accordion-icon:before { content: ""; } .m-accordion .accordion-title.ui-accordion-header-active { border-bottom: none; } .m-accordion .accordion-title.ui-accordion-header-active .accordion-icon:before { content: "-"; } .ie .m-accordion .accordion-title.ui-accordion-header-active .accordion-icon:before { content: ""; } .ie .m-accordion .accordion-title.ui-accordion-header-active .accordion-icon { background: url(/sites/all/themes/step/assets/img/bg-accordion.gif) 0 -20px; } .m-accordion .accordion-bd { -webkit-box-sizing: bor der-box; -moz-box-sizing: bor der-box; box-sizing: bor der-box; border: solid 2px #e2e2e2; padding: 15px; } .ie7 .m-accordion .accordion-bd { behavior: none; } .ie7 .m-accordion .accordion-bd ul { margin-bottom: 0; } .m-accordion .ui-widget { font-size: inherit; font-family: inherit; } .m-accordion .ui-widget-content { background: none; } .m-accordion .ui-helper-reset { font-size: inherit; line-height: inherit; } .m-accordion .ui-accordion-header-icon { display: none; } /* ========================================================================== Module - Advert - Full Banner ========================================================================== */ /** * The full banner ad appears in the banner section of the site. This is the * horizontal banner (m-page-header) with the blue gradient background. The * banner ad is placed absolutely and hidden for mobile and protrait tablet * views. */ .m-ad-full-banner { /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } @media only screen and (min-width: 1px) { .m-ad-full-banner { display: none; } } @media only screen and (min-width: 1026px) { .m-ad-full-banner { display: inline-block; right: 15px; top: 0px; right: 15px; width: 728px; height: 90px; text-align: right; padding-left: 14px; } .m-ad-full-banner img { max-width: 100%; } } .addthisevent-drop { background: url("http://addthisevent.com/gfx/icon-calendar-t1.png") no-repeat scroll 0px 50% white !important; border: none!important; color: #007cc3 !important; display: inline-block; font-family: arial; font-size: 13px!important; font-weight: normal!important; padding: 0 0 0 25px!important; position: relative; text-decoration: none !important; } .addthisevent-drop:hover { border: none!important; color: #007cc3 !important; font-size: 13px!important; font-weight: normal!important; text-decoration: underline !important; } .addthisevent-drop:active { top: 1px; } .addthisevent-selected { background-color: #F7F7F7; } .addthisevent_dropdown { background: none repeat scroll 0 0 #FFFFFF; border-color: #C8C8C8 #BEBEBE #A8A8A8; border-style: solid; border-width: 1px; box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); display: none; margin-left: -1px; margin-top: -2px; padding: 6px 0 0; position: absolute; text-align: left; width: 200px; z-index: 99999; } .addthisevent_dropdown span { background: none repeat scroll 0 0 #FFFFFF; color: #6D84B4; cursor: pointer; display: block; font-size: 12px; line-height: 110%; padding: 8px 10px 9px 15px; text-decoration: none; width: 175px; } .addthisevent_dropdown span:hover { background: none repeat scroll 0 0 #F4F4F4; color: #6D84B4; font-size: 12px; text-decoration: none; } .addthisevent span { display: none !important; } .addthisevent-drop ._url, .addthisevent-drop ._start, .addthisevent-drop ._end, .addthisevent-drop ._zonecode, .addthisevent-drop ._summary, .addthisevent-drop ._description, .addthisevent-drop ._location, .addthisevent-drop ._organizer, .addthisevent-drop ._organizer_email, .addthisevent-drop ._facebook_event, .addthisevent-drop ._all_day_event { display: none !important; } .addthisevent_dropdown .copyx { cursor: default; display: block; height: 21px; position: relative; width: 200px; } .addthisevent_dropdown .brx { background: none repeat scroll 0 0 #E0E0E0; height: 1px; left: 10px; overflow: hidden; position: absolute; top: 9px; width: 180px; z-index: 100; } .addthisevent_dropdown .frs { background: none repeat scroll 0 0 #FFFFFF; color: #CACACA; cursor: pointer; font-size: 9px; font-style: normal; font-weight: normal; line-height: 110%; padding-left: 10px; position: absolute; right: 10px; text-align: right; text-decoration: none; top: 5px; z-index: 101; } .addthisevent_dropdown .frs:hover { color: #6D84B4; } /* ========================================================================== Module : Member Login ========================================================================== */ .m-admin-login { /* Hide for mobile */ /* Show for tablet and above */ } .m-admin-login form { display: block; } .ie .m-admin-login input.form-text { width: 100%; } /* ========================================================================== Module : Advert - Rectangle ========================================================================== */ /** * Rectangle ads are the MPU style ads that appear in the right hand column * of layout-c (3 col). They are stacked vertically for desktop, but floated * horizontally for mobile and portrait tablet. */ .m-ad-rectangle { width: 160px; height: auto; } @media only screen and (min-width: 1px) { .m-ad-rectangle { float: left; margin-right: 20px; margin-bottom: 1.5em; } .m-ad-rectangle:last-child { margin-right: 0; } } @media only screen and (min-width: 540px) { .m-ad-rectangle { float: none; margin-right: 15px; display: inline-block; } .m-ad-rectangle:last-child { margin-right: auto; } } .m-ad-rectangle img { width: 160px; height: auto; } /* ========================================================================== Module : Advert - Square ========================================================================== */ /** * Rectangle ads are the MPU style ads that appear in the right hand column * of layout-c (3 col). They are stacked vertically for desktop, but floated * horizontally for mobile and tablet. */ .m-ad-square { width: 160px; height: 160px; text-align: centre; } @media only screen and (min-width: 1px) { .m-ad-square { float: left; margin-right: 20px; margin-bottom: 1.5em; } .m-ad-square:last-child { margin-right: 0; } } @media only screen and (min-width: 540px) { .m-ad-square { float: none; margin-right: 15px; display: inline-block; } .m-ad-square:last-child { margin-right: auto; } } .m-ad-square img { width: 160px; height: 160px; display: block; margin: 0 auto; } /* ========================================================================== Module : Advert - Skyscraper ========================================================================== */ /** * Skyscraper ads are the MPU style ads that appear in the left hand column * of layout-b (2 column) or layout-c (3 column) below the secondary nav */ @media only screen and (min-width: 1px) { .m-ad-skyscraper { display: none; } } @media only screen and (min-width: 1224px) { .m-ad-skyscraper { margin-bottom: 1.5em; display: block; width: 160px; height: 600px; } } /* ========================================================================== Module Ad Wrapper ========================================================================== */ /** * This is the container for the MPU ads that appear in the left sidebar * and right sidebar. * * For mobile, adverts from the left sidebar are displayed. All other * adverts are hidden. */ @media only screen and (min-width: 769px) { .m-ad-wrapper { margin-bottom: 1.5em; } } .c2 .m-ad-wrapper { overflow: hidden; } .c3 .m-ad-wrapper { overflow: hidden; } .addthisevent-drop { background: url("http://addthisevent.com/gfx/icon-calendar-t1.png") no-repeat scroll 0px 50% white !important; border: none!important; color: #007cc3 !important; display: inline-block; font-family: arial; font-size: 13px!important; font-weight: normal!important; padding: 0 0 0 25px!important; position: relative; text-decoration: none !important; } .addthisevent-drop:hover { border: none!important; color: #007cc3 !important; font-size: 13px!important; font-weight: normal!important; text-decoration: underline !important; } .addthisevent-drop:active { top: 1px; } .addthisevent-selected { background-color: #F7F7F7; } .addthisevent_dropdown { background: none repeat scroll 0 0 #FFFFFF; border-color: #C8C8C8 #BEBEBE #A8A8A8; border-style: solid; border-width: 1px; box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15); display: none; margin-left: -1px; margin-top: -2px; padding: 6px 0 0; position: absolute; text-align: left; width: 200px; z-index: 99999; } .addthisevent_dropdown span { background: none repeat scroll 0 0 #FFFFFF; color: #6D84B4; cursor: pointer; display: block; font-size: 12px; line-height: 110%; padding: 8px 10px 9px 15px; text-decoration: none; width: 175px; } .addthisevent_dropdown span:hover { background: none repeat scroll 0 0 #F4F4F4; color: #6D84B4; font-size: 12px; text-decoration: none; } .addthisevent span { display: none !important; } .addthisevent-drop ._url, .addthisevent-drop ._start, .addthisevent-drop ._end, .addthisevent-drop ._zonecode, .addthisevent-drop ._summary, .addthisevent-drop ._description, .addthisevent-drop ._location, .addthisevent-drop ._organizer, .addthisevent-drop ._organizer_email, .addthisevent-drop ._facebook_event, .addthisevent-drop ._all_day_event { display: none !important; } .addthisevent_dropdown .copyx { cursor: default; display: block; height: 21px; position: relative; width: 200px; } .addthisevent_dropdown .brx { background: none repeat scroll 0 0 #E0E0E0; height: 1px; left: 10px; overflow: hidden; position: absolute; top: 9px; width: 180px; z-index: 100; } .addthisevent_dropdown .frs { background: none repeat scroll 0 0 #FFFFFF; color: #CACACA; cursor: pointer; font-size: 9px; font-style: normal; font-weight: normal; line-height: 110%; padding-left: 10px; position: absolute; right: 10px; text-align: right; text-decoration: none; top: 5px; z-index: 101; } .addthisevent_dropdown .frs:hover { color: #6D84B4; } /* ========================================================================== Module : At a Glance ========================================================================== */ .m-at-a-glance { margin-bottom: 1.5em; } .m-at-a-glance h3 { border-bottom: solid 2px #313131; } .m-at-a-glance dl dt { float: none; } .m-at-a-glance dl dd { margin-bottom: 0.75em; } .m-at-a-glance dl dd h4 { font-size: 1em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0em; } .m-at-a-glance dl dd p { font-size: 0.92857em; line-height: 1.61538em; margin-bottom: 0em; } .m-at-a-glance .btn-register { margin-top: 1.5em; } .m-at-a-glance .addthisevent-drop { color: #007cc3 !important; } /* ========================================================================== Module : Autocomplete form field ========================================================================== */ /* * Uses jQuery UI Autocomplete 1.9.2 * http://jqueryui.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .m-autocomplete { /* workarounds */ /* without this, the menu expands to 100% in IE6 */ } .m-autocomplete * html .ui-autocomplete { width: 1px; } .m-autocomplete .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } ul.ui-autocomplete { background: white !important; border: solid 2px #e2e2e2 !important; padding: 5px; } /* Animated throbber - change icon positioning from default */ html.js input.form-autocomplete { background-position: 100% 8px!important; height: 32px; } html.js input.throbbing { background-position: 100% -12px !important; height: 32px; } /* ========================================================================== Module : Blockquote ========================================================================== */ /** * Blockquotes typically appear in the main content area of the page and conist * of the quote itself and an optional citation. */ .m-blockquote, .m-blockquote-small { margin-bottom: 1.5em; padding: 5px 0 0 40px; background: transparent url(../img/blockquote.gif) 0 0 no-repeat; } .m-blockquote p, .m-blockquote-small p { font-size: 1.71429em; line-height: 1.75em; line-height: 1.2em; margin: 0; font-family: "latobold", Arial, sans-serif; font-weight: bold; color: #113961; } .m-blockquote p + p, .m-blockquote-small p + p { font-size: 1em; line-height: 1.5em; } .m-blockquote cite, .m-blockquote-small cite, .m-blockquote footer, .m-blockquote-small footer { margin-top: 1.5em; display: block; font-style: italic; color: #113961; } .m-blockquote-small { padding: 0 0 0 30px; background: transparent url(../img/blockquote-small.gif) 0 0 no-repeat; } .m-blockquote-small p { font-size: 1.21429em; line-height: 1.23529em; line-height: 1.35em; } .m-blockquote-small cite, .m-blockquote-small footer { margin-top: 0.45em; } .m-blockquote-white { margin-bottom: 1.5em; padding: 5px 0 0 40px; background: transparent url(../img/blockquote-white.gif) 0 0 no-repeat; } .m-blockquote-white > p { font-family: "latobold", Arial, sans-serif; color: white; font-weight: bold; font-size: 2em; line-height: 1.5em; line-height: 1.2em; } .m-blockquote-white > footer { font-style: italic; font-family: "latoregular", Arial, sans-serif; color: white; } /* ========================================================================== Module : Breadcrumb ========================================================================== */ /** * This is the site breadcrumb that sits within the page banner (m-page-banner). */ .m-breadcrumb { font-size: 12px; } .m-breadcrumb, .m-breadcrumb a { color: white; } .m-breadcrumb > ul { overflow: hidden; margin: 0; } .m-breadcrumb > ul li { float: left; margin-left: 3px; list-style-image: none; } .m-breadcrumb > ul li:after { content: " \203A "; } .m-breadcrumb > ul li:last-child:after { content: normal; } .m-breadcrumb > ul li:after { content: " >"; } .m-breadcrumb > ul li:first-child { margin: 0; } @media only screen and (min-width: 1px) { .m-breadcrumb > ul { display: none; } } @media only screen and (min-width: 540px) { .m-breadcrumb > ul { display: block!important; } } /* ========================================================================== Module : Carousel Item ========================================================================== */ /** * Module: m-carousel-item * * A carousel item is a single slide of a carousel * */ @media only screen and (min-width: 540px) { .m-carousel-item { display: none; } .m-carousel-item:first-child { display: block; } } @media only screen and (min-width: 1224px) { .m-carousel-item { display: block; width: 1224px; height: 300px; } } @media only screen and (min-width: 540px) { .m-carousel-item .img, .m-carousel-item .latest-news-img { float: left; width: 50%; margin-left: 50%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-carousel-item .img img, .m-carousel-item .latest-news-img img { display: block; width: 100%; } } @media only screen and (min-width: 1224px) { .m-carousel-item .img, .m-carousel-item .latest-news-img { float: left; width: 41.66667%; margin-left: 50%; margin-right: -91.66667%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } .m-carousel-item .img img, .m-carousel-item .latest-news-img img { display: block; width: 100%; } @media only screen and (min-width: 540px) { .m-carousel-item .bd { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-top: 3em; position: relative; } } @media only screen and (min-width: 1224px) { .m-carousel-item .bd { float: left; width: 41.66667%; margin-left: 8.33333%; margin-right: -50%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 540px) { .m-carousel-item .bd blockquote > p { font-size: 1.71429em; line-height: 1.3125em; } } @media only screen and (min-width: 1224px) { .m-carousel-item .bd blockquote > p { font-size: 2em; line-height: 1.5em; } } .m-carousel-item .bd .btn-link.carousel-indent { margin-left: 40px; } .m-carousel-item .bd .btn-link:after { content: " >"; } .m-carousel-item .bd .quote { font-size: 80px; line-height: 1; position: absolute; top: -12px; left: -30px; color: #8AC2E3; } /* ========================================================================== Module : Comment ========================================================================== */ .comment-wrapper { padding-top: 1.5em; margin-top: 1.5em; border-top: 10px solid #313131; } .m-comment { border-bottom: 1px dotted #313131; } .m-comment .img, .m-comment .latest-news-img { padding-bottom: 1.5em; } .m-comment .bd { padding-bottom: 1.5em; } .m-comment .author { font-style: italic; margin-bottom: 1em; } .m-comment li { overflow: hidden; *zoom: 1; } .ie7 .m-comment ul { list-position: outside; } .m-comment .reply-links { margin-top: 0.75em; } .m-comment .reply-links ul li { border-bottom: none; padding: 0; } .indented { margin-left: 1.5em; } .comment-add a { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhNGM3MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwMzQ1OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a4c71), color-stop(100%, #103458)); background-image: -webkit-linear-gradient(#2a4c71, #103458); background-image: -moz-linear-gradient(#2a4c71, #103458); background-image: -o-linear-gradient(#2a4c71, #103458); background-image: linear-gradient(#2a4c71, #103458); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; } .ie .comment-add a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2A4C71', endColorstr='#FF103458'); } .comment-add a:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwMzQ1OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJhNGM3MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #103458), color-stop(100%, #2a4c71)); background-image: -webkit-linear-gradient(#103458, #2a4c71); background-image: -moz-linear-gradient(#103458, #2a4c71); background-image: -o-linear-gradient(#103458, #2a4c71); background-image: linear-gradient(#103458, #2a4c71); /* legacy IE filter support */ text-decoration: none; } .ie .comment-add a:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF103458', endColorstr='#FF2A4C71'); } .comment-add a > span { float: right; padding: 0 0 0 15px; } .comment-add a > span:after { content: " >"; } .ie7 .comment-add a > span { display: none; } .comment-add a.active { color: #FFF!important; } .form-actions input#edit-preview { margin-left: 1.5em; } /* Content Banner Image */ @media only screen and (min-width: 1px) { .m-content-banner { display: none; } } @media only screen and (min-width: 540px) { .m-content-banner { margin-bottom: 1.5em; float: none!important; display: block; max-width: 100%; height: auto; } } .m-copy-intro { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 3px solid #313131; } .m-copy-intro p { margin-bottom: 1.5em; } .m-copy-intro h1 + p, .m-copy-intro #ft-payments-user-payments-form h2 + p, #ft-payments-user-payments-form .m-copy-intro h2 + p { margin-top: -10px; font-style: italic; } .m-copy-intro .imgExt img, .m-copy-intro .latest-news-img img { margin-left: 50px; display: inline-block!important; } .m-copy-intro .imgExt img:last-of-type, .m-copy-intro .latest-news-img img:last-of-type { margin-left: 0; } /* ========================================================================== Module - Country Name ========================================================================== */ /** * The full banner ad appears in the banner section of the site. This is the * horizontal banner (m-page-header) with the blue gradient background. The * banner ad is placed absolutely and hidden for mobile and protrait tablet * views. */ .m-country-name h1, .m-country-name #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-country-name h2, .m-country-name h2 { display: inline; vertical-align: top; } .m-country-name img { display: inline-block; padding-left: 10px; width: 41px; } /* ========================================================================== Module : Dropdown Nav ========================================================================== */ /** * This dropdown appears in the mobile footer */ .m-dropdown-nav { padding: 10px 0 20px; } .m-dropdown-nav select { width: 100%; } /* ========================================================================== Module : Drupal List ========================================================================== */ /** * These are the styles for the Drupal List pages of the site * It is used on landing pages for lists of featured events or articles. * The class is extended by various classes for different search results * and is applied to a ul or ol list of results. */ .m-drupal-list, .m-featured-article-list, .m-search-results-expanded, .m-job-list { margin-left: 0; } .m-drupal-list li, .m-featured-article-list li, .m-search-results-expanded li, .m-job-list li { border-bottom: 1px dotted #313131; } .m-drupal-list h2, .m-featured-article-list h2, .m-search-results-expanded h2, .m-job-list h2 { margin-bottom: 0; } .m-drupal-list .author, .m-featured-article-list .author, .m-search-results-expanded .author, .m-job-list .author, .m-drupal-list .job-title, .m-featured-article-list .job-title, .m-search-results-expanded .job-title, .m-job-list .job-title { font-style: italic; margin-bottom: 1em; } .m-drupal-list p:last-of-type, .m-featured-article-list p:last-of-type, .m-search-results-expanded p:last-of-type, .m-job-list p:last-of-type { margin-bottom: 0.5em; } .m-drupal-list .img, .m-featured-article-list .img, .m-search-results-expanded .img, .m-job-list .img, .m-drupal-list .latest-news-img, .m-featured-article-list .latest-news-img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { padding-top: 1.5em; padding-bottom: 1.5em; } .m-drupal-list .bd, .m-featured-article-list .bd, .m-search-results-expanded .bd, .m-job-list .bd { padding-top: 1.5em; padding-bottom: 1.5em; } .m-drupal-list li, .m-featured-article-list li, .m-search-results-expanded li, .m-job-list li { overflow: hidden; *zoom: 1; } .ie7 .m-drupal-list ul, .ie7 .m-featured-article-list ul, .ie7 .m-search-results-expanded ul, .ie7 .m-job-list ul { list-position: outside; } /* ========================================================================== Module : Event Calendar ========================================================================== */ .m-event { padding-bottom: 1.5em; } .m-event header { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009cf6), color-stop(100%, #007cc3)); background-image: -webkit-linear-gradient(#009cf6, #007cc3); background-image: -moz-linear-gradient(#009cf6, #007cc3); background-image: -o-linear-gradient(#009cf6, #007cc3); background-image: linear-gradient(#009cf6, #007cc3); margin-bottom: 1.5em; background-repeat: no-repeat; padding: 10px; color: white; line-height: 25px; } .m-event header span { float: right; width: 35px; height: 25px; background-image: url("/sites/all/themes/step/assets/img/event-icons.png"); } .m-event.award header span { background-position: 0 0; } .m-event.conference header span { background-position: 0 -25px; } .m-event.meeting header span { background-position: 0 -50px; } .m-event.sigs header span { background-position: 0 -75px; } .m-event.social header span { background-position: 0 -100px; } .m-event.webinar header span, .m-event.web header span { background-position: 0 -125px; } .m-event .ttl { color: #313131; } .m-event .date { color: #313131; font-style: italic; } .m-event .bd { margin-bottom: 1.5em; } .m-event .bd .addthisevent-drop { float: right; } .addthisevent-drop:hover { font-size: 0.92857em; line-height: 1.61538em; } /* ========================================================================== Module : Featured Article List ========================================================================== */ /** * This extends the contact details module since the featured articles display * the contact details of the author and follow the same layout. */ .m-featured-article-list .img, .m-featured-article-list .latest-news-img { padding-top: 1.5em; padding-bottom: 1.5em; } .m-featured-article-list .bd { padding-top: 1.5em; padding-bottom: 1.5em; } .m-featured-article-list li { overflow: hidden; *zoom: 1; } .ie7 .m-featured-article-list ul { list-position: outside; } /* ========================================================================== Module : Footnote ========================================================================== */ /** * Remove the default styling from the default Drupal footnote class */ .footnotes { border: 0; margin: 0; } /** * Apply styles to the new STEP module and default Drupal class */ .m-footnote, .footnotes { font-size: 0.85714em; line-height: 1.75em; list-style-position: outside; margin-left: 17px; list-style: none!important; } .m-footnote li, .footnotes li { margin-bottom: 0.75em; margin-left: 2.5em!important; } /* ========================================================================== Module : Header Search ========================================================================== */ .m-header-search form { overflow: hidden; } .m-header-search fieldset { margin: 0; } .m-header-search label { display: none; } .m-header-search input { float: left; margin-right: 5px; } .m-header-search button { float: left; padding: 4px 0; margin: 0; border: 0; background: none; color: white; cursor: pointer; font-size: inherit; line-height: 1; } .m-header-search button:hover, .m-header-search button:focus { background: none; } .m-header-search .cse .gsc-search-button input.gsc-search-button-v2, .m-header-search input.gsc-search-button-v2 { width: auto; height: 30px; } .m-header-search .gsib_a, .m-header-search .gsib_b, .m-header-search .gsc-search-button, .m-header-search .gsc-clear-button, .m-header-search .gsc-input { border-bottom: 0px; } .m-header-search td.gsc-search-button { padding: 0px; } .m-header-search .gsib_a { padding: 6px 7px 0px; } .m-header-search td .gsib_b { padding: 0px; } .m-header-search .m-site-search { max-width: 310px; float: right; } .m-header-search .cse .gsc-control-cse, .m-header-search .gsc-control-cse { border: 0px; padding: 0px; } .m-header-search .gsc-input-box { height: 28px; } .m-header-search input.gsc-input { font-size: 12px; } /* ========================================================================== Module : m-highlighted-content ========================================================================== */ /** * Module: m-highlighted-content * * Content within an article or standard page which is highlighted. * */ .m-highlighted-content { background: #e2e2e2; border: solid 1px #007cc3; padding: 20px; margin-bottom: 1.5em; } /* ========================================================================== Module : Horizontal Carousel ========================================================================== */ @media only screen and (min-width: 1px) { .m-horizontal-carousel { display: none; } .prev, .next { display: none; } } .connect { margin-top: 12px; } .connect-intro p { font-weight: bold; } .connect-intro { float: left; padding-top: 6px; margin-left: 20px; } .connect-intro p { font-weight: bold; } .connect-icons { float: left; margin-left: 20px; } .connect-links { float: left; } @media only screen and (min-width: 1px) { .connect-links { margin-left: 20px; margin-right: 80px; margin-bottom: 14px; } } @media only screen and (min-width: 769px) { .connect-links { margin-left: 65px; } } .footer-menu-1, .footer-menu-2, .footer-menu-3, .footer-menu-4 { width: 20%; float: left; margin: 20px; line-height: 30px; } .footer-menu-1 a, .footer-menu-2 a, .footer-menu-3 a, .footer-menu-4 a { color: #000; } .footer-menu-1 h3, .footer-menu-2 h3, .footer-menu-3 h3, .footer-menu-4 h3 { font-size: 14px; margin-bottom: 3px; } @media only screen and (min-width: 540px) { .m-horizontal-carousel { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: both; color: white; border-bottom: 10px solid #113961; z-index: 1; position: relative; display: block; overflow: hidden; } .m-horizontal-carousel ul.slides { overflow: hidden; position: relative; left: 0; margin-bottom: 0!important; } .m-horizontal-carousel ul.slides li { float: left; position: relative; } .m-horizontal-carousel ol.flex-control-paging { text-align: center; position: absolute; bottom: 1.5em; left: 50%; z-index: 3; margin: 0!important; } .m-horizontal-carousel ol.flex-control-paging li { display: inline-block; } .m-horizontal-carousel ol.flex-control-paging a { display: inline-block; height: 10px; width: 10px; text-indent: -9999px; margin-right: 0.75em; overflow: hidden; *zoom: 1; background: #e2e2e2; } .m-horizontal-carousel ol.flex-control-paging a.flex-active { background: #113961; } .m-horizontal-carousel .flex-direction-nav { margin-bottom: 0em; } .m-horizontal-carousel .flex-prev, .m-horizontal-carousel .flex-next { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #42446d), color-stop(100%, #42446d)); background-image: -webkit-linear-gradient(#42446d, #42446d); background-image: -moz-linear-gradient(#42446d, #42446d); background-image: -o-linear-gradient(#42446d, #42446d); background-image: linear-gradient(#42446d, #42446d); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; width: 40px; height: 40px; padding: 0; line-height: 40px; position: absolute; z-index: 100; font-family: "latobold", Arial, sans-serif; font-size: 30px; font-weight: bold; color: white; top: 45%; } .ie .m-horizontal-carousel .flex-prev, .ie .m-horizontal-carousel .flex-next { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF42446D', endColorstr='#FF42446D'); } .m-horizontal-carousel .flex-prev:hover, .m-horizontal-carousel .flex-next:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyNDQ2ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #42446d), color-stop(100%, #42446d)); background-image: -webkit-linear-gradient(#42446d, #42446d); background-image: -moz-linear-gradient(#42446d, #42446d); background-image: -o-linear-gradient(#42446d, #42446d); background-image: linear-gradient(#42446d, #42446d); /* legacy IE filter support */ text-decoration: none; } .ie .m-horizontal-carousel .flex-prev:hover, .ie .m-horizontal-carousel .flex-next:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF42446D', endColorstr='#FF42446D'); } .m-horizontal-carousel .flex-prev:hover, .m-horizontal-carousel .flex-next:hover { text-decoration: none; } .m-horizontal-carousel .flex-prev { left: 15px; } .m-horizontal-carousel .flex-next { right: 15px; } .m-horizontal-carousel .bd { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 8em; padding-right: 3em; } .m-horizontal-carousel .bd .carousel-indent { margin-left: 40px; } .m-horizontal-carousel .bd > h1, .m-horizontal-carousel #ft-payments-user-payments-form .bd > h2, #ft-payments-user-payments-form .m-horizontal-carousel .bd > h2 { font-size: 16px; margin-bottom: 0.75em; color: #777; font-weight: bold; } .m-horizontal-carousel .bd > h2 { font-size: 12px; line-height: 1; margin-bottom: 0.75em; color: #777; font-weight: normal; } .m-horizontal-carousel .bd > h3 { font-size: 12px; line-height: 1; margin-bottom: 0.75em; color: #e6502f; font-weight: normal; } .m-horizontal-carousel .bd > p { margin-bottom: 1.5em; font-size: 21px; line-height: 1.2em; font-family: "latobold", Arial, sans-serif; color: white; } .m-horizontal-carousel .bd > .btn-link { font-size: 14px; } .m-horizontal-carousel .imgExt, .m-horizontal-carousel .latest-news-img { display: none!important; } .m-horizontal-carousel .m-horizontal-carousel .slides .bd p { font-size: 12px !important; line-height: 18px !important; } .m-horizontal-carousel .btn-link { text-transform: uppercase; background-image: linear-gradient(#e65130, #e65130) !important; border-radius: 0 0 12px 0px; color: #FFF !important; } } /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ @media only screen and (min-width: 1026px) { .m-horizontal-carousel .bd .carousel-indent { margin-left: 40px; } .m-horizontal-carousel .imgExt, .m-horizontal-carousel .latest-news-img { float: left; width: 41.66667%; margin-left: 58.33333%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; margin-bottom: 0em; display: block!important; } .m-horizontal-carousel .imgExt img, .m-horizontal-carousel .latest-news-img img { float: right; width: 100%; } .m-horizontal-carousel .flex-prev, .m-horizontal-carousel .flex-next { top: 130px; } } /* ========================================================================== Module : Horizontal Links ========================================================================== */ .m-horizontal-links, .m-comment .reply-links ul, .m-pagination { margin-top: 0; margin-bottom: 0; } .m-horizontal-links li, .m-comment .reply-links ul li, .m-pagination li { float: left; margin-left: 3px; display: inline-block; } .m-horizontal-links li:after, .m-comment .reply-links ul li:after, .m-pagination li:after { content: " |"; color: #313131; } .m-horizontal-links li:first-child, .m-comment .reply-links ul li:first-child, .m-pagination li:first-child { margin-left: 0; } .m-horizontal-links li:last-child:after, .m-comment .reply-links ul li:last-child:after, .m-pagination li:last-child:after, .m-horizontal-links li.last:after, .m-comment .reply-links ul li.last:after, .m-pagination li.last:after { content: " "; } .m-horizontal-links-events { margin-top: 0; margin-bottom: 0; } .m-horizontal-links-events li { float: left; display: inline-block; } .m-horizontal-links-events li:first-child { margin-left: 0; } .m-horizontal-links-events li:last-child:after, .m-horizontal-links-events li.last:after { content: " "; } /* ========================================================================== Module : Job Detail ========================================================================== */ .m-job-details { clear: left; overflow: hidden; *zoom: 1; margin-bottom: 1.5em; } .m-job-details .content { padding: 15px; } .m-job-details .imgExt, .m-job-details .latest-news-img { max-width: 160px; } .m-job-details .imgExt img, .m-job-details .latest-news-img img { max-width: 100%; float: right; padding-top: 20px; } @media only screen and (min-width: 1px) { .m-job-details .imgExt, .m-job-details .latest-news-img { display: none; } } @media only screen and (min-width: 540px) { .m-job-details .imgExt, .m-job-details .latest-news-img { display: inline-block; } } .m-job-details .bd { float: left; margin-right: 0.5em; padding-top: 5px; } @media only screen and (min-width: 1px) { .m-job-details .bd { width: 90%; } } @media only screen and (min-width: 540px) { .m-job-details .bd { width: 350px; } } @media only screen and (min-width: 1224px) { .m-job-details .bd { width: 400px; } } .m-job-details p.summary { margin-bottom: 20px; } .m-job-details h2.jobs { color: #cd1131; margin-bottom: 0.4em; } .m-job-details h3.jobs { color: #cd1131; margin-bottom: 0em; clear: both; } .m-job-details .jobsLinkOuter { position: relative; float: left; width: 155px; } @media only screen and (min-width: 1px) { .m-job-details .jobsLinkOuter { height: 40px; } } @media only screen and (min-width: 540px) { .m-job-details .jobsLinkOuter { height: 120px; } } .m-job-details .jobsLink { position: absolute; bottom: 0; margin-left: 0.5em; } .m-job-details .btn-link { background-color: #E9734B; background-image: none; margin-bottom: 20px; } .m-job-details .featured-icon { float: left; padding-right: 10px; } .m-job-details .summary a { color: #cd1131; font-weight: strong; } .m-job-details.standard { border: solid 2px #cd1131; } .m-job-details.standard .imgExt.jobs, .m-job-details.standard .jobs.latest-news-img { float: left; margin-left: 0.5em; margin-right: 0.5em; } .m-job-details.jotm { background-color: #feeae6; } .m-job-details.jotm header { background-color: #cd1131; padding: 2px; color: white; display: block; } .ie .m-job-details.jotm header { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF009CF6', endColorstr='#FF007CC3'); } .m-job-details.jotm header span { background-color: #cd1131; colour: white; } .m-job-details.jotm .imgExt.jobs, .m-job-details.jotm .jobs.latest-news-img { float: left; margin-left: 0.5em; margin-right: 0.5em; } .m-job-details.premium { background-color: #feeae6; } .m-job-details.premium header { background-color: #E9734B; padding: 2px; color: #007cc3; display: block; } .m-job-details.premium header span { background-color: #E9734B; colour: white; } .m-job-details.premium .imgExt.jobs, .m-job-details.premium .jobs.latest-news-img { float: left; margin-left: 0.5em; margin-right: 0.5em; } .m-copy-intro-jobs { padding-bottom: 0em; margin-bottom: 1.5em; border-bottom: 2px dotted #cd1131; } .featured-title { padding-top: 2px; } /* ========================================================================== Module : Jobs ========================================================================== */ .m-job-list { margin-left: 0!important; } .m-job-list > li { padding-bottom: 0!important; margin-bottom: 0!important; border-bottom: none; } .m-job-list.jotm { border-bottom: 10px solid #313131; } .m-job-list > li.premium:last-child { border-bottom: 10px solid #313131; } /* Homepage Jump Menu */ .jump-menu-container { margin-bottom: 1.5em; position: relative; height: 20px; } .m-jump-menu, .m-jump-menu dd, .m-jump-menu dt, .m-jump-menu a { margin: 0; padding: 0; width: 100%!important; } .m-jump-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: block; position: absolute; left: 0; border: 1px solid #777777; color: #777777; overflow: hidden; background: white; max-height: 200px; z-index: 1000; } .m-jump-menu.js-open { overflow-y: auto; } .m-homepage-section-spotlights .m-jump-menu { max-height: 105px; } .m-jump-menu.js-open dt { border-bottom: dotted 1px #e2e2e2; background: white; } .m-jump-menu dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 20px; padding: 0 30px 0 0; font-weight: normal; background: url(../img/jump-menu.gif) no-repeat right; text-indent: 10px; } .m-jump-menu dt span:after { display: inline-block; } .m-jump-menu a { text-indent: 10px; cursor: pointer; border-bottom: dotted 1px #e2e2e2; display: block; } .m-jump-menu a:last-child { border-bottom: none; } .m-jump-menu a:hover, .m-jump-menu a:focus { background: #113961; color: #FFF !important; text-decoration: none; } .m-jump-menu dd { display: none; } .m-jump-menu.js-open dd { display: block; } /* ========================================================================== Module : Latest Journal ========================================================================== */ .m-latest-journal { margin-bottom: 1.5em; } .m-latest-journal p:last-of-type { margin-bottom: 0; } .m-latest-journal div > img { max-height: 200px; width: auto; margin: 0 auto; display: block; } /* ========================================================================== Module : Landing Section Spotlights ========================================================================== */ /** * These are the section spotlights used on the homepage of the website. */ .m-homepage-section-spotlights { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: both; margin-bottom: 1.5em; border-top: 10px solid #313131; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights > h2 { display: none; } } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights > h2 { display: block; } } .m-homepage-section-spotlights time { display: block; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights .m-landing-section-spotlight, .m-homepage-section-spotlights .sigs { margin-bottom: 1.5em; } } @media only screen and (min-width: 540px) { .m-homepage-section-spotlights .m-landing-section-spotlight, .m-homepage-section-spotlights .sigs { margin-bottom: 0em; } } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) h3, .m-homepage-section-spotlights .sigs:nth-child(1) h3 { margin-bottom: 0.75em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a, .m-homepage-section-spotlights .sigs:nth-child(1) a { color: #113961; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NTI4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExMzk2MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #19528c), color-stop(100%, #113961)); background-image: -webkit-linear-gradient(#19528c, #113961); background-image: -moz-linear-gradient(#19528c, #113961); background-image: -o-linear-gradient(#19528c, #113961); background-image: linear-gradient(#19528c, #113961); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; display: block; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF19528C', endColorstr='#FF113961'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMzk2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5NTI4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #113961), color-stop(100%, #19528c)); background-image: -webkit-linear-gradient(#113961, #19528c); background-image: -moz-linear-gradient(#113961, #19528c); background-image: -o-linear-gradient(#113961, #19528c); background-image: linear-gradient(#113961, #19528c); /* legacy IE filter support */ text-decoration: none; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF113961', endColorstr='#FF19528C'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all > span, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all > span { float: right; padding: 0 0 0 15px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all > span:after, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all > span:after { content: " >"; } .ie7 .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all > span, .ie7 .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all > span { display: none; } } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all { position: absolute; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:hover, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:active, .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(1) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .bd, .m-homepage-section-spotlights .sigs:nth-child(1) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .bd, .m-homepage-section-spotlights .sigs:nth-child(1) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .bd, .ie .m-homepage-section-spotlights .sigs:nth-child(1) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; height: 12em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .communities, .m-homepage-section-spotlights .sigs:nth-child(1) .communities { background-color: #eef6e7; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .communities a, .m-homepage-section-spotlights .sigs:nth-child(1) .communities a { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .members, .m-homepage-section-spotlights .sigs:nth-child(1) .members { background-color: #fdeae6; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .about-us, .m-homepage-section-spotlights .sigs:nth-child(1) .about-us { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .bd.qualifications, .m-homepage-section-spotlights .sigs:nth-child(1) .bd.qualifications { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .qualifications a, .m-homepage-section-spotlights .sigs:nth-child(1) .qualifications a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .policy, .m-homepage-section-spotlights .sigs:nth-child(1) .policy { background-color: #e7e4eb; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .policy a, .m-homepage-section-spotlights .sigs:nth-child(1) .policy a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .knowledge, .m-homepage-section-spotlights .sigs:nth-child(1) .knowledge { background-color: #fbe9df; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .knowledge a, .m-homepage-section-spotlights .sigs:nth-child(1) .knowledge a { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-about-us, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-policy, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-members, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-qualifications, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-knowledge, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-communities, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-join-us, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-join-us { margin-left: 6px; margin-right: 22px; border-color: #000; color: #000; padding-bottom: 1px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-about-us h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-about-us h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-policy h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-policy h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-members h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-members h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-qualifications h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-qualifications h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-knowledge h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-knowledge h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-communities h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-communities h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-join-us h3, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-join-us h3 { font-size: 100%; font-weight: bold; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-about-us h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-policy h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-members h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-members h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-qualifications h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-knowledge h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-communities h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-join-us h4 { font-size: 100%; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-about-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-policy h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-qualifications h4 { color: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-qualifications h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-knowledge h4 { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-communities h4 { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(1) .inner-spot-join-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-join-us { height: 4px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-about-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-policy { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-members { background: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-qualifications { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-knowledge { background: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-communities { background: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(1) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(1) .hr-join-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) h3, .m-homepage-section-spotlights .sigs:nth-child(2) h3 { margin-bottom: 0.75em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a, .m-homepage-section-spotlights .sigs:nth-child(2) a { color: #007cc3; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009cf6), color-stop(100%, #007cc3)); background-image: -webkit-linear-gradient(#009cf6, #007cc3); background-image: -moz-linear-gradient(#009cf6, #007cc3); background-image: -o-linear-gradient(#009cf6, #007cc3); background-image: linear-gradient(#009cf6, #007cc3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; display: block; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF009CF6', endColorstr='#FF007CC3'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWNmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007cc3), color-stop(100%, #009cf6)); background-image: -webkit-linear-gradient(#007cc3, #009cf6); background-image: -moz-linear-gradient(#007cc3, #009cf6); background-image: -o-linear-gradient(#007cc3, #009cf6); background-image: linear-gradient(#007cc3, #009cf6); /* legacy IE filter support */ text-decoration: none; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF007CC3', endColorstr='#FF009CF6'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all > span, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all > span { float: right; padding: 0 0 0 15px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all > span:after, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all > span:after { content: " >"; } .ie7 .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all > span, .ie7 .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all > span { display: none; } } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all { position: absolute; bottom: 0.5em; background-image: none; background: transparent!important; color: #007cc3; display: inline-block; padding: 0; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:hover, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:active, .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #007cc3; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(2) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .bd, .m-homepage-section-spotlights .sigs:nth-child(2) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .bd, .m-homepage-section-spotlights .sigs:nth-child(2) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .bd, .ie .m-homepage-section-spotlights .sigs:nth-child(2) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; height: 12em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .communities, .m-homepage-section-spotlights .sigs:nth-child(2) .communities { background-color: #eef6e7; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .communities a, .m-homepage-section-spotlights .sigs:nth-child(2) .communities a { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .members, .m-homepage-section-spotlights .sigs:nth-child(2) .members { background-color: #fdeae6; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .about-us, .m-homepage-section-spotlights .sigs:nth-child(2) .about-us { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .bd.qualifications, .m-homepage-section-spotlights .sigs:nth-child(2) .bd.qualifications { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .qualifications a, .m-homepage-section-spotlights .sigs:nth-child(2) .qualifications a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .policy, .m-homepage-section-spotlights .sigs:nth-child(2) .policy { background-color: #e7e4eb; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .policy a, .m-homepage-section-spotlights .sigs:nth-child(2) .policy a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .knowledge, .m-homepage-section-spotlights .sigs:nth-child(2) .knowledge { background-color: #fbe9df; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .knowledge a, .m-homepage-section-spotlights .sigs:nth-child(2) .knowledge a { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-about-us, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-policy, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-members, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-qualifications, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-knowledge, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-communities, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-join-us, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-join-us { margin-left: 6px; margin-right: 22px; border-color: #000; color: #000; padding-bottom: 1px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-about-us h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-about-us h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-policy h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-policy h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-members h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-members h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-qualifications h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-qualifications h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-knowledge h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-knowledge h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-communities h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-communities h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-join-us h3, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-join-us h3 { font-size: 100%; font-weight: bold; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-about-us h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-policy h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-members h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-members h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-qualifications h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-knowledge h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-communities h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-join-us h4 { font-size: 100%; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-about-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-policy h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-qualifications h4 { color: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-qualifications h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-knowledge h4 { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-communities h4 { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(2) .inner-spot-join-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-join-us { height: 4px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-about-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-policy { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-members { background: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-qualifications { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-knowledge { background: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-communities { background: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(2) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(2) .hr-join-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) h3, .m-homepage-section-spotlights .sigs:nth-child(3) h3 { margin-bottom: 0.75em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a, .m-homepage-section-spotlights .sigs:nth-child(3) a { color: #815e24; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a97b2f), color-stop(100%, #815e24)); background-image: -webkit-linear-gradient(#a97b2f, #815e24); background-image: -moz-linear-gradient(#a97b2f, #815e24); background-image: -o-linear-gradient(#a97b2f, #815e24); background-image: linear-gradient(#a97b2f, #815e24); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; display: block; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA97B2F', endColorstr='#FF815E24'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #815e24), color-stop(100%, #a97b2f)); background-image: -webkit-linear-gradient(#815e24, #a97b2f); background-image: -moz-linear-gradient(#815e24, #a97b2f); background-image: -o-linear-gradient(#815e24, #a97b2f); background-image: linear-gradient(#815e24, #a97b2f); /* legacy IE filter support */ text-decoration: none; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF815E24', endColorstr='#FFA97B2F'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all > span, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all > span { float: right; padding: 0 0 0 15px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all > span:after, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all > span:after { content: " >"; } .ie7 .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all > span, .ie7 .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all > span { display: none; } } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all { position: absolute; bottom: 0.5em; background-image: none; background: transparent!important; color: #815e24; display: inline-block; padding: 0; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:hover, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:active, .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #815e24; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(3) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .bd, .m-homepage-section-spotlights .sigs:nth-child(3) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .bd, .m-homepage-section-spotlights .sigs:nth-child(3) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .bd, .ie .m-homepage-section-spotlights .sigs:nth-child(3) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; height: 12em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .communities, .m-homepage-section-spotlights .sigs:nth-child(3) .communities { background-color: #eef6e7; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .communities a, .m-homepage-section-spotlights .sigs:nth-child(3) .communities a { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .members, .m-homepage-section-spotlights .sigs:nth-child(3) .members { background-color: #fdeae6; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .about-us, .m-homepage-section-spotlights .sigs:nth-child(3) .about-us { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .bd.qualifications, .m-homepage-section-spotlights .sigs:nth-child(3) .bd.qualifications { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .qualifications a, .m-homepage-section-spotlights .sigs:nth-child(3) .qualifications a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .policy, .m-homepage-section-spotlights .sigs:nth-child(3) .policy { background-color: #e7e4eb; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .policy a, .m-homepage-section-spotlights .sigs:nth-child(3) .policy a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .knowledge, .m-homepage-section-spotlights .sigs:nth-child(3) .knowledge { background-color: #fbe9df; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .knowledge a, .m-homepage-section-spotlights .sigs:nth-child(3) .knowledge a { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-about-us, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-policy, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-members, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-qualifications, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-knowledge, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-communities, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-join-us, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-join-us { margin-left: 6px; margin-right: 22px; border-color: #000; color: #000; padding-bottom: 1px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-about-us h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-about-us h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-policy h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-policy h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-members h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-members h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-qualifications h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-qualifications h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-knowledge h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-knowledge h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-communities h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-communities h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-join-us h3, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-join-us h3 { font-size: 100%; font-weight: bold; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-about-us h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-policy h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-members h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-members h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-qualifications h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-knowledge h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-communities h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-join-us h4 { font-size: 100%; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-about-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-policy h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-qualifications h4 { color: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-qualifications h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-knowledge h4 { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-communities h4 { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(3) .inner-spot-join-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-join-us { height: 4px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-about-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-policy { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-members { background: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-qualifications { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-knowledge { background: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-communities { background: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(3) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(3) .hr-join-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) h3, .m-homepage-section-spotlights .sigs:nth-child(4) h3 { margin-bottom: 0.75em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a, .m-homepage-section-spotlights .sigs:nth-child(4) a { color: #c79137; } @media only screen and (min-width: 1px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzYTc1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3OTEzNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3a75e), color-stop(100%, #c79137)); background-image: -webkit-linear-gradient(#d3a75e, #c79137); background-image: -moz-linear-gradient(#d3a75e, #c79137); background-image: -o-linear-gradient(#d3a75e, #c79137); background-image: linear-gradient(#d3a75e, #c79137); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; color: #fff; border: none; cursor: pointer; text-transform: uppercase; border-radius: 0 0 12px 0px; margin-right: 12px; margin-bottom: 5px; /* legacy IE filter support */ text-align: left; display: block; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD3A75E', endColorstr='#FFC79137'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3OTEzNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzYTc1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c79137), color-stop(100%, #d3a75e)); background-image: -webkit-linear-gradient(#c79137, #d3a75e); background-image: -moz-linear-gradient(#c79137, #d3a75e); background-image: -o-linear-gradient(#c79137, #d3a75e); background-image: linear-gradient(#c79137, #d3a75e); /* legacy IE filter support */ text-decoration: none; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:hover { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC79137', endColorstr='#FFD3A75E'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all > span, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all > span { float: right; padding: 0 0 0 15px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all > span:after, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all > span:after { content: " >"; } .ie7 .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all > span, .ie7 .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all > span { display: none; } } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all { position: absolute; bottom: 0.5em; background-image: none; background: transparent!important; color: #c79137; display: inline-block; padding: 0; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:hover, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:hover, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:active, .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #c79137; } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:hover, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:hover, .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) a.see-all:active, .ie .m-homepage-section-spotlights .sigs:nth-child(4) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .bd, .m-homepage-section-spotlights .sigs:nth-child(4) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .bd, .m-homepage-section-spotlights .sigs:nth-child(4) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; } } .ie .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .bd, .ie .m-homepage-section-spotlights .sigs:nth-child(4) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; height: 12em; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .communities, .m-homepage-section-spotlights .sigs:nth-child(4) .communities { background-color: #eef6e7; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .communities a, .m-homepage-section-spotlights .sigs:nth-child(4) .communities a { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .members, .m-homepage-section-spotlights .sigs:nth-child(4) .members { background-color: #fdeae6; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .about-us, .m-homepage-section-spotlights .sigs:nth-child(4) .about-us { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .bd.qualifications, .m-homepage-section-spotlights .sigs:nth-child(4) .bd.qualifications { background-color: #eff1fd; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .qualifications a, .m-homepage-section-spotlights .sigs:nth-child(4) .qualifications a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .policy, .m-homepage-section-spotlights .sigs:nth-child(4) .policy { background-color: #e7e4eb; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .policy a, .m-homepage-section-spotlights .sigs:nth-child(4) .policy a { color: #42446d; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .knowledge, .m-homepage-section-spotlights .sigs:nth-child(4) .knowledge { background-color: #fbe9df; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .knowledge a, .m-homepage-section-spotlights .sigs:nth-child(4) .knowledge a { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-about-us, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-policy, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-members, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-qualifications, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-knowledge, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-communities, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-join-us, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-join-us { margin-left: 6px; margin-right: 22px; border-color: #000; color: #000; padding-bottom: 1px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-about-us h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-about-us h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-policy h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-policy h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-members h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-members h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-qualifications h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-qualifications h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-knowledge h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-knowledge h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-communities h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-communities h3, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-join-us h3, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-join-us h3 { font-size: 100%; font-weight: bold; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-about-us h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-policy h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-members h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-members h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-qualifications h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-knowledge h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-communities h4, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-join-us h4 { font-size: 100%; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-about-us h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-about-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-policy h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-policy h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-qualifications h4 { color: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-qualifications h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-qualifications h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-knowledge h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-knowledge h4 { color: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-communities h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-communities h4 { color: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .inner-spot-join-us h4, .m-homepage-section-spotlights .sigs:nth-child(4) .inner-spot-join-us h4 { color: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-about-us, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-policy, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-members, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-qualifications, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-knowledge, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-communities, .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-join-us { height: 4px; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-about-us, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-about-us { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-policy, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-policy { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-members, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-members { background: #cd1131; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-qualifications, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-qualifications { background: #428fda; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-knowledge, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-knowledge { background: #e9734b; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-communities, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-communities { background: #43aa34; } .m-homepage-section-spotlights .m-landing-section-spotlight:nth-child(4) .hr-join-us, .m-homepage-section-spotlights .sigs:nth-child(4) .hr-join-us { background: #428fda; } .m-landing-section-spotlight ol, .sigs ol { list-style: none; margin-left: 0; } .m-landing-section-spotlight ol li, .sigs ol li { border-bottom: dotted 1px #313131; padding-bottom: 0.75em; margin-bottom: 0.75em; } .m-landing-section-spotlight ol li > p, .sigs ol li > p { margin-bottom: 0; } .m-landing-section-spotlight .see-all:after, .sigs .see-all:after { content: " >"; } .events time { font-size: 0.64286em; line-height: 2.33333em; float: left; margin: 0 1em 1em 0; background: #e2e2e2; text-align: center; min-width: 30px; min-height: 30px; color: #313131; line-height: 1; padding: 5px 0 2px 0; } .events time .day { font-size: 2em; display: block; line-height: 1; } .branches fieldset { margin-top: 0; } .branches select { width: 100%; } .sigs > p { margin: 8px 0; } .h-landing-section-spotlights { display: none; } /* ========================================================================== Module : Lists ========================================================================== */ /** * These are the standard lists styles for the content area. */ .m-bulleted-list { list-style-position: outside; list-style-image: url("../img/list-item-icon.gif"); margin-left: 1em; } ol { list-style-type: decimal; list-style-position: outside; margin-left: 1.5em; } ol.lettered-list { list-style-type: lower-latin; } /* ========================================================================== Module : Media ========================================================================== */ /** * Ref: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ * * The media module is taken directly from the OOCSS media object. It can be used * for any content that combines an image with some text. The image is floated * left by default with the text on the right, but extending the image wrapper * with the imgExt class reverses the floats. */ .m-media, .m-comment, .m-drupal-list, .m-featured-article-list, .m-search-results-expanded, .m-job-list { overflow: hidden; *overflow: visible; zoom: 1; margin-bottom: 1.5em; clear: left; } @media only screen and (min-width: 1px) { .m-media .img, .m-comment .img, .m-drupal-list .img, .m-featured-article-list .img, .m-search-results-expanded .img, .m-job-list .img, .m-media .latest-news-img, .m-comment .latest-news-img, .m-drupal-list .latest-news-img, .m-featured-article-list .latest-news-img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { display: none; } .m-media .bd, .m-comment .bd, .m-drupal-list .bd, .m-featured-article-list .bd, .m-search-results-expanded .bd, .m-job-list .bd { overflow: none; } } @media only screen and (min-width: 540px) { .m-media .img, .m-comment .img, .m-drupal-list .img, .m-featured-article-list .img, .m-search-results-expanded .img, .m-job-list .img, .m-media .latest-news-img, .m-comment .latest-news-img, .m-drupal-list .latest-news-img, .m-featured-article-list .latest-news-img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { display: inline-block; } .m-media .bd, .m-comment .bd, .m-drupal-list .bd, .m-featured-article-list .bd, .m-search-results-expanded .bd, .m-job-list .bd { overflow: hidden; } } .m-media .img, .m-comment .img, .m-drupal-list .img, .m-featured-article-list .img, .m-search-results-expanded .img, .m-job-list .img, .m-media .latest-news-img, .m-comment .latest-news-img, .m-drupal-list .latest-news-img, .m-featured-article-list .latest-news-img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { float: left; margin-right: 1.5em; } .m-media .img img, .m-comment .img img, .m-drupal-list .img img, .m-featured-article-list .img img, .m-search-results-expanded .img img, .m-job-list .img img, .m-media .latest-news-img img, .m-comment .latest-news-img img, .m-drupal-list .latest-news-img img, .m-featured-article-list .latest-news-img img, .m-search-results-expanded .latest-news-img img, .m-job-list .latest-news-img img { display: block; } @media only screen and (min-width: 1px) { .m-media .imgExt, .m-comment .imgExt, .m-drupal-list .imgExt, .m-featured-article-list .imgExt, .m-search-results-expanded .imgExt, .m-job-list .imgExt, .m-media .latest-news-img, .m-comment .latest-news-img, .m-drupal-list .latest-news-img, .m-featured-article-list .latest-news-img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { float: none; margin: 0; } .m-media .imgExt img, .m-comment .imgExt img, .m-drupal-list .imgExt img, .m-featured-article-list .imgExt img, .m-search-results-expanded .imgExt img, .m-job-list .imgExt img, .m-media .latest-news-img img, .m-comment .latest-news-img img, .m-drupal-list .latest-news-img img, .m-featured-article-list .latest-news-img img, .m-search-results-expanded .latest-news-img img, .m-job-list .latest-news-img img { width: 100%; } } @media only screen and (min-width: 540px) { .m-media .imgExt, .m-comment .imgExt, .m-drupal-list .imgExt, .m-featured-article-list .imgExt, .m-search-results-expanded .imgExt, .m-job-list .imgExt, .m-media .latest-news-img, .m-comment .latest-news-img, .m-drupal-list .latest-news-img, .m-featured-article-list .latest-news-img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { float: right; margin-right: 0; margin-left: 1.5em; } .m-media .imgExt img, .m-comment .imgExt img, .m-drupal-list .imgExt img, .m-featured-article-list .imgExt img, .m-search-results-expanded .imgExt img, .m-job-list .imgExt img, .m-media .latest-news-img img, .m-comment .latest-news-img img, .m-drupal-list .latest-news-img img, .m-featured-article-list .latest-news-img img, .m-search-results-expanded .latest-news-img img, .m-job-list .latest-news-img img { width: auto; } } @media only screen and (min-width: 1px) { .m-content-img { float: none; margin: 0; } .m-content-img img { width: 100%; } } @media only screen and (min-width: 540px) { .m-content-img { margin-bottom: 1.5em; float: right; margin-right: 0; margin-left: 1.5em; max-width: 50%; } .m-content-img img { width: auto; } } /* ========================================================================== Module : Member Login ========================================================================== */ .m-member-login, .m-member-logout { color: white; /* Hide for mobile */ /* Show for tablet and above */ /* Show for IE8 and below */ } .m-member-login a, .m-member-logout a { color: white; } @media only screen and (min-width: 540px) { .m-member-login, .m-member-logout { float: right; display: block; margin: 6px 0 0 0; } } #user-login .description { margin-top: 5px; } /* ========================================================================== Module : Navigation ========================================================================== */ /** * Ref: http://csswizardry.com/2011/09/the-nav-abstraction/ * * This module uses the nav abstraction concept. Create a generic nav unordered list * element and then extend it to create specific types of navigation elements such abstraction * such as breadcrumb, site-links, footer nav etc. */ /* generic m-nav module ========================================================================== */ .m-nav, .m-breadcrumb, .m-vertical-nav, .m-related-links ul, .m-secondary-nav, .m-taxonomy-nav, .m-primary-nav-tablet, .m-tabbed-content .tabbed-content-tabs, .m-vertical-list { list-style: none; margin-left: 0; padding-left: 0; } .m-nav li, .m-breadcrumb li, .m-vertical-nav li, .m-related-links ul li, .m-secondary-nav li, .m-taxonomy-nav li, .m-primary-nav-tablet li, .m-tabbed-content .tabbed-content-tabs li, .m-vertical-list li { display: inline; list-style-image: none; } .m-nav a, .m-breadcrumb a, .m-vertical-nav a, .m-related-links ul a, .m-secondary-nav a, .m-taxonomy-nav a, .m-primary-nav-tablet a, .m-tabbed-content .tabbed-content-tabs a, .m-vertical-list a { display: inline-block; } /* m-breadcrumb extends m-nav to create a breadcrumb ========================================================================== */ .m-vertical-nav li, .m-related-links ul li, .m-secondary-nav li, .m-taxonomy-nav li { display: block; } /* ========================================================================== Module : Pagination ========================================================================== */ .m-pagination { overflow: hidden; *zoom: 1; padding-left: 0; padding-right: 0; clear: left; margin-bottom: 1em; } .m-pagination ol { list-style: none; display: inline-block; margin: 0; } .m-pagination .current > a { text-decoration: underline; font-weight: bold; color: #113961; } .m-pagination .previous { float: left; width: 12.5%; margin-left: 0%; margin-right: -12.5%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } @media only screen and (min-width: 1px) and (max-width: 540px) { .m-pagination .previous a { color: transparent; } .m-pagination .previous a span { font-size: 1.21429em; line-height: 1.23529em; color: #007cc3; } .m-pagination .previous a span:before { content: " < "; } .m-pagination .previous a span:hover { text-decoration: underline; } } @media only screen and (min-width: 540px) { .m-pagination .previous { float: left; width: 25%; margin-left: 0%; margin-right: -25%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-pagination .previous:before { content: "< "; } } @media only screen and (min-width: 1224px) { .m-pagination .previous { float: left; width: 12.5%; margin-left: 0%; margin-right: -12.5%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } .m-pagination .pages { float: left; width: 75%; margin-left: 12.5%; margin-right: -87.5%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; text-align: center; display: block; } @media only screen and (min-width: 540px) { .m-pagination .pages { float: left; width: 50%; margin-left: 25%; margin-right: -75%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } @media only screen and (min-width: 1224px) { .m-pagination .pages { float: left; width: 75%; margin-left: 12.5%; margin-right: -87.5%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } .m-pagination .next { float: left; width: 12.5%; margin-left: 87.5%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } @media only screen and (min-width: 1px) and (max-width: 540px) { .m-pagination .next a { color: transparent; } .m-pagination .next a span { font-size: 1.21429em; line-height: 1.23529em; color: #007cc3; } .m-pagination .next a span:before { content: " > "; } .m-pagination .next a span:hover { text-decoration: underline; } } @media only screen and (min-width: 1px) { .m-pagination .next { display: inline; } } @media only screen and (min-width: 540px) { .m-pagination .next { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; text-align: right; display: block; } .m-pagination .next:after { content: " >"; } } @media only screen and (min-width: 1224px) { .m-pagination .next { float: left; width: 12.5%; margin-left: 87.5%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } } /* ========================================================================== Module : Primary Navigation ========================================================================== */ /** * The primary navigation module has 2 states. The mobile state (a select drop * down) and a tablet state (a horizontal list). * * The tablet state extends m-nav to create the horizontal list. */ /* m-primary-nav-mobile doesn't extend m-nav but it makes sense to include here ========================================================================== */ @media only screen and (min-width: 1px) { .m-primary-nav-mobile { margin-top: 1.5em; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: left; padding: 9px 0 11px; background-color: #113961; overflow: hidden; } .m-primary-nav-mobile div { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-primary-nav-mobile select { width: 100%; } } @media only screen and (min-width: 540px) { .m-primary-nav-mobile { display: none; } } /* m-primary-nav-table extends m-nav to create the primary navigation ========================================================================== */ .m-primary-nav-tablet { overflow: visible; vertical-align: text-top; z-index: 3; /** * This breakpoint is only used to move the primary nav down * to the tablet position before the tablet-l breakpoint is * reached. This prevents the primary nav wrapping onto two * lines. */ } .m-primary-nav-tablet ul { margin-bottom: 0em; } @media only screen and (min-width: 1px) { .m-primary-nav-tablet { display: none; } } @media only screen and (min-width: 540px) { .m-primary-nav-tablet { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-top: 1.5em; display: block; } .m-primary-nav-tablet ul { position: relative; display: inline-block; text-align: left; margin-top: 0; } .m-primary-nav-tablet ul > li { display: inline-block; margin: 3px 1px 0; padding: 0; } .m-primary-nav-tablet ul > li.last { margin: 3px 0 0; } .m-primary-nav-tablet ul > li.single-level a:hover, .m-primary-nav-tablet ul > li.single-level a:focus, .m-primary-nav-tablet ul > li.single-level a.active, .m-primary-nav-tablet ul > li.menu-mlid-224 a .m-primary-nav-tablet ul > li.menu-mlid-412 a:hover, .m-primary-nav-tablet ul > li.menu-mlid-224 a .m-primary-nav-tablet ul > li.menu-mlid-412 a:focus, .m-primary-nav-tablet ul > li.menu-mlid-224 a .m-primary-nav-tablet ul > li.menu-mlid-412 a.active { height: 30px; color: #79A5D7; } .m-primary-nav-tablet ul > li > a:hover, .m-primary-nav-tablet ul > li > a:focus, .m-primary-nav-tablet ul > li > a.active { text-decoration: none; color: #79A5D7; } .m-primary-nav-tablet ul > li a { position: relative; padding: 0 10px; color: #113961; font-size: 15px; line-height: 1; background-color: #FFF; height: 30px; line-height: 30px; display: block; position: relative; } .m-primary-nav-tablet ul.second-level { display: none; } } @media only screen and (min-width: 1026px) { .m-primary-nav-tablet { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; clear: left; } .m-primary-nav-tablet ul { text-align: left; } } @media only screen and (min-width: 1224px) { .m-primary-nav-tablet { float: left; width: 83.33333%; margin-left: 0%; margin-right: -83.33333%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; margin-top: 0em; position: absolute; left: 0; right: 0; top: 0px; margin: 0; text-align: left; } .m-primary-nav-tablet ul { margin: 0; } .m-primary-nav-tablet ul > li:hover > ul.second-level { display: block; } .m-primary-nav-tablet ul > li > a:hover, .m-primary-nav-tablet ul > li > a:focus { border-bottom: none; height: 32px; z-index: 3; } .m-primary-nav-tablet li.js-focus > a { text-decoration: none; border-color: #007cc3; color: #113961; border: none !important; z-index: 3; height: 32px; } .m-primary-nav-tablet li.last > ul.second-level { right: 0; } } .ie7 .m-primary-nav-tablet li:hover > ul.second-level { display: none!important; } .ie8 .m-primary-nav-tablet li:hover > ul.second-level { display: block; } .m-primary-nav-tablet ul.second-level { overflow: hidden; *zoom: 1; position: absolute; background: white; border: 2px solid #113961; top: 35px; min-width: 140px; z-index: 2; } .m-primary-nav-tablet ul.second-level > li { display: block; text-align: left; clear: left; border-bottom: dotted 1px #313131; margin: 0 1em; } .m-primary-nav-tablet ul.second-level > li:first-child { padding-top: 2px; } .m-primary-nav-tablet ul.second-level > li:last-child, .m-primary-nav-tablet ul.second-level > li.last { border-bottom: none; } .m-primary-nav-tablet ul.second-level a { display: block; border: none!important; padding: 0; color: #007cc3; z-index: 2; height: 30px; white-space: nowrap; } .m-primary-nav-tablet ul.second-level a:hover, .m-primary-nav-tablet ul.second-level a:focus, .m-primary-nav-tablet ul.second-level a.active, .m-primary-nav-tablet ul.second-level a.active-trail { border: none!important; height: 30px; color: #79A5D7; } @media only screen and (min-width: 1px) { .m-related-links { margin-bottom: 0.3em; } } @media only screen and (min-width: 540px) { .m-related-links { margin-bottom: 1.5em; } } @media only screen and (min-width: 769px) { .m-related-links { clear: left; } } @media only screen and (min-width: 1224px) { .m-related-links { float: none; } } @media only screen and (min-width: 1px) { .m-related-links h2 { margin-bottom: 0em; } } @media only screen and (min-width: 540px) { .m-related-links h2 { margin-bottom: 0.75em; } } @media only screen and (min-width: 540px) { .m-related-links p { margin-bottom: 0.75em; display: block; } } .m-related-links p:last-child { margin-bottom: 0em; } .m-related-links ul { margin: 0; } .m-related-links li { color: #007cc3; } /* ========================================================================== Module : Search Filter ========================================================================== */ .m-search-filter { margin-bottom: 1.5em; border: solid 2px #e2e2e2; padding: 15px; overflow-y: auto; height: 150px; } .m-search-filter ul { list-style: none; margin-left: 0; } .m-search-filter li { list-style: none!important; padding: 0; } .m-search-filter a { background: url("../img/bg_filter.gif") no-repeat 0 0; padding-left: 20px; } .expanded .m-search-filter a { background: url("../img/bg_filter.gif") no-repeat 0 -40px; } /* ========================================================================== Module - Search Results Expanded ========================================================================== */ .m-search-results-expanded, .m-job-list { list-style-type: none; } .m-search-results-expanded > li, .m-job-list > li { overflow: hidden; *zoom: 1; margin-bottom: 1.5em; padding-bottom: 0.75em; } .ie .m-search-results-expanded > li, .ie .m-job-list > li { margin-bottom: 0em; } .m-search-results-expanded > li a:last-of-type, .m-job-list > li a:last-of-type { display: inline-block!important; } .m-search-results-expanded li.expanded-term:after, .m-job-list li.expanded-term:after { content: " "; } .m-search-results-expanded > ul, .m-job-list > ul { margin: 0; } .m-search-results-expanded .taxonomy-terms, .m-job-list .taxonomy-terms { margin-left: 0; } .m-search-results-expanded .taxonomy-terms li, .m-job-list .taxonomy-terms li { border-bottom: none; } .m-search-results-expanded .img, .m-job-list .img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { display: none; } @media only screen and (min-width: 540px) { .m-search-results-expanded .img, .m-job-list .img, .m-search-results-expanded .latest-news-img, .m-job-list .latest-news-img { display: block; } } .m-search-results-expanded dl, .m-job-list dl { margin-bottom: 0; } .m-search-results-expanded > li > article > .bd, .m-job-list > li > article > .bd { padding: 0; } /* ========================================================================== Module : Search Section Horizontal ========================================================================== */ .m-search-section-horizontal label { display: inline-block; } .ie7 .m-search-section-horizontal label { float: left; margin-right: 0.5em; } .m-search-section-horizontal h3 { display: inline-block; } .ie7 .m-search-section-horizontal h3 { float: left; } .m-search-section-horizontal fieldset { display: inline-block; margin-right: 0.5em; } .ie7 .m-search-section-horizontal fieldset { float: left; } /* ========================================================================== Module : Search Section Vertical ========================================================================== */ @media only screen and (min-width: 1px) { .m-search-section-vertical { padding: 0 15px; } } @media only screen and (min-width: 540px) { .m-search-section-vertical { padding: 0; } } .m-search-section-vertical label { display: none !important; } .m-search-section-vertical h3 { display: block; border-bottom: solid 2px #313131; margin-bottom: 0.75em; clear: both; } .m-search-section-vertical fieldset { display: block; margin-top: 0; margin-bottom: 0.75em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .m-search-section-vertical fieldset select { width: 100%; } .m-search-section-vertical fieldset.country select { width: 100%; } .m-search-section-vertical fieldset.month { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 60%; padding-right: 10px; } .m-search-section-vertical fieldset.year { float: left; width: 40%; } .m-search-section-vertical fieldset.form-actions { clear: left; } .m-search-section-vertical .btn, .m-search-section-vertical .btn-full-width, .m-search-section-vertical .btn, .m-search-section-vertical form button, form .m-search-section-vertical button, .m-search-section-vertical form input.form-submit, form .m-search-section-vertical input.form-submit, .m-search-section-vertical form input[type="submit"], form .m-search-section-vertical input[type="submit"] { margin: 0; clear: left; } /* ========================================================================== Module : Search Widget ========================================================================== */ /** * Search widgets are blocks of search functionaity which are placed * in the left sidebar to allow searching from within a page. * Functionaity replicated that of the searches on the advanced * search pages. */ .m-search-widget { margin-bottom: 1.5em; } .m-search-widget input, .m-search-widget select { width: 100%; } .m-search-widget .form-actions { border-top: 2px solid #313131; padding-top: 0.75em; } /* m-secondary-nav extends m-nav to create the secondary navigation ========================================================================== */ .m-secondary-nav ul, .m-taxonomy-nav ul { margin: 0; } .m-secondary-nav li, .m-taxonomy-nav li { list-style: none!important; } @media only screen and (min-width: 1px) { .m-secondary-nav, .m-taxonomy-nav { margin-bottom: 1.5em; } .m-secondary-nav > ul > li, .m-taxonomy-nav > ul > li { margin: 1px 0!important; padding: 0; } .m-secondary-nav > ul > li a, .m-taxonomy-nav > ul > li a { /** * Ref: http://compass-style.org/reference/compass/css3/images/ * $experimental-support-for-svg is set to true in _v-colours.scss */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a88c7), color-stop(100%, #006faf)); background-image: -webkit-linear-gradient(#1a88c7, #006faf); background-image: -moz-linear-gradient(#1a88c7, #006faf); background-image: -o-linear-gradient(#1a88c7, #006faf); background-image: linear-gradient(#1a88c7, #006faf); display: block; padding: 6px 15px; text-decoration: none; color: #fff; } .m-secondary-nav > ul > li a:hover, .m-taxonomy-nav > ul > li a:hover, .m-secondary-nav > ul > li a:focus .m-secondary-nav > ul > li a, .m-taxonomy-nav > ul > li a:focus .m-secondary-nav > ul > li a, .m-secondary-nav > ul > li a:focus .m-taxonomy-nav > ul > li a, .m-taxonomy-nav > ul > li a:focus .m-taxonomy-nav > ul > li a { text-decoration: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006faf), color-stop(100%, #1a88c7)); background-image: -webkit-linear-gradient(#006faf, #1a88c7); background-image: -moz-linear-gradient(#006faf, #1a88c7); background-image: -o-linear-gradient(#006faf, #1a88c7); background-image: linear-gradient(#006faf, #1a88c7); } .m-secondary-nav > ul > li span, .m-taxonomy-nav > ul > li span { float: right; } .m-secondary-nav > ul > li span:after, .m-taxonomy-nav > ul > li span:after { content: " >"; } .m-secondary-nav > ul > li li:last-child, .m-taxonomy-nav > ul > li li:last-child { border: 0; } .m-secondary-nav > ul > li li a, .m-taxonomy-nav > ul > li li a { background: none; color: #007cc3; } .m-secondary-nav > ul > li li a:hover, .m-taxonomy-nav > ul > li li a:hover, .m-secondary-nav > ul > li li a:focus, .m-taxonomy-nav > ul > li li a:focus, .m-secondary-nav > ul > li li a:active, .m-taxonomy-nav > ul > li li a:active { background: none; color: #007cc3; } .m-secondary-nav > ul > li a.active-trail, .m-taxonomy-nav > ul > li a.active-trail { text-decoration: none; cursor: default; } } @media only screen and (min-width: 769px) { .m-secondary-nav, .m-taxonomy-nav { margin-bottom: 3em; } .m-secondary-nav > ul > li ul, .m-taxonomy-nav > ul > li ul { margin: 0; padding-left: 17px; } .m-secondary-nav > ul > li ul li:first-child, .m-taxonomy-nav > ul > li ul li:first-child { border-top: 0; } .m-secondary-nav > ul > li ul li:last-child, .m-taxonomy-nav > ul > li ul li:last-child { border-bottom: 0; padding-bottom: 10px; } .m-secondary-nav > ul > li.active ul, .m-taxonomy-nav > ul > li.active ul, .m-secondary-nav > ul > li.active-trail ul, .m-taxonomy-nav > ul > li.active-trail ul { border-top-color: #007cc3; } .m-secondary-nav > ul > li a, .m-taxonomy-nav > ul > li a { display: block; padding: 4px 0; background: none; color: black; } .ie .m-secondary-nav > ul > li a, .ie .m-taxonomy-nav > ul > li a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-secondary-nav > ul > li a:hover, .m-taxonomy-nav > ul > li a:hover, .m-secondary-nav > ul > li a:focus, .m-taxonomy-nav > ul > li a:focus, .m-secondary-nav > ul > li a:active, .m-taxonomy-nav > ul > li a:active { background: none; text-decoration: none; color: #007cc3; } .ie .m-secondary-nav > ul > li a:hover, .ie .m-taxonomy-nav > ul > li a:hover, .ie .m-secondary-nav > ul > li a:focus, .ie .m-taxonomy-nav > ul > li a:focus, .ie .m-secondary-nav > ul > li a:active, .ie .m-taxonomy-nav > ul > li a:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-secondary-nav > ul > li span, .m-taxonomy-nav > ul > li span { display: none; } .m-secondary-nav > ul > li.active > a, .m-taxonomy-nav > ul > li.active > a, .m-secondary-nav > ul > li.active-trail > a, .m-taxonomy-nav > ul > li.active-trail > a { background: none; color: #007cc3; } .ie .m-secondary-nav > ul > li.active > a, .ie .m-taxonomy-nav > ul > li.active > a, .ie .m-secondary-nav > ul > li.active-trail > a, .ie .m-taxonomy-nav > ul > li.active-trail > a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .m-taxonomy-nav { margin-bottom: 0!important; } .m-taxonomy-nav li.last { border-bottom: none!important; } .leaf.active-trail, a.active-trail { font-weight: bold; } .leaf.active-trail a { color: #007cc3; } .active-trail { line-height: 16px; } /* ========================================================================== Module : Section Header ========================================================================== */ /** * This is the large blue banner at the top of most pages. It contains the * breadcrumb and main section heading. */ .m-section-header, .m-section-header-homepage { clear: left; font-size: 12px; /** * Ref: http://compass-style.org/reference/compass/css3/images/ * $experimental-support-for-svg is set to true in _v-colours.scss */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcdcdc), color-stop(100%, #dcdcdc)); background-image: -webkit-linear-gradient(#dcdcdc, #dcdcdc); background-image: -moz-linear-gradient(#dcdcdc, #dcdcdc); background-image: -o-linear-gradient(#dcdcdc, #dcdcdc); background-image: linear-gradient(#dcdcdc, #dcdcdc); /* legacy IE filter support */ /* mobile styles */ /* protrait tablet and above styles */ } .m-section-header .m-section-header-content, .m-section-header-homepage .m-section-header-content { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; position: relative; border-bottom: 10px solid #113961; min-height: 110px; } .ie7 .m-section-header .m-section-header-content, .ie7 .m-section-header-homepage .m-section-header-content { height: 120px; } .m-section-header li, .m-section-header-homepage li, .m-section-header li a, .m-section-header-homepage li a { color: white; } .ie .m-section-header, .ie .m-section-header-homepage { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDCDCDC', endColorstr='#FFDCDCDC'); } @media only screen and (min-width: 1px) { .m-section-header .container, .m-section-header-homepage .container { padding-top: 5px; padding-bottom: 0; overflow: hidden; } } @media only screen and (min-width: 540px) { .m-section-header .container, .m-section-header-homepage .container { padding-top: 10px; padding-bottom: 0; } } .m-section-header h1, .m-section-header-homepage h1, .m-section-header #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-section-header h2, .m-section-header-homepage #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-section-header-homepage h2 { font-size: 30px; color: white; font-weight: normal; display: inline-block; } @media only screen and (min-width: 1px) { .m-section-header h1, .m-section-header-homepage h1, .m-section-header #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-section-header h2, .m-section-header-homepage #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-section-header-homepage h2 { margin-top: 10px; } } @media only screen and (min-width: 540px) { .m-section-header h1, .m-section-header-homepage h1, .m-section-header #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-section-header h2, .m-section-header-homepage #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .m-section-header-homepage h2 { margin-top: 20px; } } .m-section-header-homepage .container { padding: 0; } .line { width: 100%; height: 1px; background: #dcdcdc; } .line-below-menu { width: 100%; height: 1px; background: #dcdcdc; } @media only screen and (min-width: 1px) { .line-below-menu { margin-top: 20px; } } @media only screen and (min-width: 1224px) { .line-below-menu { margin-top: 35px; } } /* ========================================================================== Module : Section Spotlight ========================================================================== */ /** * These are the section spotlights used throughout the site, on landing pages and other * sub-pages of the site (Eg. Journal landing page). They typically contain an image, * title and link. */ .m-section-spotlight { margin-bottom: 1.5em; background: #e2e2e2; border-bottom: solid 4px #313131; } .m-section-spotlight .sp-img { max-height: 145px; overflow: hidden; } .m-section-spotlight .sp-img img { width: 100%; } .m-section-spotlight a { display: block; margin-top: 0.5em; } .m-section-spotlight a:after { content: " >"; } .m-section-spotlight .bd { position: relative; padding: 20px; } /* ========================================================================== Module : Share This ========================================================================== */ .m-share-this { padding-top: 1.5em; padding-bottom: 1.5em; overflow: hidden; *zoom: 1; display: block; clear: both; text-align: right; height: 23px; } .ie .m-share-this { vertical-align: top; display: block; } /* ========================================================================== Module : Side Bar List ========================================================================== */ .m-sidebar-list { margin-bottom: 1.5em; } .m-sidebar-list h3 { border-bottom: solid 2px #313131; } .m-sidebar-list h4 { font-size: 1em; line-height: 1.5em; margin-bottom: 0.75em; } .m-sidebar-list p { margin-bottom: 0.75em; } .m-sidebar-list p, .m-sidebar-list a { font-size: 0.92857em; line-height: 1.61538em; } .m-sidebar-list ul { margin-bottom: 0em; list-style-image: none; } .m-sidebar-list ul:last-child, .m-sidebar-list ul:last-of-type { border-bottom: solid 2px #313131; } .ie7 .m-sidebar-list ul { list-style-position: outside; } .m-sidebar-list li { padding-top: 0.75em; padding-bottom: 0.75em; border-bottom: 1px dotted #313131; margin-right: 10px; margin-left: 10px; } .m-sidebar-list li:last-child { border-bottom: none; } .m-sidebar-list dl dt { float: none; } .m-sidebar-list .btn-register { margin-top: 1.5em; } .m-sidebar-list .rhn-icons { width: 220px; margin-top: -2px; } .m-sidebar-list .icon-spacer { height: 24px; clear: both; } .m-sidebar-list .search-spacer { height: 12px; clear: both; } .m-sidebar-list .rhn-icon { float: left; width: 60px; height: 50px; clear: both; } .m-sidebar-list .rhn-icon-links a { font-weight: bold; color: #000; } .m-sidebar-list .rhn-icon-links { font-weight: bold; float: left; width: 100px; } .m-social-icons a { display: block; background-image: url("/sites/all/themes/step/assets/img/social-icons-2015.png"); height: 30px; width: 29px; text-indent: -9999px; } .m-social-icons a.twitter { background-position: 0 0; } .m-social-icons a.facebook { background-position: -30px 0; } .m-social-icons a.google { background-position: -66px 0; } .m-social-icons a.linkedin { background-position: -100px 0; } .m-social-icons a.youtube { background-position: -134px 0; } .horizontal-icons li { display: inline-block; margin-right: 0.5em; } /* ========================================================================== Module : Tabbed Content ========================================================================== */ .m-tabbed-content { margin-bottom: 1.5em; clear: both; } @media only screen and (min-width: 1px) { .m-tabbed-content .tabbed-content-tabs { padding: 10px; border-bottom: solid 2px white; } } @media only screen and (min-width: 769px) { .m-tabbed-content .tabbed-content-tabs { padding: 0px; border-bottom: none; } } @media only screen and (min-width: 1px) { .m-tabbed-content .tabbed-content-tabs { display: block; } .m-tabbed-content .tabbed-content-tabs li { display: inline-block; float: left; margin-right: 1px; } .m-tabbed-content .tabbed-content-tabs a { /** * Ref: http://compass-style.org/reference/compass/css3/images/ * $experimental-support-for-svg is set to true in _v-colours.scss */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a88c7), color-stop(100%, #006faf)); background-image: -webkit-linear-gradient(#1a88c7, #006faf); background-image: -moz-linear-gradient(#1a88c7, #006faf); background-image: -o-linear-gradient(#1a88c7, #006faf); background-image: linear-gradient(#1a88c7, #006faf); /* legacy IE filter support */ display: block; padding: 6px 15px; text-decoration: none; color: #fff; } .ie .m-tabbed-content .tabbed-content-tabs a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A88C7', endColorstr='#FF006FAF'); } .m-tabbed-content .tabbed-content-tabs a:hover, .m-tabbed-content .tabbed-content-tabs a:focus .m-tabbed-content .tabbed-content-tabs a { text-decoration: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006faf), color-stop(100%, #1a88c7)); background-image: -webkit-linear-gradient(#006faf, #1a88c7); background-image: -moz-linear-gradient(#006faf, #1a88c7); background-image: -o-linear-gradient(#006faf, #1a88c7); background-image: linear-gradient(#006faf, #1a88c7); /* legacy IE filter support */ } .ie .m-tabbed-content .tabbed-content-tabs a:hover, .ie .m-tabbed-content .tabbed-content-tabs a:focus .m-tabbed-content .tabbed-content-tabs a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF006FAF', endColorstr='#FF1A88C7'); } .m-tabbed-content .tabbed-content-tabs .ui-state-active > a { position: relative; top: 0; border-bottom: solid 0px white; border-top: solid 2px #e2e2e2; border-right: solid 2px #e2e2e2; border-left: solid 2px #e2e2e2; background: white; color: #113961; z-index: 2; } } @media only screen and (min-width: 1px) and (min-width: 1px) { .m-tabbed-content .tabbed-content-tabs li { width: 100%; } } @media only screen and (min-width: 1px) and (min-width: 769px) { .m-tabbed-content .tabbed-content-tabs li { width: inherit; } } @media only screen and (min-width: 1px) and (min-width: 1px) { .m-tabbed-content .tabbed-content-tabs a { border-bottom: solid 2px white; } } @media only screen and (min-width: 1px) and (min-width: 769px) { .m-tabbed-content .tabbed-content-tabs a { border-right: solid 2px white; } } .ie .m-tabbed-content .tabbed-content-tabs { display: block; margin-bottom: 0px; } .ie .m-tabbed-content .tabbed-content-tabs li { display: inline-block; float: left; margin-right: 1px; } .ie .m-tabbed-content .tabbed-content-tabs a { /** * Ref: http://compass-style.org/reference/compass/css3/images/ * $experimental-support-for-svg is set to true in _v-colours.scss */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a88c7), color-stop(100%, #006faf)); background-image: -webkit-linear-gradient(#1a88c7, #006faf); background-image: -moz-linear-gradient(#1a88c7, #006faf); background-image: -o-linear-gradient(#1a88c7, #006faf); background-image: linear-gradient(#1a88c7, #006faf); /* legacy IE filter support */ display: block; padding: 6px 15px; text-decoration: none; color: #fff; border-right: solid 2px white; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A88C7', endColorstr='#FF006FAF'); } .ie .ie .m-tabbed-content .tabbed-content-tabs a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1A88C7', endColorstr='#FF006FAF'); } .ie .m-tabbed-content .tabbed-content-tabs a:hover, .ie .m-tabbed-content .tabbed-content-tabs a:focus .ie .m-tabbed-content .tabbed-content-tabs a { text-decoration: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZhZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhODhjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006faf), color-stop(100%, #1a88c7)); background-image: -webkit-linear-gradient(#006faf, #1a88c7); background-image: -moz-linear-gradient(#006faf, #1a88c7); background-image: -o-linear-gradient(#006faf, #1a88c7); background-image: linear-gradient(#006faf, #1a88c7); /* legacy IE filter support */ } .ie .ie .m-tabbed-content .tabbed-content-tabs a:hover, .ie .ie .m-tabbed-content .tabbed-content-tabs a:focus .ie .m-tabbed-content .tabbed-content-tabs a { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF006FAF', endColorstr='#FF1A88C7'); } .ie .m-tabbed-content .tabbed-content-tabs .ui-state-active > a { position: relative; top: 0; border-bottom: solid 2px white; border-top: solid 2px #e2e2e2; border-right: solid 2px #e2e2e2; border-left: solid 2px #e2e2e2; background: white; color: #113961; z-index: 2; filter: none; } .m-tabbed-content .tabbed-content-panes { clear: left; overflow: hidden; *zoom: 1; border: solid 2px #e2e2e2; padding: 2em 1.5em; position: relative; top: -2px; z-index: 1; } .m-tabbed-content .tabbed-content-panes aside { border-top: 10px solid #313131; } .m-tabbed-content .tabbed-content-panes .ui-widget-content, .m-tabbed-content .tabbed-content-panes.ui-widget-content { border: none; } .m-tabbed-content .accordian-title { display: block; } @media only screen and (min-width: 769px) { .m-tabbed-content .accordian-title { display: none; } } .m-tabbed-content .hidden { display: none; } .m-tabbed-content .tabbed-content-tabs-branches a { padding: 13px 24px 6px !important; font-weight: bold; border-radius: 25px 0 0 0; background-color: #fdeae6 !important; background-image: none !important; color: red !important; border-top: solid 2px #fdeae6; border-right: solid 2px #fdeae6; border-left: solid 2px #fdeae6; } .m-tabbed-content .tabbed-content-tabs-branches .ui-state-active > a { background-color: #fff !important; color: #000 !important; } .m-tabbed-content .tabbed-content-panes-branches { border-style: solid; border: solid 2px #fdeae6 !important; border-bottom: px !important; border-bottom-color: #cd1131 !important; } .m-tabbed-content .jurisdiction { padding-left: 15px; } .m-tooltip-link { font: inherit; display: inline-block; background-color: #113961; color: white; text-align: center; padding: 0 5px; margin: 0 5px; } .m-tooltip-link:hover { cursor: pointer; } .m-tooltip { display: none; } .ui-tooltip, .arrow:after { background-color: white; } .ui-tooltip { padding: 10px 20px; display: inline-block; position: relative; background-color: white; border: 2px solid #e2e2e2; max-width: 250px; } .ie7 .ui-tooltip { width: 250px; } .ui-tooltip:after, .ui-tooltip:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ui-tooltip:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; top: 50%; margin-top: -15px; } .ui-tooltip:before { border-color: rgba(226, 226, 226, 0); border-right-color: #e2e2e2; border-width: 18px; top: 50%; margin-top: -18px; } .ui-tooltip:hover { text-decoration: none; } /* ========================================================================== Module : Twitter Feed ========================================================================== */ @media only screen and (min-width: 1px) { .m-twitter-feed { display: none; } } @media only screen and (min-width: 769px) { .m-twitter-feed { display: block; } .m-twitter-feed .bd { max-height: 330px; overflow-y: auto; } .m-twitter-feed .bd ul { border-bottom: none; } .m-twitter-feed .tweet-text { margin-bottom: 0; } .m-twitter-feed .tweet-text a { display: inline-block; } .m-twitter-feed .tweet-links a { display: inline-block; margin-right: 5px; font-size: 0.85714em; line-height: 1.75em; } } /* ========================================================================== Module : Vertical Carousel ========================================================================== */ .m-vertical-carousel { overflow: hidden; *zoom: 1; margin-bottom: 1.5em; width: 100%; border-bottom: 2px solid #e2e2e2; } @media only screen and (min-width: 1px) { .m-vertical-carousel .vc-nav { display: none; } .m-vertical-carousel .bd { list-type: none!important; } .m-vertical-carousel .bd h2 { display: block; } .m-vertical-carousel .bd ul { padding: 0; } .m-vertical-carousel .bd p { display: none; } .m-vertical-carousel .vc-item { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px dotted #313131; } .m-vertical-carousel .vc-item:last-child { padding-bottom: 0em; margin-bottom: 0em; border-bottom: 0; } } @media only screen and (min-width: 540px) { .m-vertical-carousel .vc-nav { float: left; width: 41.66667%; margin-left: 0%; margin-right: -41.66667%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; display: block; list-type: none!important; list-style-image: none!important; margin-bottom: 0; } .m-vertical-carousel .vc-nav li { border-bottom: 2px solid #e2e2e2; height: 33%; } .m-vertical-carousel .vc-nav li:last-child { border-bottom: none; } .m-vertical-carousel .vc-nav li:first-child a { top: 0; } .m-vertical-carousel .vc-nav .ui-state-active a { text-decoration: none; background: #113961; color: white; } .m-vertical-carousel .vc-nav .ui-state-active a p { color: white; } .m-vertical-carousel .vc-nav a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.28571em; line-height: 2.33333em; line-height: 1.35em; margin-bottom: 0; color: #113961; background: white; display: block; padding: 10px; height: 100%; } .m-vertical-carousel .vc-nav a:hover, .m-vertical-carousel .vc-nav a:active, .m-vertical-carousel .vc-nav a:focus, .m-vertical-carousel .vc-nav a.current { text-decoration: none; background: #113961; color: white; } .m-vertical-carousel .vc-nav a:hover p, .m-vertical-carousel .vc-nav a:active p, .m-vertical-carousel .vc-nav a:focus p, .m-vertical-carousel .vc-nav a.current p { color: white; } .m-vertical-carousel .vc-nav a p { margin-bottom: 0; color: #007cc3; } .m-vertical-carousel .vc-content { float: left; width: 58.33333%; margin-left: 41.66667%; margin-right: -100%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; } .m-vertical-carousel .vc-content .vc-item { margin-bottom: 0em; border-bottom: none; padding: 14px; list-style-image: none; } .m-vertical-carousel .vc-content .bd { background: #007cc3; position: relative; height: 100%; } .m-vertical-carousel .vc-content .bd h2 { display: none; } .m-vertical-carousel .vc-content .bd p { display: block; color: white; } .m-vertical-carousel .vc-content .bd a.read-more { color: white; font-weight: bold; } .m-vertical-carousel .vc-content .bd a.read-more span:after { content: " >"; } .m-vertical-carousel .vc-content .bd ul { padding: 0; } .m-vertical-carousel .vc-content .img, .m-vertical-carousel .vc-content .latest-news-img { position: absolute; top: 0; right: 0; z-index: 1; height: 100%; } .m-vertical-carousel .vc-content .img img, .m-vertical-carousel .vc-content .latest-news-img img { height: 100%; } .m-vertical-carousel .vc-content blockquote { color: white; max-width: 300px; background: transparent url(../img/blockquote-white.gif) 0 0 no-repeat !important; position: absolute; top: 20px; left: 20px; z-index: 3; } } /* ========================================================================== Module : Vertical links ========================================================================== */ .m-vertical-list > li { overflow: hidden; *zoom: 1; display: block; border-bottom: dotted 1px #313131; padding-top: 0.1em; } .m-vertical-list > li a { display: block; } .m-vertical-list > li a.inline-link { display: inline; } .m-vertical-list > li span { float: right; } .m-vertical-list > li span:after { content: ">"; } .m-vertical-list > li span.author { float: none; } .m-vertical-list > li span.author:after { content: ""; } /* ========================================================================== Module : Sponsors ========================================================================== */ .m-sponsor { margin-bottom: 1.5em; } .m-sponsor .header { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWNmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009cf6), color-stop(100%, #007cc3)); background-image: -webkit-linear-gradient(#009cf6, #007cc3); background-image: -moz-linear-gradient(#009cf6, #007cc3); background-image: -o-linear-gradient(#009cf6, #007cc3); background-image: linear-gradient(#009cf6, #007cc3); padding: 5px 10px; color: white; display: block; font: inherit; } .m-sponsor ul li { display: inline-block; } .sponsor-gold { margin-bottom: 1.5em; } .sponsor-gold .header { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzYTc1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3OTEzNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3a75e), color-stop(100%, #c79137)); background-image: -webkit-linear-gradient(#d3a75e, #c79137); background-image: -moz-linear-gradient(#d3a75e, #c79137); background-image: -o-linear-gradient(#d3a75e, #c79137); background-image: linear-gradient(#d3a75e, #c79137); padding: 5px 10px; color: white; display: block; font: inherit; } .sponsor-gold ul li { display: inline-block; } .sponsor-silver { margin-bottom: 1.5em; } .sponsor-silver .header { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #919191), color-stop(100%, #777777)); background-image: -webkit-linear-gradient(#919191, #777777); background-image: -moz-linear-gradient(#919191, #777777); background-image: -o-linear-gradient(#919191, #777777); background-image: linear-gradient(#919191, #777777); padding: 5px 10px; color: white; display: block; font: inherit; } .sponsor-silver ul li { display: inline-block; } .sponsor-bronze { margin-bottom: 1.5em; } .sponsor-bronze .header { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5N2IyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxNWUyNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a97b2f), color-stop(100%, #815e24)); background-image: -webkit-linear-gradient(#a97b2f, #815e24); background-image: -moz-linear-gradient(#a97b2f, #815e24); background-image: -o-linear-gradient(#a97b2f, #815e24); background-image: linear-gradient(#a97b2f, #815e24); padding: 5px 10px; color: white; display: block; font: inherit; } .sponsor-bronze ul li { display: inline-block; } /* Homepage Industry News section */ .industry-news-container { margin-bottom: 1.5em; position: relative; background: #fceae0; min-height: 268px; padding: 12px; } .industry-news-container h1, .industry-news-container #ft-payments-user-payments-form h2, #ft-payments-user-payments-form .industry-news-container h2 { font-size: 16px !important; padding-top: 0px; } .industry-news-container a { color: #e65130; } .industry-news-container .btn-link a { color: #FFF !important; } .industry-news-container .btn-link { text-transform: uppercase; background-image: linear-gradient(#e65130, #e65130) !important; border-radius: 0 0 12px 0px; color: #FFF !important; } .strapline-outer { text-align: center; } @media only screen and (min-width: 1px) { .strapline { display: none; } } @media only screen and (min-width: 540px) { .strapline { clear: both; font-size: 18px; color: #41456b; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 900px; text-align: left; display: block; } } .industry-news-slice { background: #e65130; width: 100%; height: 3px; padding-bottom: 2px; } .industry-news-divider { background: #fad7c4; height: 1px; margin-bottom: 10px; } .industry-news-1 { float: left; } .industry-news-2 { float: right; } @media only screen and (min-width: 1px) { .industry-news-1 { border-bottom: 1px dotted; } } @media only screen and (min-width: 540px) { .industry-news-1 { border-bottom: 1px dotted; padding-bottom: 20px; } } @media only screen and (min-width: 1224px) { .industry-news-1 { width: 355px; border-bottom: 0px; } } @media only screen and (min-width: 1px) { .industry-news-2 { margin-top: 20px; } } @media only screen and (min-width: 540px) { .industry-news-2 { margin-top: 20px; float: right; } } @media only screen and (min-width: 1224px) { .industry-news-2 { margin-top: 0px; width: 355px; float: right; } } .industry-news-image { float: left; margin-right: 15px; width: 100px; } @media only screen and (min-width: 1px) { .industry-news-image-top { margin-bottom: 4px; } } @media only screen and (min-width: 540px) { .industry-news-image-top { margin-bottom: 10px; } } .industry-news-title { clear: both; } .industry-news-title h2 { color: #e9734b; margin-bottom: 0.75em; } @media only screen and (min-width: 1px) { .industry-news-body { margin-bottom: 10px; } } @media only screen and (min-width: 540px) { .industry-news-body { margin-bottom: 0px; } } .industry-news-break { margin-top: 20px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dotted #313131; } #industry-news-header { margin-bottom: 25px; } @media only screen and (min-width: 1px) { #industry-news-header { margin-bottom: 5px; } } @media only screen and (min-width: 540px) { #industry-news-header { margin-bottom: 25px; } } @media only screen and (min-width: 1px) { .node-industry-news img { float: right; margin-top: 10px; } } @media only screen and (min-width: 540px) { .node-industry-news img { float: right; margin-left: 30px; margin-bottom: 10px; margin-top: 0px; } } .node-industry-news .date-display-single { font-weight: bold; font-style: italic; } #industry-news-article-header img { float: left; margin-left: 0px; padding-bottom: 15px; } #industry-news-article-title { clear: both; } /* ========================================================================== Module : Page Section Spotlights ========================================================================== */ /** * These are spotlights used at the bottom of landing pages and basic pages on the website. */ .m-page-section-spotlights { float: 12; width: 100%; margin-12: 0%; margin-both: -100%; padding-left: 0; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: both; margin-bottom: 1.5em; } @media only screen and (min-width: 1px) { .m-page-section-spotlights > h2 { display: none; } } @media only screen and (min-width: 769px) { .m-page-section-spotlights > h2 { display: block; } } @media only screen and (min-width: 1px) { .m-page-section-spotlights .m-page-section-spotlight { margin-bottom: 1.5em; } } @media only screen and (min-width: 540px) { .m-page-section-spotlights .m-page-section-spotlight { margin-bottom: 0em; } } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) h4 { margin-bottom: 0.75em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a { color: #113961; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all:hover, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-about-us-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-policy-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-members-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-qualifications-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-knowledge-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-communities-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-join-us-intro { padding-top: 20px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-join-us { border: 2px; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-about-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-policy { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-members { border-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-qualifications { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-knowledge { border-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-communities { border-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-join-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-about-us h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-policy h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-members h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-qualifications h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-knowledge h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-communities h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-join-us h4 { font-size: 1.1em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-about-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-policy h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-members h4 { color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-qualifications h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-knowledge h4 { color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-communities h4 { color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-join-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-about-us a { color: #428fda !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-join-us { padding-right: 0px; padding-bottom: 0px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-about-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-policy { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-members { background-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-qualifications { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-knowledge { background-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-communities { background-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .m-basic-page-intro-join-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-about-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-policy { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-members { background-color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-qualifications { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-knowledge { background-color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-communities { background-color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .hr-join-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) h4 { margin-bottom: 0.75em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a { color: #113961; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all:hover, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-about-us-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-policy-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-members-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-qualifications-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-knowledge-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-communities-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-join-us-intro { padding-top: 20px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-join-us { border: 2px; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-about-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-policy { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-members { border-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-qualifications { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-knowledge { border-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-communities { border-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-join-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-about-us h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-policy h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-members h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-qualifications h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-knowledge h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-communities h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-join-us h4 { font-size: 1.1em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-about-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-policy h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-members h4 { color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-qualifications h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-knowledge h4 { color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-communities h4 { color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-join-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-about-us a { color: #428fda !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-join-us { padding-right: 0px; padding-bottom: 0px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-about-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-policy { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-members { background-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-qualifications { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-knowledge { background-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-communities { background-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .m-basic-page-intro-join-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-about-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-policy { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-members { background-color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-qualifications { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-knowledge { background-color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-communities { background-color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .hr-join-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) h4 { margin-bottom: 0.75em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a { color: #113961; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all:hover, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-about-us-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-policy-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-members-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-qualifications-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-knowledge-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-communities-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-join-us-intro { padding-top: 20px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-join-us { border: 2px; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-about-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-policy { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-members { border-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-qualifications { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-knowledge { border-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-communities { border-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-join-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-about-us h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-policy h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-members h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-qualifications h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-knowledge h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-communities h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-join-us h4 { font-size: 1.1em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-about-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-policy h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-members h4 { color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-qualifications h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-knowledge h4 { color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-communities h4 { color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-join-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-about-us a { color: #428fda !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-join-us { padding-right: 0px; padding-bottom: 0px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-about-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-policy { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-members { background-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-qualifications { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-knowledge { background-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-communities { background-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .m-basic-page-intro-join-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-about-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-policy { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-members { background-color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-qualifications { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-knowledge { background-color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-communities { background-color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .hr-join-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) h4 { margin-bottom: 0.75em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a { color: #113961; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all:hover, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all:hover, .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-about-us-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-policy-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-members-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-qualifications-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-knowledge-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-communities-intro, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-join-us-intro { padding-top: 20px; padding-left: 20px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-join-us { border: 2px; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-about-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-policy { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-members { border-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-qualifications { border-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-knowledge { border-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-communities { border-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-join-us { border-color: #d6e1f5; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-about-us h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-policy h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-members h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-qualifications h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-knowledge h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-communities h4, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-join-us h4 { font-size: 1.1em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-about-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-policy h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-members h4 { color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-qualifications h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-knowledge h4 { color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-communities h4 { color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-join-us h4 { color: #428fda; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-about-us a { color: #428fda !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-join-us { padding-right: 0px; padding-bottom: 0px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-about-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-policy { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-members { background-color: #fdeae6; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-qualifications { background-color: #e7e4eb; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-knowledge { background-color: #fbe9df; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-communities { background-color: #eef6e7; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .m-basic-page-intro-join-us { background-color: #eff1fd; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-about-us, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-policy, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-members, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-qualifications, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-knowledge, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-communities, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-about-us { background-color: #113961; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-policy { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-members { background-color: #cd1131; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-qualifications { background-color: #42446d; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-knowledge { background-color: #e9734b; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-communities { background-color: #43aa34; } .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .hr-join-us { background-color: #113961; } .m-page-section-spotlight ol { list-style: none; margin-left: 0; } .m-page-section-spotlight ol li { border-bottom: dotted 1px #313131; padding-bottom: 0.75em; margin-bottom: 0.75em; } .m-page-section-spotlight ol li > p { margin-bottom: 0; } fieldset { margin-top: 0; } select { width: 100%; } .h-page-section-spotlights { display: none; } .m-page-section-spotlights { border-top: none !important; overflow: auto; } .m-page-section-spotlights .m-page-section-spotlight .bd { border-bottom: 10px solid #f1f1f1 !important; } .m-page-section-spotlights .m-page-section-spotlight .bd h3 { border-bottom: 3px solid #2071c0 !important; } .m-page-section-spotlights .m-page-section-spotlight .bd a { color: #007cc3 !important; } @media only screen and (min-width: 1px) { .m-page-section-spotlights .m-page-section-spotlight .bd a { background-image: none !important; } } .m-page-section-spotlights .m-page-section-spotlight:nth-child(1) .bd, .m-page-section-spotlights .m-page-section-spotlight:nth-child(2) .bd, .m-page-section-spotlights .m-page-section-spotlight:nth-child(3) .bd, .m-page-section-spotlights .m-page-section-spotlight:nth-child(4) .bd { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ========================================================================== Module : Main page row 1 section ========================================================================== */ /** * These are the first two blocks that have images used on the main pages on the website. */ .m-main-page-section-rows { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 15px; padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; *behavior: url("/sites/all/themes/step/assets/js/libs/boxsizing.htc"); _display: inline; _overflow: hidden; _overflow-y: visible; padding-left: 0; padding-right: 0; clear: both; margin-bottom: 1.5em; } @media only screen and (min-width: 1px) { .m-main-page-section-rows > h2 { display: none; } } @media only screen and (min-width: 769px) { .m-main-page-section-rows > h2 { display: block; } } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row { margin-bottom: 1.5em; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row { margin-bottom: 0em; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) h4 { margin-bottom: 0.75em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a { color: #113961; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all:hover, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(1) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-intro { margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .about-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .about-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .policy h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .policy a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .members, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .members h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .members a { color: #cd1131 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .qualifications h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .qualifications a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .knowledge h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .knowledge a { color: #e9734b !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .communities h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .communities a { color: #43aa34 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .join-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .join-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .join-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd-about-us { border: 2px; border-color: #d6e1f5; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd-members { border: 2px; border-color: #fdeae6; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-inner h4 { color: #428fda; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd-members h4 { color: #cd1131; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-inner a { color: #428fda; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-basic-page-intro-about-us { background-color: #eff1fd; padding-right: 0px; padding-bottom: 0px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .dots-about-us { border-bottom: 1px dotted #428fda; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .dots-members { border-bottom: 1px dotted #cd1131; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-members, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-about-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-policy { background-color: #42446d; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-members { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-qualifications { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-knowledge { background-color: #e9734b; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-communities { background-color: #43aa34; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .hr-join-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-border { border-left: 2px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-border { border-left: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-img { float: left; width: 102px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-inner { background: #FFF; padding-top: 14px; padding-right: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-inner { padding-left: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-inner { padding-left: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-img { float: right; width: 102px; background-color: #FFF; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-img-promo-two { float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block1-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-inner { background: #FFF; padding-top: 14px; padding-left: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-inner { padding-right: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-block2-inner { padding-right: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-inner { background: #FFF; padding-top: 14px; padding-right: 14px; border: 2px; border-color: #d6e1f5; border-style: solid; border-top: 0px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .m-main-page-row2-inner { padding-left: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(1) { padding-left: 0px; padding-right: 10px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) h4 { margin-bottom: 0.75em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a { color: #113961; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all:hover, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(2) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-intro { margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .about-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .about-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .policy h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .policy a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .members, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .members h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .members a { color: #cd1131 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .qualifications h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .qualifications a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .knowledge h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .knowledge a { color: #e9734b !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .communities h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .communities a { color: #43aa34 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .join-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .join-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .join-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd-about-us { border: 2px; border-color: #d6e1f5; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd-members { border: 2px; border-color: #fdeae6; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-inner h4 { color: #428fda; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd-members h4 { color: #cd1131; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-inner a { color: #428fda; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-basic-page-intro-about-us { background-color: #eff1fd; padding-right: 0px; padding-bottom: 0px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .dots-about-us { border-bottom: 1px dotted #428fda; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .dots-members { border-bottom: 1px dotted #cd1131; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-members, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-about-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-policy { background-color: #42446d; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-members { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-qualifications { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-knowledge { background-color: #e9734b; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-communities { background-color: #43aa34; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .hr-join-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-border { border-left: 2px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-border { border-left: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-img { float: left; width: 102px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-inner { background: #FFF; padding-top: 14px; padding-right: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-inner { padding-left: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-inner { padding-left: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-img { float: right; width: 102px; background-color: #FFF; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-img-promo-two { float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block1-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-inner { background: #FFF; padding-top: 14px; padding-left: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-inner { padding-right: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-block2-inner { padding-right: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-inner { background: #FFF; padding-top: 14px; padding-right: 14px; border: 2px; border-color: #d6e1f5; border-style: solid; border-top: 0px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .m-main-page-row2-inner { padding-left: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(2) { padding-right: 0px; padding-left: 10px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) h4 { margin-bottom: 0.75em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a { color: #113961; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all:hover, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(3) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-intro { margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .about-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .about-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .policy h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .policy a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .members, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .members h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .members a { color: #cd1131 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .qualifications h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .qualifications a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .knowledge h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .knowledge a { color: #e9734b !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .communities h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .communities a { color: #43aa34 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .join-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .join-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .join-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd-about-us { border: 2px; border-color: #d6e1f5; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd-members { border: 2px; border-color: #fdeae6; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-inner h4 { color: #428fda; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd-members h4 { color: #cd1131; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-inner a { color: #428fda; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-basic-page-intro-about-us { background-color: #eff1fd; padding-right: 0px; padding-bottom: 0px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .dots-about-us { border-bottom: 1px dotted #428fda; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .dots-members { border-bottom: 1px dotted #cd1131; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-members, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-about-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-policy { background-color: #42446d; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-members { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-qualifications { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-knowledge { background-color: #e9734b; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-communities { background-color: #43aa34; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .hr-join-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-border { border-left: 2px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-border { border-left: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-img { float: left; width: 102px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-inner { background: #FFF; padding-top: 14px; padding-right: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-inner { padding-left: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-inner { padding-left: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-img { float: right; width: 102px; background-color: #FFF; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-img-promo-two { float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block1-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-inner { background: #FFF; padding-top: 14px; padding-left: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-inner { padding-right: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-block2-inner { padding-right: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-inner { background: #FFF; padding-top: 14px; padding-right: 14px; border: 2px; border-color: #d6e1f5; border-style: solid; border-top: 0px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .m-main-page-row2-inner { padding-left: 14px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) h4 { margin-bottom: 0.75em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a { color: #113961; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all { position: relative; bottom: 0.5em; background-image: none; background: transparent!important; color: #113961; display: inline-block; padding: 0; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all:hover, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all:active { background-image: none; text-decoration: underline; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); position: absolute; bottom: 0.5em; color: #113961; } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all:hover, .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(4) a.see-all:active { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd { position: relative; } @media only screen and (min-width: 769px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; padding-top: 10px; padding-left: 20px; } } .ie .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 10px solid #113961; height: 12em; padding-top: 10px; padding-left: 20px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-intro { margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .about-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .about-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .policy h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .policy a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .members, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .members h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .members a { color: #cd1131 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .qualifications h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .qualifications a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .knowledge h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .knowledge a { color: #e9734b !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .communities h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .communities a { color: #43aa34 !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .join-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .join-us h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .join-us a { color: #428fda !important; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd-about-us { border: 2px; border-color: #d6e1f5; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd-members { border: 2px; border-color: #fdeae6; border-style: solid; padding-top: 15px; padding-left: 15px; padding-right: 15px; border-top: 0px; clear: both; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-inner h4, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-inner h4 { color: #428fda; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd-members h4 { color: #cd1131; font-size: 1.1em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-inner a, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-inner a { color: #428fda; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd-members a { color: #cd1131 !important; font-weight: bold; font-size: 1.0em; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-basic-page-intro-about-us { background-color: #eff1fd; padding-right: 0px; padding-bottom: 0px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .dots-about-us { border-bottom: 1px dotted #428fda; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .dots-members { border-bottom: 1px dotted #cd1131; margin-top: -15px; margin-bottom: 10px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-about-us, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-policy, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-members, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-qualifications, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-knowledge, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-communities, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-join-us { width: 100%; height: 3px; padding-bottom: 2px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-about-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-policy { background-color: #42446d; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-members { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-qualifications { background-color: #cd1131; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-knowledge { background-color: #e9734b; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-communities { background-color: #43aa34; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .hr-join-us { background-color: #113961; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-border { border-left: 2px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-border { border-left: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-img { float: left; width: 102px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-inner { background: #FFF; padding-top: 14px; padding-right: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-inner { padding-left: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-inner { padding-left: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-img { float: right; width: 102px; background-color: #FFF; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-img { display: none; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-img { display: block; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-img-promo img { height: 235px; width: 383px; float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-img-promo-two { float: left; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block1-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-img-promo-two img { height: 235px; width: 281px; } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-inner { background: #FFF; padding-top: 14px; padding-left: 14px; height: 218px; border: 2px; border-color: #d6e1f5; border-style: solid; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-inner { padding-right: 14px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-block2-inner { padding-right: 115px !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-border { float: left; display: block; margin-top: 1px; width: 100%; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-border { border-right: 2px; padding-top: 30px; } } @media only screen and (min-width: 540px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-border { border-right: 0px; padding-top: 0px; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-inner { background: #FFF; padding-top: 14px; padding-right: 14px; border: 2px; border-color: #d6e1f5; border-style: solid; border-top: 0px; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .m-main-page-row2-inner { padding-left: 14px; } } .m-main-page-section-row ol { list-style: none; margin-left: 0; } .m-main-page-section-row ol li { border-bottom: dotted 1px #313131; padding-bottom: 0.75em; margin-bottom: 0.75em; } .m-main-page-section-row ol li > p { margin-bottom: 0; } fieldset { margin-top: 0; } select { width: 100%; } .h-main-page-section-rows { display: none; } .m-main-page-section-rows { border-top: none !important; } .m-main-page-section-rows .m-main-page-section-row .bd { border-bottom: 10px solid #f1f1f1 !important; } .m-main-page-section-rows .m-main-page-section-row .bd h3 { border-bottom: 3px solid #2071c0 !important; } .m-main-page-section-rows .m-main-page-section-row .bd a { color: #007cc3 !important; } @media only screen and (min-width: 1px) { .m-main-page-section-rows .m-main-page-section-row .bd a { background-image: none !important; } } .m-main-page-section-rows .m-main-page-section-row:nth-child(1) .bd, .m-main-page-section-rows .m-main-page-section-row:nth-child(2) .bd, .m-main-page-section-rows .m-main-page-section-row:nth-child(3) .bd, .m-main-page-section-rows .m-main-page-section-row:nth-child(4) .bd { margin-bottom: 0 !important; padding-bottom: 0 !important; }