/** * @license * MyFonts Webfont Build ID 3344904, 2017-02-14T13:55:37-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: Gilroy-Thin by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/thin/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-UltraLightItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/ultra-light-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-ThinItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/thin-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-SemiBoldItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-SemiBold by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-UltraLight by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/ultra-light/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Regular by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/regular/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-RegularItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/regular-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-MediumItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/medium-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Medium by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/medium/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-LightItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/light-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Light by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/light/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-HeavyItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/heavy-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Heavy by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/heavy/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-ExtraBoldItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-ExtraBold by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-BoldItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/bold-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Bold by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/bold/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-BlackItalic by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/black-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Black by Radomir Tinkov * URL: http://www.myfonts.com/fonts/radomir-tinkov/gilroy/black/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3344904 * Licensed pageviews: 10,000 * * � 2017 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/330a08"); @font-face {font-family: 'Gilroy-Thin';src: url('webfonts/330A08_0_0.eot');src: url('webfonts/330A08_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_0_0.woff2') format('woff2'),url('webfonts/330A08_0_0.woff') format('woff'),url('webfonts/330A08_0_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-UltraLightItalic';src: url('webfonts/330A08_1_0.eot');src: url('webfonts/330A08_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_1_0.woff2') format('woff2'),url('webfonts/330A08_1_0.woff') format('woff'),url('webfonts/330A08_1_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-ThinItalic';src: url('webfonts/330A08_2_0.eot');src: url('webfonts/330A08_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_2_0.woff2') format('woff2'),url('webfonts/330A08_2_0.woff') format('woff'),url('webfonts/330A08_2_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-SemiBoldItalic';src: url('webfonts/330A08_3_0.eot');src: url('webfonts/330A08_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_3_0.woff2') format('woff2'),url('webfonts/330A08_3_0.woff') format('woff'),url('webfonts/330A08_3_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-SemiBold';src: url('webfonts/330A08_4_0.eot');src: url('webfonts/330A08_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_4_0.woff2') format('woff2'),url('webfonts/330A08_4_0.woff') format('woff'),url('webfonts/330A08_4_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-UltraLight';src: url('webfonts/330A08_5_0.eot');src: url('webfonts/330A08_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_5_0.woff2') format('woff2'),url('webfonts/330A08_5_0.woff') format('woff'),url('webfonts/330A08_5_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-Regular';src: url('webfonts/330A08_6_0.eot');src: url('webfonts/330A08_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_6_0.woff2') format('woff2'),url('webfonts/330A08_6_0.woff') format('woff'),url('webfonts/330A08_6_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-RegularItalic';src: url('webfonts/330A08_7_0.eot');src: url('webfonts/330A08_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_7_0.woff2') format('woff2'),url('webfonts/330A08_7_0.woff') format('woff'),url('webfonts/330A08_7_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-MediumItalic';src: url('webfonts/330A08_8_0.eot');src: url('webfonts/330A08_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_8_0.woff2') format('woff2'),url('webfonts/330A08_8_0.woff') format('woff'),url('webfonts/330A08_8_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-Medium';src: url('webfonts/330A08_9_0.eot');src: url('webfonts/330A08_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_9_0.woff2') format('woff2'),url('webfonts/330A08_9_0.woff') format('woff'),url('webfonts/330A08_9_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-LightItalic';src: url('webfonts/330A08_A_0.eot');src: url('webfonts/330A08_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_A_0.woff2') format('woff2'),url('webfonts/330A08_A_0.woff') format('woff'),url('webfonts/330A08_A_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-Light';src: url('webfonts/330A08_B_0.eot');src: url('webfonts/330A08_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_B_0.woff2') format('woff2'),url('webfonts/330A08_B_0.woff') format('woff'),url('webfonts/330A08_B_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-HeavyItalic';src: url('webfonts/330A08_C_0.eot');src: url('webfonts/330A08_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_C_0.woff2') format('woff2'),url('webfonts/330A08_C_0.woff') format('woff'),url('webfonts/330A08_C_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-Heavy';src: url('webfonts/330A08_D_0.eot');src: url('webfonts/330A08_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_D_0.woff2') format('woff2'),url('webfonts/330A08_D_0.woff') format('woff'),url('webfonts/330A08_D_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-ExtraBoldItalic';src: url('webfonts/330A08_E_0.eot');src: url('webfonts/330A08_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_E_0.woff2') format('woff2'),url('webfonts/330A08_E_0.woff') format('woff'),url('webfonts/330A08_E_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-ExtraBold';src: url('webfonts/330A08_F_0.eot');src: url('webfonts/330A08_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_F_0.woff2') format('woff2'),url('webfonts/330A08_F_0.woff') format('woff'),url('webfonts/330A08_F_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-BoldItalic';src: url('webfonts/330A08_10_0.eot');src: url('webfonts/330A08_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_10_0.woff2') format('woff2'),url('webfonts/330A08_10_0.woff') format('woff'),url('webfonts/330A08_10_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-Bold';src: url('webfonts/330A08_11_0.eot');src: url('webfonts/330A08_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_11_0.woff2') format('woff2'),url('webfonts/330A08_11_0.woff') format('woff'),url('webfonts/330A08_11_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-BlackItalic';src: url('webfonts/330A08_12_0.eot');src: url('webfonts/330A08_12_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_12_0.woff2') format('woff2'),url('webfonts/330A08_12_0.woff') format('woff'),url('webfonts/330A08_12_0.ttf') format('truetype');} @font-face {font-family: 'Gilroy-Black';src: url('webfonts/330A08_13_0.eot');src: url('webfonts/330A08_13_0.eot?#iefix') format('embedded-opentype'),url('webfonts/330A08_13_0.woff2') format('woff2'),url('webfonts/330A08_13_0.woff') format('woff'),url('webfonts/330A08_13_0.ttf') format('truetype');} html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body{ font-family: 'Gilroy-Medium', sans-serif; line-height: 1.5; font-size: 15px; } h1{ font-family: 'Gilroy-ExtraBold'; } h2{ font-size: 24px; font-family: 'Gilroy-ExtraBold'; } h3{ font-size: 20px; font-family: 'Gilroy-Bold'; } h4{ font-size: 18px; font-family: 'Gilroy-Bold' } h5{ font-family: 'Gilroy-ExtraBold'; } a{ color: #A32430; text-decoration: underline; } a:hover{ text-decoration: none; } img { max-width: 100%; height: auto ; } .noPaddingLeft { padding-left: 0; } /* adding specific color to Study Home Page on NACJD */ #NACJD .glyphicon.glyphicon-question-sign, .p-i a, .collections + ul li a, #ownerBlurb a, #mainContent .nav-tabs a:link, #mainContent .nav-tabs a:visited, .searchResult a { color: #A32430; } .stat-wrap a { color: #000; text-decoration: underline; font-size: .7em; } .stat-3 a { color: #c9ebc2; color: #000; font-size: 1em; } #NACJD .label-default { font-size: 90%; font-weight: normal; background: #fff; border: 1px solid #A32430; color: #A32430; line-height: 1.9; display: inline-block; padding: 0; margin: 2px 0; } .label-default a { color: #A32430; padding: 0 0.6em; line-height: 1; } .label-default:hover, .label-default:focus { background: #777; } .label-default a:hover, .label-defaul a:focus{ color: #fff; } #variableSearchForm{ margin-top: 35px; } header, section, footer { min-width: 320px; overflow: hidden; } .belowOrangeBox { } /******************************************** GLOBAL CSS ****************************/ .inline { display: inline-block; } .orangeText{ color: #CB4125; } .centerText{ text-align: center; } .centerImg{ display: block; margin: 0 auto; } .bottomBorder{ border-bottom: 1px solid rgba(224, 222, 208, .8); margin-bottom: 40px; padding-bottom: 40px; } .bold{ font-family: 'Arial Black', sans-serif; font-weight: 700; } .colorTextWhite{ color: #fff; } a.btn{ text-decoration: none; } .indent{ margin-left: 15px; } .heading{ margin-left: 0; margin-bottom: 100px; } .headingTwoLines { margin-left: 0; /* margin-bottom: 82px; */ margin-bottom: 8%; margin-top: -15px; } .headingThreeLines{ margin-top: -10px; margin-left: 0; margin-bottom: 30px; } .heading.leaicHeading, .heading.victimizationHeading { margin-bottom: 65px; } b, strong{ font-family: 'Gilroy-Bold'; } .subheadline{ font-family: 'Gilroy-Light'; font-size: 45%; text-transform: uppercase; } input[type="text"], input[type="email"]{ border-radius: 0; } .radio label, .checkbox label{ display:block; } /***************************************** NAVIGATION **********************/ .navbar-brand>img{ max-width: 150px; margin-top: -12px; margin-left:-30px; } .navbar-default{ /*overriding the default styling of the bootstrap navbar*/ border-radius: 0; background-color: #fff !important; border-color: transparent; background-image: none; box-shadow: none; } header nav a.dropdown-toggle:hover { outline: 0; } .navbar-default .navbar-nav>li>a { color: #000 !important; text-shadow: none; text-decoration: none; font-size: 17px; font-family: Gilroy-ExtraBold; padding: 6px 15px 2px !important; } .navbar-default .navbar-nav>div>ul>li{ list-style: none; text-transform: uppercase; line-height: 1.9; } .navbar-default .navbar-nav>div> ul > li > a{ color: #000; text-shadow: none; text-decoration: none; font-size: 15px; font-family: Gilroy-bold; padding-bottom: 2px; } #bs-example-navbar-collapse-1 ul.nav.navbar-nav { text-transform: none; } #bs-example-navbar-collapse-1 ul#my-data.nav.navbar-nav, #my-data { text-transform: uppercase; } #my-data a { color: #CB4125 !important; font-weight: bold; text-decoration: none; padding: 0 39px 0 0 !important; font-size: 80% !important; font-family: 'Gilroy-Medium', sans-serif; line-height: 18px; } header .navbar-nav { margin-top: 0; } #my-data a.dropdown-toggle.logged-in { min-width: 180px; } #my-data a:hover { color: #000; text-decoration: underline; } .myDataLogInBox.down #my-data {margin-left:50%;} .fas.fa-user{ color: #CB4125; display: inline-block; margin: 10px; padding: 0 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .mobileMyData .showSearch, .mobileMyData .showMyDataLogIn{ display:inline-block; font-size: 80%; } .mobileMyData a.showSearch { color: #CB4125; padding-right: 10px; } .mobileMyData{ display: inline-block; } .mobileMyData #my-data {display: inline-block;} .nav>li#discoverData a { padding-left: 0 !important; } #search>.row, #search>.row>div>.row { margin: 0; } .nav>li>a>img{ /*moving the twitter logo bird up so the bottom of the bird lines up with the bottom of the words per the design*/ padding-top: 0; margin-top: -15px; } .navbar-form { /*overriding bootstrap's margin on nav form */ margin-top: -5px; display: inline-block; padding: 0; } .input-sm, .form-group-sm .form-control{ border-radius: 0; } #input_container { position:relative; padding:0; margin:0; } #search-data-input .form-group { min-width: 0; } form.navbar-form, .navbar-form .form-control { width: auto; } .nav_input_img{ position: absolute; top: 6px; left: 4px; width: 23px; height: 17px; } .nav_input_img_mobile{ position: absolute; top: 7px; left: -1px; width: 23px; height: 17px; } .navSearchBox{ /* text-indent: 16px; */ height: 28px; line-height: 1; padding-left: 30px; } .rpxlogin-page .form-control { height: auto; } .twitterBird{ display: inline-block; padding: 0 10px; margin-top: -14px; } .btnSearch{ margin-left: -4px; height: 28px; } .btnOrange, #studies input#submit.btn.btn-primary.btn-sm, #search button#viewAllButton.btn.btn-primary.btn-sm, #search .btn-toolbar.pull-right .btn-group.btn-group-sm a.btn.btn-primary, .restrictedModalCtnBtn { background: #CB4125; color: #fff; text-shadow: none; text-transform: uppercase; border-radius: 0; border: 1px solid #CB4125; transition: background 0.2s ease-in-out; text-decoration: none; } a.btnOrange:hover { background-color: #fff; color: #CB4125; border-bottom: 1px solid #CB4125 !important; } #studies input#submit.btn.btn-primary.btn-sm:hover, #studies input#submit.btn.btn-primary.btn-sm:focus, #search button#viewAllButton.btn.btn-primary.btn-sm:hover, #search button#viewAllButton.btn.btn-primary.btn-sm:focus, #search .btn-toolbar.pull-right .btn-group.btn-group-sm a.btn.btn-primary:hover, #search .btn-toolbar.pull-right .btn-group.btn-group-sm a.btn.btn-primary:focus, .restrictedModalCtnBtn:hover, .restrictedModalCtnBtn:focus{ background-color: #e0e0e0; background-position: 0 -15px; color: #000; border-color: #e0e0e0; } .searchBox select::-ms-expand { display: none; } /* .subscribe-to-updates { display: none; } */ select#searchBox, select#searchBox-mobile { display: inline; height: 28px; background-color: #fff; margin-right: -5px; border: 1px solid #ccc; -webkit-border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; background-position: right 50%; background-repeat: no-repeat; /*this background image is the down caret to show a dropbox */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); padding-right: 1.5em; padding-left: .8em; line-height: 1; vertical-align: middle; color: #000; } .clear_form_btn{ background-image: none; background: #ccc; color: #A32430; text-shadow: none; text-transform: uppercase; font-weight: bold; border-radius: 0; border: 1px solid #ddd; width: 50%; margin-top: 25px; transition: background 0.2s ease-in-out; } .clear_form_btn:hover, .clear_form_btn:focus{ background-color:#A32430; color: #fff; border-radius: 0; border: 1px solid #ddd; } .allWrapper, .variablesWrapper, .publicationsWrapper{ display: inline-block; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a{ border-bottom: 6px solid #CB4125; background-image: none; box-shadow: none; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: #fff; color: #000; } /*************************************** BACKGROUND VIDEO ON HOMEPAGE ********************/ .fullscreen-bg { position: absolute; top: -220px; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .fullscreen-bg__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #front .fixed { top: 0; position: absolute; min-height: 500px; height: 70vh; width: 100%; z-index: 0; } #front .video-overlay { background-color: hsla(0,0%,0%,0.5); top: 0; position: absolute; width: 100%; z-index: 5; height: 500px; } #front .video-content-overlay { z-index: 2; /* original */ z-index: 6; margin-top: 5%; } #front .video-element { width: 100%; } #front header { z-index: 2; /* original */ z-index: 6; position: relative; } /**************************************** CIRCLES ON HOME PAGE **********************/ .orgName, .tagline, .date{ color: #fff; font-size: 100%; text-align: center; margin: 10px 0; } .orgName{ text-transform: uppercase; font-family: 'Gilroy-Thin'; font-size: 120%; } .tagline{ text-transform: none; font-size: 200%; } .date { font-size: 150%; } #NACJD #mainContent .shareDataDiv a{ text-decoration: none; } .circleHomePage{ background-color: rgba(250,250,250, .3); -moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px; height: 180px; width: 180px; display: inline-block; margin-right: 10px; margin-left: 10px; /* transition: background 0.5s ease-in-out; */ } .circleHomePage:hover, .circleHomePage:focus, .circleHomePage:active, .circleShareData:hover, a.circleShareData:focus, .circleShareData:active { background-color: #CB4125; } .circleTextHomePage{ color: #fff; text-transform: uppercase; font-size: 13px; } .discoverDataIcon{ margin: 55px auto 10px; } .overlay{ margin-top: 75px; } .homePageCircles{ margin-bottom: 75px; } .form-group.searchBox{ margin-top: -5px; } /***************************************** DATA EXPLORATION GRID HOMEPAGE ******************/ .gridWrapper{ display:grid; grid-template-columns:repeat(5, 1fr); grid-auto-rows:minmax(100px, auto); grid-gap:1.2em; justify-items: stretch; align-items:stretch; text-align: center; } .gridWrapper > div{ padding:1em; border-radius: 2px; } .gridWrapper > .box { display: flex; justify-content: center; align-items: center; overflow: hidden; } .gridWrapper > .box > a { color: #201F1D; font-weight: bold; font-size: 1.3em; overflow: hidden; text-decoration: none; } /* background color peach */ .gangs, .andMore, .violenceAW { background-color: #FBCCA8; border: 1px solid #E0B696; } .gangs > a:hover, .gangs > a:focus, .andMore > a:hover, .andMore > a:focus, .violenceAW > a:hover, .violenceAW > a:focus{ background-color: #201f1d; color: #FBCCA8; } /* background color valencia (dark orange) */ .drugsAC, .prostitutionHTSC, .whiteCC { background: #DD4E3B; border: 1px solid #C44635; } .drugsAC > a:hover, .drugsAC > a:focus, .prostitutionHTSC > a:hover, .prostitutionHTSC > a:focus, .whiteCC > a:hover, .whiteCC > a:focus{ background-color: #201f1d; color: #DD4E3B; } /*background color roman (orangey red)*/ .juvenileDJ, .recidivism, .childAM { background-color: #D36550; border: 1px solid #BA5A47; } .juvenileDJ > a:hover, .juvenileDJ > a:focus, .recidivism > a:hover, .recidivism > a:focus, .childAM > a:hover, .childAM > a:focus { background-color: #201f1d; color: #D36550; } /*background color sea buckthorn (lighter orange) */ .gunsOW, .homicide, .terrorismHC{ background-color: #F79445; border: 1px solid #DE863E; } .gunsOW > a:hover, .gunsOW > a:focus, .homicide > a:hover, .homicide > a:focus, .terrorismHC > a:hover, .terrorismHC > a:focus{ background-color: #201f1d; color: #F79445; } .drugsAC{ grid-row:1/3; } .gunsOW{ grid-row:1/2; } .gangs{ grid-row:1/2; } .juvenileDJ{ grid-row:1/2; } .andMore { grid-column:5; grid-row:1/5; } .homicide { grid-column:1; grid-row:3/4; } .prostitutionHTSC { grid-column: 2/5; grid-row:2; } .whiteCC { grid-column:1; grid-row: 4/5; } .childAM{ grid-column: 2; grid-row: 3/5; } .violenceAW { grid-column: 3; grid-row: 3; } .recidivism { grid-column: 4; grid-row: 3; } .terrorismHC{ grid-column:3/5; grid-row:4; } .box.blackBG { background-color: #201f1d; border: 1px solid #201f1d;} .dataAtNACJD.bottomBorder { margin-top: 35px !important; } /***************************************** TWITTER SECTION ON HOMEPAGE ******************/ .centerText h2{ margin-bottom: 50px; } .tweetDate{ font-family: Gilroy-Bold; color: #000; } .twitterName{ display: none; } /*removed underline for the Twitter Icon and @nacjaydee */ .noDecoration{ text-decoration:none; background:none !important; } .noDecoration:hover{ text-decoration:none; } /*adding this because links are running over into other tweets*/ .tweet{ word-wrap:break-word; } /****************** OPEN ICPSR WORKSPACE **********************/ #workspace{ margin-top: 50px; max-width: 1100px; } #workspace a{ text-decoration:none; } #workspace .col-sm-3.col-lg-2 button.btn.btn-primary, #workspace .col-sm-3.col-lg-2 a.btn.btn-primary{ background-image:none; background: #CB4125; color: #fff; text-shadow: none; text-transform: uppercase; border-radius: 0; border: 1px solid #CB4125; } #workspace .col-sm-3.col-lg-2 a.btn.btn-sm{ display:inline-block; } /**************************** icpsr2016 adjustments ***************/ #search .nav-tabs>li.active>a { background-color: #fff; color: #000; } #search .nav-tabs>li a:hover, #search .nav-tabs>li a:focus{ background-color: #fff; text-decoration:underline; } #search .panel-title a, #search .panel-title a:link, .panel-title a { text-decoration: none; } .panel-body{ padding: 5px; } #search div.previous-next, #search div.previous-next .btn-group-sm>.btn { font-size: 85%; } #search a { border-bottom: none; } #NACJD #mainContent .btn-default:active, #NACJD #mainContent .btn-default.active, #NACJD #mainContent .nav-tabs>li.active>a, #NACJD #mainContent .nav-tabs>li.active>a:hover, #NACJD #mainContent .nav-tabs>li.active>a:focus, #NACJD #mainContent #variables-display div.results-header div.row, #NACJD #mainContent #publications-display div.results-header div.row, #NACJD #mainContent #studies-display div.toolbar div.row, #NACJD #mainContent #variables-display div.toolbar div.row, #NACJD #mainContent #publications-display div.toolbar div.row, #NACJD #mainContent #metadata div.toolbar div.row, #NACJD #mainContent #studies-display > .toolbar, #NACJD #mainContent #variables-display > .toolbar, #NACJD #mainContent #publications-display > .toolbar, #NACJD .toolbar, #NACJD #data-doc thead { background-color: #EF5B35; color: #000; font-weight: bold; } #NACJD .nav-tabs>li>a:hover, #NACJD .nav-tabs>li>a:focus { background-color: #e0e0e0; color: #000; } #search .nav-tabs>li>a, #search .nav-tabs>li>a { border: 1px solid transparent; } #search .nav.nav-tabs { background: #efefef; } #search .nav-tabs.nav>li.active>a, #search .nav-tabs.navli.active>a:focus, #search .nav-tabs.nav>li.active>a:hover, #search .nav-tabs.nav>li>a:hover, #search .nav-tabs.nav>li>a:focus { border: 1px solid transparent; border-bottom: 3px solid #000; color: #000 !important; text-decoration: none !important; background-color: transparent !important; } #search .nav-tabs>li>a, #search .nav-tabs>li>a { border: 1px solid transparent; text-decoration: none; } .tab-pane.active a, a { border-bottom: none; } .toolbar a{ color: #000; } #NACJD header { background-color: #000; } #NACJD #publications-display #citationSearchForm.navbar-form { margin-top: 0; display: block; padding: 15px; } #NACJD #publications-display #citationSearchForm .input-group { margin-top: 20px; } #NACJD #publications-display .relStudies p { padding: 15px 0 0 0; } #NACJD #publications-display .alert { margin-bottom: 2px; } #citationSearchForm { margin-top: 35px; } #glanceLink, .nav-tabs>li:active a span{ padding-left: 15px; } #search .nav-tabs>li:active a span { padding-left: 0; } #search h1, #NACJD .study-title { border-bottom: 0; } #NACJD header { background-color: transparent; } #NACJD .borderedDiv.grayBG .whiteBG{ /* over riding original whiteBG class for front page it was effecting the notes on the study home page */ position: static; margin-top: 0; } #NACJD #ownerBlurb img{ display: block; } #NACJD #ownerBlurb{ float: initial; width: auto; margin: 15px 0;; border-radius: 0; background: #fff; border: 1px solid #ddd; } #NACJD .study-homepage-related-publications-toggle { margin-left: 166px; text-indent: -166px; } #NACJD .series-homepage-studies-toggle { margin-left: 83px; text-indent: -83px; } /* next to panel-group fixes accordion issues on study home pages */ .panel-group{ margin-bottom: 0; } .panel-group .panel+.panel { margin-top: 2px; } .variableFont{font-family: Courier New; font-size: 14px;} aside ul li a {text-decoration: none;} aside ul li.active{font-weight: bold; text-decoration: underline; } .learningguideaccordion.collapsed { font-family: 'Gilroy-Medium', sans-serif; font-weight: normal; color: #A32430; text-decoration: underline; } .covidFAQ { padding: 15px; margin: 20px auto; border-radius: 5px; box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1), 0 6px 4px 0 rgba(0, 0, 0, 0.19); } /***************************************** FOOTER *****************/ #NACJD footer{ background: #fff; color: #000;} #NACJD footer>.container{ border-top: 1px solid rgba(224, 222, 208, .8); margin-top: 40px; } .logoStrip { margin-top: 20px; } #icpsr-logo { height: auto; padding-top: 8px; max-width: 210px; margin-bottom: 15px; } #logos-container img { padding: 5px; } #bjsLogoFooter{ max-width: 50px; margin-top: 5px; } #nijLogoFooter{ margin-left: 15px; max-width: 50px; margin-top: 6px; height: auto; } #ojjdpLogoFooter{ max-width: 12%; margin-left: 15px; max-width: 50px; margin-top: 10px; } .sponsorLogosFooter{ float: right; } .fundingParagraph{ font-size: 80%; } #NACJD footer .privPolicy{ text-transform: uppercase; font-size: 11px; color: #000; font-family: 'Gilroy-ExtraBold'; } #copyright{ font-size: 80%; margin-left: -15px; margin-top: 2px; } #copyright a { color: #000; } /****************************************** SHARE DATA PAGE *******************/ .topImage{ background-image: url("/pages/NACJD/images/escalators.png"); background-size: cover; background-position: center; height: 450px; width: 100%; position: absolute; top: 0; left: 0; z-index: -9; } .headingShareData{ margin-bottom: 123px; } .topImage h1{ margin-top: 75px; margin-bottom: 50px; } .circleTextShareDataPage{ color: #fff; text-transform: uppercase; font-size: 14px; } .circleShareData{ background-color: rgba(250,250,250, .3); -moz-border-radius: 75px; -webkit-border-radius: 75px; border-radius: 75px; height: 150px; width: 150px; } .circleShareData:hover, .circleShareData:focus, .circleShareData:active{ background-color: #CB4125; } .shareDataIcon{ width: 26%; margin: 25px auto 10px; padding-top: 30px; } .shareDataCircle{ font-size: 150%; font-weight: bold; } li#resources:focus{ outline: -webkit-focus-ring-color auto 5px; } /****************************************** NIJ SHARE DATA *******************/ .nij-share-data-topImage, .ojjdp-share-data-topImage{ background-image: url("/pages/NACJD/images/nij-share-data.png"); background-size: cover; background-position: center; height: 250px; width: 100%; position: absolute; top: 0; left: 0; z-index: -9; } .nij-share-data-topImage h1{ margin-top: 75px; } .nijShareDataList > li{ padding-bottom: 10px; } .videoTitles{ color: #CB4125; margin-top: 15px; } .gilroy-light{ font-family: 'Gilroy-Thin'; } /****************************************** ABOUT ********************/ .about-topImage{ background-image: url("/pages/NACJD/images/about-header.png"); background-size: cover; background-position: center; height: 250px; width: 100%; position: absolute; top: 0; left: 0; z-index: -9; } .aboutHeading { color: white; text-align: center; font-size: 115%; margin-bottom: -19px; } #NACJD #mainContent .aboutList > a { display: block; margin-bottom: 10px; text-decoration: none; color: #000; text-transform: uppercase; font-family: 'Gilroy-ExtraBold'; margin-top: 20px; } #NACJD #mainContent .aboutList > a:hover{ color: #A32430; } #NACJD #mainContent a#staff.active, #NACJD #mainContent a#contact.active, #NACJD #mainContent a#news.active, #NACJD #mainContent a#sponsors.active { color: #CB4125; } .aboutInfographics{ padding: 10px 0; } .aboutInfographics img{ width: auto; height: 75px; } .aboutInfographics p { font-size: 150%; font-weight: bold; text-align: center; } .aboutInfographics p.footprint_info{ font-size: 100%; font-family: Gilroy-Bold; } .infographicDataDownloads{ color: #CB4125; } .infographicStudies{ color: #CC2229; } .infographicUsers{ color: #A32430; } .newsHeadlines { color: #CB4125; font-size: 100%; font-family: 'Gilroy-ExtraBold'; } #headline-posts p{ margin-bottom:0px; } #headline-posts { margin-bottom: 50px; } #headline-posts ul{ padding-left: 0; } #headline-posts ul ul { list-style-type: none; } #blogger-posts > ul > li { line-height: 2; list-style: none; } #all-headlines { margin-top: 15px; } #all-headlines li { list-style-type: none; } .nacjdNewsTitles { margin-left: 15px; } ul.circleUL li { margin-bottom: 20px; } /****************************************** RESOURCES ******************/ #NACJD #mainContent a#learningDataGuides, #NACJD #mainContent a#restrictedDataResources, #NACJD #mainContent a#restrictedDataResources[role="button"], #NACJD #mainContent a#analyzeDataOnline, #NACJD #mainContent a#otherSites{ display: block; margin-bottom: 10px; text-decoration: none; color: #000; text-transform: uppercase; font-family: 'Gilroy-ExtraBold'; margin-top: 20px; } #NACJD #mainContent a#learningDataGuides:hover, #NACJD #mainContent a#learningDataGuides:focus, #NACJD #mainContent a#restrictedDataResources:hover, #NACJD #mainContent a#restrictedDataResources:focus, #NACJD #mainContent a#analyzeDataOnline:hover, #NACJD #mainContent a#analyzeDataOnline:focus, #NACJD #mainContent a#otherSites:hover, #NACJD #mainContent a#otherSites:focus{ color: #A32430 !important; } #NACJD #mainContent a#learningDataGuides.active, #NACJD #mainContent a#analyzeDataOnline.active, #NACJD #mainContent a#otherSites.active, #NACJD #mainContent a#restricted.active, #NACJD #mainContent a#details.active, #NACJD #mainContent a#data.active, #NACJD #mainContent a#components.active, #NACJD #mainContent a#forms.active, #NACJD #mainContent a#special.active{ color: #CB4125; } #NACJD #mainContent #restrictedList>li>a, #NACJD #mainContent #restrictedData>ul>li>a { text-decoration: none; color: #000; text-transform: uppercase; font-family: 'Gilroy-Medium'; } #restrictedList>li, #restrictedData>ul>li { list-style: none; padding-bottom: 5px; } #restrictedDataResources{ font-family: 'Gilroy-ExtraBold'; } #restrictedList>li a:hover, #restrictedData>ul>li>a:hover{ color: #A32430; } /****************************************** OUR TEAM / STAFF *******************/ .staffPhoto{ width: 130px; height: auto; margin-top:5px; padding:0 10px 10px 0; } /****************************************** FAQ / HELP ********************/ .faq-topImage{ background-image: url("/pages/NACJD/images/faq-image.png"); background-size: cover; background-position: center; height: 250px; width: 100%; position: absolute; top: 0; left: 0; z-index: -9; } .faq-topImage h1{ margin-top: 75px; } .glyphicon-chevron-down, .glyphicon-chevron-up{ padding: 10px; } a.collapsed, a.collapsed.closeHelp { font-family: Gilroy-bold; color: #CB4125; text-decoration: none; } .panel-default>.panel-heading{ color: #CB4125; font-weight: bold; background-image: none; background-color: #FFF; border-top-left-radius: 0; border-top-right-radius: 0; } #NACJD #mainContent .panel-heading a{ text-decoration: none; } .panel-group .panel+.panel{ margin-top: 0; } .panel-group .panel{ border-radius: 0; } .faqHeading{ margin-bottom: 0; margin-top: 40px; } .faqHeading.access { margin-top: 20px; } .userSupport{ text-transform: uppercase; font-family: Gilroy-bold; } .phoneNumber{ font-size: 150%; } .sectionSubheader { font-style: italic; } /****************************************** DISCOVER DATA *********************/ .discoverDataPage { overflow: hidden; border-radius: 0; } h2.discover-data-title{ text-transform: uppercase; padding-top: 20px; font-size: 18px; font-family: 'Gilroy-Bold' } .discoverDataSearchButton{ padding: 20px 30px; display:block; margin: 25px auto 20px; } a.searchTips{ text-decoration: none; width: 100%; text-align: center; } #searchTips{ text-align: left; } .discoverDataCategories { display: inline; } /***************************************** CONTACT US ***************************/ .contact-us-headings{ font-size: 14px; font-family: 'Gilroy-ExtraBold' } /****************************************** SEARCH RESULTS *********************/ div.searchResult, div.previous-next { margin: 0; } #facetResultType .nav>li.active>a, #facetResultType .nav>li.active>a { padding: 10px 15px; } .result-type-tabs.row { margin-top: 18px; } #studyResults #compare #results-body div div.col-sm-9.col-xs-11 a strong{ font-family: 'Gilroy-Medium' !important; } .studyNo{ font-family: 'Gilroy-Medium' !important; } /*************************************************** GUIDES *******************/ .guides-topImage{ background-image: url("/pages/NACJD/images/guides-header.png"); background-size: cover; background-position: center; height: 250px; width: 100%; position: absolute; top: 0; left: 0; z-index: -9; } /************************************************** VICTIMIZATION Learning Guide ***************/ .heroImage { min-height: 545px; background-image: url(//www.icpsr.umich.edu/files/NACJD/victim-learning-guide/nacjd_background.png); background-position: top center; background-repeat: no-repeat; background-size: cover; margin-bottom: 35px; } .sideSecHeader { margin-top: 5px; } .sideSecHeader a { color: #000; } .picture { margin-top: 25px; } h2#index a, h2#vicRate a { color: #7d0d01; } .img-responsive.front-page { margin: 0px auto 5px; float: right; -webkit-box-shadow: 10px 10px 28px -4px rgba(0,0,0,0.66); -moz-box-shadow: 10px 10px 28px -4px rgba(0,0,0,0.66); box-shadow: 10px 10px 28px -4px rgba(0,0,0,0.66); } .title { font-size: 18px; font-weight: bold; margin-top: 10px; } .secondPanel { margin-top: 15px; } .whiteBG{ background-color: rgba(250,250,250, .8); background-color: #fff; margin-top: 25px; margin-right:0; position: absolute; top: 275px; } .hexOnlyLogo{ display: inline; max-width: 3%; margin-top: 5px; } .no1{ font-size: 16px; display: inline; color:#D6513B; margin-left: 0px; margin-bottom: 0; font-weight: bold; } .line{ display:inline; border-bottom: 2px solid #D6513B; min-width: 92%; margin-top: -5px; margin-left: 5px; } #goNCVSGuideBtn{ font-size: 18px; padding: 8px; margin: 15px auto; width: 30%; } /****************************************** PHDCN Guide ********************/ .well.copyrightWarningWell { background-image: none; background-color: #eee; text-align: center; } ul.phdcn_toc_guide { padding: 0 5px; } ul.phdcn_toc_guide > li { padding-top: 15px; } ul.phdcn_toc_guide > li:first-child { padding-top: 0; } .instrumentsMeasures > li { margin-bottom: 15px; } .phdcnTable { text-align: center; } .phdcnTable thead th { font-family: 'Gilroy-Bold'; color: #fff; text-align: center; background-color: #F27A3B; } .phdcnTable.table-striped>tbody>tr:nth-child(odd) { background-color: #FEE4D7; } /****************************************** CMSurvey/Tutorial ********************/ #cmsurveyForm> label, .form-group > label{ text-transform: uppercase; font-family: 'Gilroy-Bold'; font-size: 1.2em; margin-bottom: 1px; margin-top: 9px; } .map-topImage{ background-image: url("/pages/NACJD/images/map-header.png"); background-size: cover; background-position: center; height: 250px; width: 100%; position: absolute; top: 0; left: 0; z-index: -9; } .navbar-default .navbar-toggle:focus { background-color: #CB4125; } #discover-data-form{ padding: 15px; } .variableFont { font-family: Courier New; font-size: 14px; } #includeVictimizationTableofContents > ul, #includedContentNavR > ul, #includedContentNavSPSS > ul { padding-left: 0; list-style-type: none; } #includeVictimizationTableofContents > ul li, #includedContentNavR > ul li, #includedContentNavSPSS > ul li { margin-left: 10px; } #includeVictimizationTableofContents ul li a, #includedContentNavR ul li a, #includedContentNavSPSS ul li a { text-decoration: none; } #includeVictimizationTableofContents ul li.active a, #includedContentNavR ul li.active a, #includedContentNavSPSS ul li.active a, #includedContentNavR ul li a .exampleclass.active, #includedContentNavSPSS ul li a .exampleclass.active { color: #000; } /****************************************** MEDIA QUERIES *******************/ @media(max-width: 1200px){ .headingTwoLines.phdcn { margin-bottom: 10px; } } @media (max-width: 992px) { .noPaddingLeft { padding-left: 15px; } .headingTwoLines.nij, .headingTwoLines.bjs { margin-top: 15px; } .headingTwoLines, .headingThreeLines { margin-left: 15px; margin-top: 0; } /* .headingTwoLines { margin-bottom: 115px; } */ .heading.victimizationHeading { margin-bottom: 100px; } .headingTwoLines.phdcn { margin-bottom: 90px; } .headingTwoLines.lemasHeading { margin-bottom: 50px; } .heading.toggled, .headingTwoLines.toggled, .headingThreeLines.toggled, .shareDataHeading.toggled, .video-content-overlay.toggled { margin-bottom: 0; background-color: #CB4125; margin-left: -15px; padding-left: 15px; } .headingShareData.toggled { background-color: #424340; padding-bottom: 20px; } .video-content-overlay.toggled{ background: url(/pages/NACJD/images/mobile-header.jpg) top center no-repeat; } .navbar-left, .navbar-right, .navbar-header { float: none !important; } .navbar-default .navbar-toggle{ border: none; display: block; background-color: #CB4125; padding: 15px; margin:0; margin-right: 30px; border-radius: 0; } .navbar-default .navbar-toggle .icon-bar{ background-color: #fff; height: 3px; /* changes the thickness of the white hamburger lines */ } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } #my-data { border-bottom: none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-default .navbar-nav>li>a { padding-left: 0 !important; } .nav>li>a>img { margin: 6px 6px 6px 0; width: 31px; } .nav>li#shareData a, .nav>li#about a, .nav>li#resources a, .nav>li#help a { padding-left: 0 !important; } .twitterName{ display: inline; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .nav>li:first-child a { padding-left: 15px; } .collapse.in{ display:block !important; padding-left: 0; padding-right: 60px; } .circleHomePage { -webkit-border-radius: 70px; border-radius: 70px; height: 120px; width: 120px; } .sponsorLogosFooter{ margin:15px 0; float: none; } #footer{ text-align: center; } #copyright{ margin-left: 15px; } .navbar{ margin-bottom: 0; } .navbar-brand>img { margin-left: -30px; } .fundingParagraph{ padding: 0 15px; } .mobileMyData{ float:right; } .fullscreen-bg { position: absolute; top: 0; top: -510px; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .topImage{ max-height: 400px; } .circleShareData { margin-left: 18px; margin-right: 15px; } select#searchBox-mobile{ width: 80%; width: 22%; } .faq-topImage{ height: 200px; } input.form-control.input-sm{ width:80%; } .about-main-page-heading{ margin-top: 50px; } #workspace .col-sm-3.col-lg-2 a.btn.btn-primary{ font-size:85%; } .staffBioDiv{ padding-left: 20px; } .clear_form_btn{ width: 90%; } #goNCVSGuideBtn{ width: 50%;" } #NACJD #publications-display #citationSearchForm .input-group { margin-top: 0px; } #restrictedList>li, #restrictedData>ul>li { padding-bottom: 0; } #restrictedList a { text-decoration: none; color: #000; } } @media (max-width: 767px){ .collapse.in{ display:block !important; padding-left: 15px; padding-right: 0px; } /* .headingTwoLines { margin-bottom: 70px; } */ .headingTwoLines.learningDataGuidesHeading { margin-bottom: 20px; } .headingTwoLines.apsHeading { margin-bottom: 55px; } .headingThreeLines.eecjsHeading { margin-bottom: 50px; } .headingTwoLines.ncvsHeading, .headingTwoLines.nibrsHeading, .headingTwoLines.sisfcHeading, .headingTwoLines.phdcn { margin-bottom: 30px; } .apsTitle, .capitalPunishmentTitle, .homicidesInChicagoTitle{ font-size: 32px; } .lemasTitle, .nibrsTitle { font-size: 30px; } .sisfcfTitle { font-size: 28px; } .eecjsTitle { font-size: 25px; } span.phdcnTitle { font-size: 24px; } #resource-guide-list li { margin-bottom: 7px; } .whiteBG { top:100px; } #discover-data-form{ padding: 0 30px; } .discover-data-title.access { margin-top: 50px; } } @media (min-width: 1500px){ .dataAtNACJD.bottomBorder{ margin-top: 131px !important; } } @media(min-width:1200px){ .staffPhoto { width: 145px; } } @media (min-width: 992px){ .col-md-2.policy { width: 11%; padding-right: 0; } .myDataLogInBox.down #my-data { display: none; } } @media (max-width:992px) and (min-width:768px) { ul.guidesTableOfContents { padding-left: 5px; } } @media (min-width: 768px){ .navbar-nav>li>a { padding-top: 6px; padding-bottom: 15px; } } @media(max-width:767px){ .headingTwoLines.nij, .headingTwoLines.bjs { margin-bottom: 30px; } .faq-topImage, .about-topImage{ max-height: 200px; } .form-control.input-sm{ display:inline; max-width: 50%; margin: 0; } .navbar-brand>img { max-width: 115px; margin: -5px 0 0 -15px; } .headingShareData { margin-top: 0; margin-bottom: 78px; } .heading { margin-top: 0px; margin-bottom: 70px; } .navbar-default .navbar-toggle{ margin-right: -15px; margin-top: 4px; } .fullscreen-bg__video { display:none; } .fullscreen-bg{ background-image: url("//www.icpsr.umich.edu/files/NACJD/images/nacjd-comp_final_960x420.jpg"); background-repeat: no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .circleTextShareDataPage{ font-size: 160%; } .shareDataIcon{ padding-top: 15px; } .circleShareData{ margin: 0 auto; font-size: 55%; -webkit-border-radius: 64px; border-radius: 64px; height: 125px; width: 125px; } .tweetDate{ border-bottom: 1px solid #ccc; margin: 0 0 20px; padding: 0 0 20px; } .discoverDataIcon { margin: 50px auto 10px; width: 35%; } .topImage{ max-height: 450px; } #front .video-overlay, #front .fixed video { display: none; } #front .fixed { background: url(/pages/NACJD/images/mobile-header.jpg) top center no-repeat; } .front-page-text { background: #fff; position: relative; } .orgName { margin-top: 33px; } .circleHomePage { margin-bottom: 120px; } .staffPhoto{ width: 150px; float:left; padding-right: 15px; padding-left: 15px; } #staffBioDiv{ margin-bottom: 15px; } .ojjdp-share-data-topImage{ height: 340px; } .aboutHeading{ font-size:90%; } #workspace .col-sm-3.col-lg-2 a.btn.btn-primary, #workspace .col-sm-3.col-lg-2 button.btn.btn-primary{ margin: 10px 0; } select#searchBox-mobile { width: 25%; } .gridWrapper{ display:grid; grid-template-columns:100%; grid-auto-rows:minmax(100px, auto); grid-gap:1.2em; } .drugsAC{ grid-column:1; grid-row:1; } .gunsOW{ grid-column:1; grid-row:2; } .gangs{ grid-column:1; grid-row:3; } .juvenileDJ{ grid-column:1; grid-row:4; } .prostitutionHTSC { grid-column:1; grid-row:5; } .homicide { grid-column:1; grid-row:6; } .childAM{ grid-column:1; grid-row: 7; } .violenceAW { grid-column:1; grid-row: 8; } .recidivism { grid-column:1; grid-row: 9; } .whiteCC { grid-column:1; grid-row: 10; } .terrorismHC{ grid-column:1; grid-row:11; } .andMore { grid-column:1; grid-row:12; } h1.discoverData { margin-left: 30px; } } @media(max-width: 545px){ .headingTwoLines.nij, .headingTwoLines.bjs { margin-top: 5px; } .heading.victimizationHeading { margin-bottom: 65px; } } @media (min-width: 1500px) { #front .video-content-overlay { margin-top: 12%; } h2.centerText { margin-top: -100px; } } @media (max-width: 1200px) { .circleHomePage { -webkit-border-radius: 65px; border-radius: 65px; height: 130px; width: 130px; } .discoverDataIcon { margin: 24px auto 10px; } #front .fixed{ height: 40vh; } } @media(max-width:400px){ .circleHomePage { -webkit-border-radius: 64px; border-radius: 64px; height: 125px; width: 125px; } .discoverDataIcon { margin: 35px auto 10px; } } @media (min-width: 500px) and (max-width: 767px) { .nij-share-data-topImage{ height: 200px; } .ojjdp-share-data-topImage{ height: 266px; } }