/* Theme Name: Survation From CDN Theme URI: http://viewportindustries.com/products/starkers Description: Bespoke theme for Survation @ Spinach Design Version: 1.0 Author: Scott Tear / Elliot Jay Stocks & Keir Whitaker (naked theme) Author URI: http://scotttear.me.uk / http://viewportindustries.com Tags: */ /* =========================== CONTENTS: 01 Defaults 02 Typography 03 Grid 04 Header/Footer/Layout =========================== /* Author Box */ #author-info { background: #E0E2DA; padding: 10px; margin: 10px 0 0 0; font-size:13px; overflow: auto; border-bottom:6px solid #ccc;} #author-font{font-size:18px; font-weight: bold;} #authorbox-title{font-size:20px; padding-bottom:10px;} #author-image {float: left; margin: 0 10px 5px 0;} .authorboxfix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden; padding-top:5px;} /* ---------------------------------------------------------------------------------------------------------- WEBFONTS --------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /** * @license * MyFonts Webfont Build ID 2763511, 2014-03-07T10:41:50-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Swiss 721 Bold by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/bold/ * * Webfont: Swiss 721 Bold Italic by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/bold-italic/ * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=2763511 * Licensed pageviews: 10,000 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved. * * © 2014 MyFonts Inc */ @font-face { font-family:'Swiss721BT-Bold'; src: url('css/tt0759m_-webfont.eot'); src: url('css/tt0759m_-webfont.eot?#iefix') format('embedded-opentype'), url('css/tt0759m_-webfont.woff') format('woff'), url('css/tt0759m_-webfont.ttf') format('truetype'), url('css/tt0759m_-webfont.svg#swis721_md_btmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Swiss721BT-BoldItalic'; src: url('css/tt0760m_-webfont.eot'); src: url('css/tt0760m_-webfont.eot?#iefix') format('embedded-opentype'), url('css/tt0760m_-webfont.woff') format('woff'), url('css/tt0760m_-webfont.ttf') format('truetype'), url('css/tt0760m_-webfont.svg#swis721_md_btmedium_italic') format('svg'); font-weight: normal; font-style: normal; } /* ---------------------------------------------------------------------------------------------------------- 00 Reset ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /** * reset.css * * Adapted from: * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/ * HTML5 boilerplate: http://html5boilerplate.com/ * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/ * * Modified by Elliot Jay Stocks */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } a { color:blue; } a:focus { outline: thin dotted; } li { list-style:none; } abbr[title] { border-bottom:none; } b, strong { font-weight: 700; } i, em, dfn { font-style: italic !important; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } label { cursor: pointer; } input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ---------------------------------------------------------------------------------------------------------- 01 Defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; /* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background:#00a79d; color:#fff; } ::selection { background:#00a79d; color:#fff; } label { cursor:default; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ body, input, select, textarea { font-family:Arial, Helvetica, sans-serif; color:#4A4A4D; font-size:14px; } body { background-color:#e0e2da; } /* a { text-decoration:none; color:#000; cursor:pointer; } a:visited { color:#000; } a:hover { color:#000; } a:focus { outline:thin dotted; color:#000; } a:hover, a:active { outline:0; } a[href$=pdf]:after { content: " pdf"; vertical-align: super; font-size: 7px; text-transform: uppercase; color: #b44} a[href$=xls]:after,a[href$=xlsx]:after {content: " xls"; vertical-align: super; font-size: 7px; text-transform: uppercase; color: #4b4} */ h1.heading .highlight { display:inline; background:#1a191f; color:#e0e2da; padding:2px; line-height: 1.35em; } .page_wrap h1, .h1 { font-size:24px; margin-bottom:12px; } .page_wrap h2, .h2 { font-size:20px; margin-bottom:10px; } h3, .h3 { font-size:19px; margin-bottom:8px; } h4, .h4 { font-size:16px; } h5, .h5 { font-size:13px; } h6, .h6 { font-size:10px; } p { margin-bottom:8px; line-height:1.6; } img { max-width:100%; height:auto; } hr { border-top:1px solid #777; margin:30px 0; } .uppercase { text-transform:uppercase; } .alignleft, .fl { float:left; } .alignright, .fr { float:right; } blockquote { background:#f3f7fa; padding:15px 20px; border-left:5px solid #4b8bb6; margin-top:20px; margin-bottom:20px; } blockquote p:last-child { margin-bottom:0; } /* Clearfix */ .container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .row:after, .clearfix:after { clear:both; } .row, .clearfix { zoom:1; } /* You can also use a
to clear columns */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .services_info p{margin-bottom:8px;} /* Transitions .main-menu li a, .isobrick h2 a, .featured-list h2 a, .survey-menu li a, .image_roll span, .bx-prev, .bx-next, .bx-prev span, .bx-next span, .search_cont input#s, .search_cont #searchsubmit, .widget_mc4wp_widget input, .wpcf7 input, .wpcf7 textarea .footer_col a { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } */ /* ---------------------------------------------------------------------------------------------------------- 03 Grid ------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .grid { } .grid:after { /* Or @extend clearfix */ content:""; display:table; clear:both; } .grid [class*='col-']:last-of-type { padding-right:0; } .no-right-pad { padding-right:0 !important; } .col-2-3, .col-1-3, .col-1-2, .col-1-4, .col-2-4, .col-3-4, .col-1-8, .col-2-5, .col-3-5 { width:100%; } .col-2-3 img, .col-1-3 img, .col-1-2 img, .col-1-4 img, .col-3-4 img, .col-1-8 img, .col-3-5 img, .col-2-5 img { width:100%; } .module { margin-bottom:15px; } /* Opt-in outside padding */ .grid-pad { padding:20px 0 20px 20px; } .grid-pad [class*='col-']:last-of-type { padding-right:20px; } @media only screen and (min-width: 768px) { /* 768 =================================================== */ body:not(.home) [class*='col-'] { float:left; padding-right:35px;} .col-1-4 { width:25%; } .col-1-3 { width:33.33%; } .col-2-5 { width:40%; } .col-1-2 { width:50%; } .col-3-5 { width:60%; } .col-2-3 { width:66.66%; } .col-3-4 { width:75%; } .col-1-8 { width:12.5%; } .col-2-3 img, .col-1-3 img, .col-1-2 img, .col-1-4 img, .col-3-4 img, .col-1-8 img, .col-3-5 img, .col-2-5 img { width:auto; } .grid .no-right-pad [class*='col-']:last-of-type { padding-right:35px; } } /* ---------------------------------------------------------------------------------------------------------- 04 Header / Footer / Layout / Homepage -------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .super_container { width:100%; } .darkbg { background-color:#58595b; } .content_container { padding:25px 0 60px; } .home .content_container { padding:0 0 60px; } .page_wrap, .footer_wrap { padding:0 10px; } .header_wrap { padding:20px 10px; position:relative; } .header_border { height:2px; background-color:#4A4A4D; clear:both; } .search_cont { margin-top:20px; } .search_cont label { display:none; } .search_cont input#s { background:#fff; color:#4A4A4D; float:left; width:85%; padding:10px; border:inset 2px #eee; font-size:14px; -webkit-border-radius:5px; -moz-border-radius:5px; border-right:5px; outline:none; } .search_cont input#s:focus { background:#e0e2da; } .search_cont #searchsubmit { background:url('https://cdn.survation.com/wp-content/theme/images/svg/search_icon.svg') 0 0 no-repeat; float:left; padding:0; background-size:100%; margin-left:5px; border:none; text-indent:-9000px; width:40px; height:40px; } .search_cont #searchsubmit:hover { opacity:0.7; } .no-svg .search_cont #searchsubmit { background:url('https://cdn.survation.com/wp-content/theme/images/search_icon.png') 0 0 no-repeat; } footer { padding:45px 0; color:#e0e2da; } .footer_col { margin-bottom:20px; } .footer_col a { color:#e0e2da; } .footer_col a:hover, .footer_col a:focus, .footer_col .current-menu-item a { color:#aaa; text-decoration:underline;} .footer_col .ft-widget-title { margin-bottom:10px; font-size:17px; padding-bottom:8px; border-bottom:3px solid #78797c; } .footer_col .menu { } .footer_col li { font-size:13px; line-height:1.5; margin-bottom:8px; } @media only screen and (min-width: 768px) { /* 768 =================================================== */ .page_wrap, .footer_wrap, .header_wrap, .menu-wrap { max-width:1220px; margin:0 auto; } .header_wrap { padding:35px 10px 0; } .footer_col { width:23%; float:left; margin-bottom:0; padding-right:50px; } .footer_col.first { width:29%; } .footer_col.last { padding-right:0; } .search_cont { float:left; margin-top:52px; margin-left:62px; width:40%; } .error404 .search-box-place .search_cont { width:80%; } } @media only screen and (min-width: 952px) { /* 992 =================================================== */ .main-menu li a { padding:12px 10px; } } @media only screen and (min-width: 1152px) { /* 992 =================================================== */ .main-menu li a { padding:12px 20px; } } @media only screen and (min-width: 1220px) { /* 1220 =================================================== */ .search_cont { width:45.5%; } .search_cont input#s { width:91%; } .home_strapline .search_cont {margin-top: -10px} } /* ---------------------------------------------------------------------------------------------------------- 06 Pages/Posts/Blog --------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .page_header { margin-bottom:25px; } .single .header_border { display:none; } .grid .threecolumns-list .col-1-3 { margin-bottom:30px; } .grid .threecolumns-list [class*='col-']:last-of-type { padding-right:35px; } .grid .threecolumns-list .col-1-3:nth-child(3n+1) { clear:left; } .grid .threecolumns-list .col-1-3.last { clear:left; } .services_info a { color:#4A4A4D; } .featured-list h2 a { color:#4A4A4D; } .page-content a:hover, .page-content a:focus { text-decoration:underline; } .simple-layout h2 { margin-top:35px; margin-bottom:10px; padding-bottom:8px; border-bottom:2px solid #B4B6AC; } .contacts-list .title, .contacts-list .sub { display:inline; } .contacts-list img { display:block; margin-top:15px; margin-bottom:15px; } .services_thumb { margin-bottom:15px; } .pagination .older_posts { float:left; } .pagination .newer_posts { float:right; } .pagination a:hover, .pagination a:focus { text-decoration:underline; } .thumb-link { display:block; margin-top:12px; } .thumb-link img { display:block; } .read_more { } .read_more:hover, .read_more:focus { text-decoration:underline; } article.isobrick a { color:#4A4A4D; } .single article .heading { font-size:45px; } .single-services .wp-post-image, .single-post .wp-post-image { max-width:260px; float:right; } .single article .cat_heading { display:block; margin-bottom:30px; } .single article .article_heading { display:block; margin-bottom:40px; margin-left:5px; } .addthis { margin-top:25px; } .related_posts li { margin-top:40px; padding-top:25px; border-top:8px solid #58595b; } .related_posts li .title { font-size:17px; } .related_posts li.category-politics-government-current-affairs, .iosbrick.category-politics-government-current-affairs { border-color:#d91c5c; } .related_posts li.category-misc, .isobrick.category-misc { border-color:#003473; } .related_posts li.category-charities-and-campaign-groups, .isobrick.category-charities-and-campaign-groups { border-color:#00a79d; } .related_posts li.category-consumer-media-technology, .isobrick.category-consumer-media-technology { border-color:#f26522; } .related_posts li a { color:#4A4A4D; } .divider { height:8px; background:#58595b; display:block; width:100%; margin-bottom:8px; } .sidebar .divider, .related .divider { margin-bottom:20px; } .politics-government-current-affairs .divider.cat { background:#d91c5c; } .misc .divider.cat { background:#003473; } .charities-and-campaign-groups .divider.cat { background:#00a79d; } .consumer-media-technology .divider.cat { background:#f26522; } .post-cats { margin-bottom:12px; line-height:1.4; } .iso_filter { margin-top:30px; } .iso_filter .filters { } .archive.date .select_drop.category { display:none; } .article-date { margin-bottom:10px; font-size:12px; font-style:italic; color:#999; } .back-isotope-archive { display:none; } .archive.date .back-isotope-archive { display:inline-block; font-size:12px; text-transform:uppercase; margin-top:12px; margin-left:20px; } .archive.date .back-isotope-archive:hover { text-decoration:underline; } .client-list { margin-bottom:30px; } .client-list .title { margin-bottom:20px; font-size:17px; padding-bottom:8px; border-bottom:5px solid #B4B6AC; } .client-list a { display:block; margin-bottom:15px; } .single-clients .wp-post-image { margin-bottom:35px; margin-top:15px; } .client-logo.image_roll { margin-bottom:25px; } .clients .isobrick h2, .clients .isobrick .post-cats { text-align:center; } .featured-list .col-1-3 { margin-bottom:40px; } .featured-list .col-1-3:nth-child(3n+1) { clear:left; } .featured-list .col-1-3.last { clear:left; } .featured-list h2 a:hover, .featured-list h2 a:active { color:#58595b; } .image_roll { display:block; position:relative; } .image_roll img { z-index:1; } .image_roll span { position:absolute; width:100%; height:100%; display:block; z-index:2; background:rgba(224,226,218,0.0); } .image_roll:hover span { background:rgba(224,226,218,0.4); } #menu-survey-menu { margin-bottom:50px; } #menu-survey-menu-1 { margin-top:35px; } .survey #menu-survey-menu { margin-top:40px; } .survey-menu li { display:inline-block; font-size:16px; } .survey-menu li a { padding:0 14px; border-right:1px solid #bbb; color:#aaa; } .survey-menu li a:hover, .survey-menu li a:focus { color:#4A4A4D; text-decoration:none; } .survey-menu li:last-child a { border-right:none; } .survey-menu li:first-child a { padding-left:0; } .survey-menu li.current-menu-item { font-weight:bold; font-size:20px; } .survey-menu li.current-menu-item a { color:#4A4A4D; } .survey_list li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; } .survey_list li:last-child { border-bottom:none; } .survey_list li h2 { font-size:14px; font-weight:bold; } .survey_list li .file_link { display:inline-block; font-style:italic; color:#00a79d; } .widget-container { margin-bottom:40px; max-height:600px; overflow-y:auto; } /* add max-height and overflow for twitter widget (saves others) */ .widget-title { padding-top:8px; border-top:8px solid #58595b; } /* .widget_mc4wp_widget h3 { font-size:17px; } .widget_mc4wp_widget h4 { font-family:'Swiss721BT-Bold'; font-size:30px; line-height:1.2; margin-left:3px; } .widget_mc4wp_widget h4 .highlight { display:inline; background:#1a191f; color:#e0e2da; padding:2px; box-shadow:3px 0 0 #000, -3px 0 0 #000; } .widget_mc4wp_widget input[type='email'] { margin-top:20px; margin-bottom:20px; background:#fff; color:#4A4A4D; width:100%; padding:8px; border:inset 2px #eee; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-right:4px; outline:none; } .widget_mc4wp_widget input[type='email']:focus { background:#e0e2da; } .widget_mc4wp_widget input[type='submit'], .wpcf7 input[type='submit'] { background-color:#4A4A4D; line-height:1; color:#e0e2da; border:0; float:right; padding:9px 30px 9px 12px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 4px 0 #babcb5; -moz-box-shadow:0 4px 0 #babcb5; box-shadow:0 4px 0 #babcb5; outline:none; } .widget_mc4wp_widget input[type='submit']:hover, .widget_mc4wp_widget input[type='submit']:active, .wpcf7 input[type='submit']:hover, .wpcf7 input[type='submit']:active { background-color:#333; } */ .widget_text a:hover, .widget_text a:active { text-decoration:underline; } .widget_text hr { margin:15px 0; } .widget-title.title-highlight { font-family:'Swiss721BT-Bold'; font-size:30px; line-height:1.2; margin-left:3px; } .widget-title.title-highlight .highlight { display:inline; background:#1a191f; color:#e0e2da; padding:2px; box-shadow:3px 0 0 #000, -3px 0 0 #000; } #twitter-widget-0 { height: 435px } h3.widget-title.twitter-widget { background: url(images/twitter.png) right center no-repeat;} .error404 .widget_mc4wp_widget {display:none} .error404 .search-box-place {height: 100px} /* Contact Form .wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='tel'], .wpcf7 textarea { background:#fff; color:#4A4A4D; width:100%; padding:8px; border:inset 2px #eee; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-right:4px; outline:none; } .wpcf7 input[type='text']:focus, .wpcf7 input[type='email']:focus, .wpcf7 input[type='tel']:focus, .wpcf7 textarea:focus { background:#e0e2da; } .wpcf7 textarea { height:100px; } .wpcf7 .wpcf7-validation-errors, .wpcf7 .ajax-loader { display:none !important; } .wpcf7 span.wpcf7-not-valid-tip { padding:0; width:21px; height:21px; border:0; text-indent:-9000px; top:-3px; left:92%; position:absolute; background:url('./images/validation_arrow.png') 0 0 no-repeat; } .wpcf7 .wpcf7-mail-sent-ok { border:none; margin:0; padding:20px; background:#58595b; color:#e0e2da; line-height:1.6; } .wpcf7 .sent .contact_form { display:none; } */ /* Select Drop Downs */ select.fancy-select { padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 3px 0 #ccc, 0 -1px #5d5e61 inset; -moz-box-shadow:0 3px 0 #ccc, 0 -1px #5d5e61 inset; box-shadow:0 3px 0 #ccc, 0 -1px #5d5e61 inset; background:#6d6f71; color:#e0e2da; border:none; outline:none; display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:300px; margin-bottom:10px; } .select_drop { position:relative } .select_drop:after { content:''; background:url('https://cdn.survation.com/wp-content/theme/images/svg/select_bg.svg') 0 0 no-repeat; right:4px; top:0; width:42px; height:26px; position:absolute; pointer-events:none; } /*.select_drop:before { content:''; right:9px; top:-6px; width:20px; height:25px; background:#4A4A4D; position:absolute; pointer-events:none; display:block; }*/ select.fancy-select.reverse { -webkit-box-shadow:0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow:0 3px 0 #ccc, 0 -1px #fff inset; box-shadow:0 3px 0 #ccc, 0 -1px #fff inset; background:#f8f8f8; color:#6d6f71; } .select_drop.reverse:before { background:#f8f8f8; } .no-svg .select_drop:after { background:url('https://cdn.survation.com/wp-content/theme/images/select_bg.png') 0 0 no-repeat; top:-5px; } @-moz-document url-prefix() { .select_drop:after { right:4px; top:-12px; width:42px; height:39px; background:#4A4A4D url('https://cdn.survation.com/wp-content/theme/images/svg/select_bg.svg') 0 center no-repeat; border-radius:0 5px 4px 0} } a.filter_by_year { padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #5d5e61 inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #5d5e61 inset; box-shadow: 0 3px 0 #ccc, 0 -1px #5d5e61 inset; background: #6d6f71; color: #e0e2da; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: auto; margin-bottom: 10px; min-width:170px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; background: #f8f8f8; color: #6d6f71; position: relative; } a.filter_by_year:after { content:''; background:url('https://cdn.survation.com/wp-content/theme/images/svg/forward_bg.svg') 0 0 no-repeat; right:3px; top:4px; width:26px; height:42px; position:absolute; pointer-events:none; } @media only screen and (min-width: 768px) { /* 768 =================================================== */ .iso_filter .filters { float:left; } .iso_filter .filters.category { margin-right:20px; } select.fancy-select { width:auto; } select.fancy-select.date { min-width:170px; } .survey-title { margin-bottom:25px; } #menu-survey-menu { margin-top:5px; } .survey_list li h2 { float:left; width:25%; } .survey_list li .text_cont { float:left; width:75%; display:block; } .featured-list .no-divider .divider { display:none; } .home .widget-title.twitter-widget { border-top:none; margin-right: 15px} .home .grid.divider-border { padding-top:8px; border-top:8px solid #58595b; } } /* ---------------------------------------------------------------------------------------------------------- 06 Back to Top --------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ #back-top { width:55px; position:fixed; bottom:36px; right:25px; z-index:1000; } #back-top a { background-color:rgb(224,226,218); background-color:rgba(224,226,218,0.9); background-image:url('https://cdn.survation.com/wp-content/theme/images/back_to_top.png'); background-repeat:no-repeat; background-position:center; display:block; width:55px; opacity:1; height:35px; text-indent:-9000px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } #back-top a:hover { opacity:0.7; } /* ---------------------------------------------------------------------------------------------------------- 06 Isotope ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } .js-isotope { width:100%; } .isobrick { width:270px; margin-bottom:40px; float:left; padding-top:20px; border-top:8px solid #58595b; } .isobrick h2 a:hover, .isobrick h2 a:active { color:#58595b; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #isotopecontainer.loading { min-height: 800px; background: url(images/loading.gif) center 200px no-repeat } #isotopecontainer article { -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s; } #isotopecontainer.loading article { opacity: 0 } @media only screen and (min-width: 321px) { /* 321 =================================================== */ .isobrick { } } @media only screen and (min-width: 768px) { /* 768 =================================================== */ .isobrick { } } /* ---------------------------------------------------------------------------------------------------------- 06 BXSlider ------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .slider_container { margin-bottom:65px; margin-top:40px; } .bx-wrapper { position:relative; } /* Pagination */ .bx-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { display:inline-block } .bx-pager.bx-default-pager a { background:url('https://cdn.survation.com/wp-content/theme/images/slider_controls.png') -30px 0 no-repeat; text-indent:-9999px; display:block; width:18px; height:19px; margin-right:10px; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: none !important; } .bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active { background-position:0 0; } .bx-viewport { background-color:#e0e2da; /* Fade through color */ } .bx-pager { height:19px; text-align:center; } .bx-loading { min-height:50px; background:url('https://cdn.survation.com/wp-content/theme/images/bx_loader.gif') center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } /* Next / Prev Arrows */ .bx-controls-direction { display:none; } .bx-controls-direction a { position:absolute; top:50%; outline:0; width:38px; height:80px; margin-top:-40px; text-indent:-9999px; z-index:9999; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width:100%; bottom:15px; position:absolute; } .bx-controls-direction a:hover { } .bx-controls { } .bx-prev { opacity:0; left:5px; } .bx-prev { display:none; } .bx-next { opacity:0; right:5px; } .bx-wrapper:hover .bx-prev { opacity:1; } .bx-wrapper:hover .bx-next { opacity:1; } .bx-prev span, .bx-next span { background:url('https://cdn.survation.com/wp-content/theme/images/slider_arrows.png') no-repeat; display:block; width:38px; height:80px; } .bx-prev span { background-position:4px 0; } .bx-next span { background-position:-47px 0; } .bx-prev:hover span { opacity:0.7; } .bx-next:hover span { opacity:0.7; } /* Element Styles */ .bxslider.home .text_wrap { } .bxslider.home .heading_wrap { display:block; margin-bottom:20px; margin-left:5px; } .bxslider.home h1 { font-size:45px; } .bxslider.home h1 a { color:#e0e2da; } .bxslider.home h2 { margin-bottom:20px; font-size:18px; } .bxslider.home .moretag:hover { text-decoration:underline; } .bxslider.home .feat-image { } .feat_image { float:right; width:49%; display:block; margin-bottom:14px; position: relative; text-align: center; } .feat_image img { display: inline-block; float: none;} #js-home-featured img { margin: 5px 0 15px; } #js-home-featured p { line-height: 1.4; } @media only screen and (min-width: 768px) { /* 768 =================================================== */ /* Next / Prev Arrows */ .bx-controls-direction { display:block; } .bxslider.home .text_wrap { display:block; float:left; width:50%; } .bxslider.home .heading_wrap { } .bxslider.home h1 { font-size:4.7em; } .bxslider.home h2 { width:75%; } .bxslider.home .moretag { } } ul, ol { width: auto; height: auto; margin-left: 15px; margin-bottom: 8px; line-height: 1.6; } ol {margin-left: 18px;} ul li { width: auto; height: auto; list-style: disc; list-style-type: disc; } ol li { width: auto; height: auto; list-style: decimal; list-style-type: decimal; } body.in-the-press .page-content p { clear:both; display:inline-block; width:100%; } body.in-the-press .page-content p > span { display:block; height:100%; } /* ---------------------------------------------------------------------------------------------------------- IE!!!! ----------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ .ie8 img { width:inherit; } ul.bxslider {margin: 0 !important; padding: 0 !important;} ul.bxslider li {margin: 0 30px 0 0;} .circular-image img { width: 100px; height: 100px; -webkit-border-radius: 75px; -moz-border-radius: 75px; -ms-border-radius: 75px; -o-border-radius: 75px; border-radius: 75px; } .grecaptcha-badge{ visibility: collapse !important; display: none !important; }