body { font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 15px; } main { background: #E3E3E3; } #head-container-1.big-header { padding: 20px 20px; } #head-container-1.big-header #homepage-logo { margin: 0 auto; width: 150px; } @media screen and (min-width: 480px) { #head-container-1.big-header #homepage-logo { width: auto; } } #head-container-1.big-header .tag-line { margin-top: 30px; text-align: center; font-family: "Libre Baskerville", serif; font-size: 14px; } @media screen and (min-width: 480px) { #head-container-1.big-header .tag-line { font-size: 28px; } } #head-container-1:not(.big-header) { padding: 20px 20px; background: white; color: #333; } #head-container-1:not(.big-header) #homepage-logo { margin: 0 auto; } #head-container-1:not(.big-header) img { width: 150px; height: auto; padding-left: 20px; } @media screen and (min-width: 480px) { #head-container-1:not(.big-header) img { width: auto; } } #head-container-1:not(.big-header) .tag-line { text-align: center; font-family: "Libre Baskerville", serif; vertical-align: middle; font-size: 18px; } @media screen and (min-width: 768px) { #head-container-1:not(.big-header) .tag-line { margin-top: 30px; font-size: 28px; } } @media screen and (min-width: 1200px) { #head-container-1:not(.big-header) .tag-line { margin-top: 60px; } } #head-container-1 .language-container { float: right; } .navbar { background: #FFF; z-index: 102; width: 100%; margin-bottom: 0; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; } .navbar select { margin-bottom: 15px; } @media screen and (min-width: 992px) { .navbar select { margin-top: 15px; margin-left: 20px; margin-bottom: 0px; } } @media screen and (min-width: 768px) { .navbar { border-top: 6px solid red; } .navbar.home-nav { border-top: 3px solid red; } } .navbar ul li a, .navbar ul li .caret { color: #333; } .navbar ul li .fa-caret-down { display: none; color: red; } @media screen and (min-width: 768px) { .navbar ul li .fa-caret-down { display: block; position: absolute; top: -12px; left: 41%; font-size: 30px; } } @media screen and (min-width: 768px) { .navbar.sticky, .navbar:not(.home-nav) { background: black; } .navbar.sticky ul.navbar-nav > li a, .navbar.sticky ul.navbar-nav > li .caret, .navbar:not(.home-nav) ul.navbar-nav > li a, .navbar:not(.home-nav) ul.navbar-nav > li .caret { color: white; } .navbar.sticky ul.navbar-nav > li.open a, .navbar.sticky ul.navbar-nav > li.open .caret, .navbar.sticky ul.navbar-nav > li:hover a, .navbar.sticky ul.navbar-nav > li:hover .caret, .navbar:not(.home-nav) ul.navbar-nav > li.open a, .navbar:not(.home-nav) ul.navbar-nav > li.open .caret, .navbar:not(.home-nav) ul.navbar-nav > li:hover a, .navbar:not(.home-nav) ul.navbar-nav > li:hover .caret { color: black; } } .navbar.sticky { position: fixed; top: 0; } .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .navbar .navbar-nav > li > a { text-transform: uppercase; } .navbar .navbar-collapse { text-align: center; } .navbar .navbar-collapse ul li li a { text-align: center; } @media screen and (min-width: 768px) { .navbar .navbar-collapse ul li li a { text-align: left; } } @media screen and (max-width: 768px) { ul.navbar-nav { width: 100%; } } .navbar-toggle .icon-bar { background-color: #000; } .nav > li:not(.open) > a:focus:not(:hover) { background-color: inherit; } footer { background: #000; color: #FFF; text-align: center; width: 100%; padding: 20px 5%; } footer .row { margin-bottom: 30px; } footer .fa { font-size: 30px; color: #FFF; } footer .social-media-row a .fa { font-size: 30px; margin-left: 20px; } footer .social-media-row a:hover .fa { color: #E3E3E3; } footer .contact-info .fa { font-size: 22px; margin-bottom: 5px; } footer .contact-info a { color: #FFF; } footer .contact-info tels span { display: block; } footer .contact-info emails a { display: block; } footer .copyright { font-size: 12px; } footer h4 { padding-top: 0; margin-top: 0; text-align: center; } main.home { background: #E3E3E3; } main.home .stats-container { background: #EEE; border-bottom: 2px solid #666; border-top: 2px solid #666; } main.home .stats-container .stat_col { text-align: center; padding: 0; padding-top: 30px; padding-bottom: 30px; font-size: 18px; } main.home .stats-container .stat_col .stat_number { font-size: 30px; } main.home .stats-container .stat_col .stat_label { text-transform: uppercase; margin-top: 20px; font-weight: bold; } main.home .stats-container .stat_col:first-child .stat_number { font-weight: bold; } @media screen and (min-width: 992px) { main.home .stats-container .stat_col:first-child { margin-left: 8.33333%; } } main.home .campaign-banner { padding: 0; background: #EEE; text-align: center; } main.home .campaign-banner .container { width: 100%; } main.home .campaign-banner .row > div { padding: 20px; } main.home .campaign-banner .campaign-hashtag { color: #EE0000; font-size: 38px; font-weight: 800; } @media screen and (max-width: 768px) { main.home .campaign-banner .campaign-hashtag { font-size: 28px; } } main.home .campaign-banner .campaign-text { font-size: 20px; margin: 20px; } main.home .campaign-banner button a { color: #FFF; } main.home .campaign-banner button a:hover, main.home .campaign-banner button a:active, main.home .campaign-banner button a:focus, main.home .campaign-banner button a:visited { text-decoration: none; color: #FFF; } main.home .cards-outer-container > .container { padding: 5%; } main.home .card-container { cursor: pointer; } main.home .card-container .row, main.home .card-container .single-row { background: #c0c0c0; } main.home .card-container .row .card-info, main.home .card-container .row .card-image, main.home .card-container .single-row .card-info, main.home .card-container .single-row .card-image { padding: 0; overflow: hidden; } main.home .card-container .row:hover, main.home .card-container .single-row:hover { background: #b3b3b3; } main.home .card-container .row:hover span.arrow-down, main.home .card-container .single-row:hover span.arrow-down { border-top-color: #b3b3b3; } main.home .card-container .row:hover span.arrow-up, main.home .card-container .single-row:hover span.arrow-up { border-down-color: #b3b3b3; } main.home .card-container .row:hover span.arrow-left, main.home .card-container .single-row:hover span.arrow-left { border-right-color: #b3b3b3; } main.home .card-container .row:hover span.arrow-right, main.home .card-container .single-row:hover span.arrow-right { border-left-color: #b3b3b3; } main.home .card-container .row:hover .card-image, main.home .card-container .single-row:hover .card-image { opacity: 0.8; } main.home .card-container .row .card-image img, main.home .card-container .single-row .card-image img { width: 100%; height: auto; min-height: 100%; } main.home .card-container .row .card-image .video-container, main.home .card-container .single-row .card-image .video-container { background: #000; height: 100%; } main.home .card-container .row .card-info, main.home .card-container .row .card-image, main.home .card-container .row .video_container, main.home .card-container .single-row .card-info, main.home .card-container .single-row .card-image, main.home .card-container .single-row .video_container { width: 100%; height: auto; } @media screen and (min-width: 768px) { main.home .card-container .row .card-info, main.home .card-container .row .card-image, main.home .card-container .row .video_container, main.home .card-container .single-row .card-info, main.home .card-container .single-row .card-image, main.home .card-container .single-row .video_container { width: 50%; height: 347px; } } @media screen and (min-width: 992px) { main.home .card-container .row .card-info, main.home .card-container .row .card-image, main.home .card-container .row .video_container, main.home .card-container .single-row .card-info, main.home .card-container .single-row .card-image, main.home .card-container .single-row .video_container { height: 221px; } } @media screen and (min-width: 1200px) { main.home .card-container .row .card-info, main.home .card-container .row .card-image, main.home .card-container .row .video_container, main.home .card-container .single-row .card-info, main.home .card-container .single-row .card-image, main.home .card-container .single-row .video_container { height: 260px; } } main.home .card-container .row .card-info, main.home .card-container .single-row .card-info { font-size: 14px; text-align: center; } main.home .card-container .row .card-info h3, main.home .card-container .single-row .card-info h3 { font-size: 16px; font-weight: 800; letter-spacing: 0.25em; font-family: "Droid Sans Mono", sans-serif; text-align: center; text-transform: uppercase; } main.home .card-container .row .card-info p, main.home .card-container .single-row .card-info p { padding: 15px; } main.home .card-container .row .card-info p:empty, main.home .card-container .single-row .card-info p:empty { display: none; } main.home .card-container .row .card-info p.social-media-time, main.home .card-container .single-row .card-info p.social-media-time { font-size: 12px; font-style: italic; text-decoration: underline; position: absolute; bottom: 5px; width: 100%; padding: 10px 0px; } @media screen and (min-width: 992px) { main.home .card-container .row .card-info, main.home .card-container .single-row .card-info { font-size: 15px; } main.home .card-container .row .card-info p, main.home .card-container .single-row .card-info p { padding: 10px; } main.home .card-container .row .card-info h5, main.home .card-container .single-row .card-info h5 { margin: 0px; } } @media screen and (min-width: 1200px) { main.home .card-container .row .card-info, main.home .card-container .single-row .card-info { font-size: 14px; } main.home .card-container .row .card-info p, main.home .card-container .single-row .card-info p { padding: 15px; } main.home .card-container .row .card-info h5, main.home .card-container .single-row .card-info h5 { margin: initial; } } main.home .card-container .row .tall-card-body .card-info, main.home .card-container .single-row .tall-card-body .card-info { position: absolute; z-index: 100; color: white; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: auto; } main.home .card-container .row .tall-card-body .card-info.bottom, main.home .card-container .single-row .tall-card-body .card-info.bottom { bottom: 0; } main.home .card-container .row .tall-card-body .card-info h3:empty, main.home .card-container .row .tall-card-body .card-info h5:empty, main.home .card-container .row .tall-card-body .card-info p:empty, main.home .card-container .single-row .tall-card-body .card-info h3:empty, main.home .card-container .single-row .tall-card-body .card-info h5:empty, main.home .card-container .single-row .tall-card-body .card-info p:empty { display: none; } main.home .card-container .row .tall-card-body .card-image, main.home .card-container .single-row .tall-card-body .card-image { width: 100%; } @media screen and (min-width: 768px) { main.home .card-container .row .tall-card-body .card-image, main.home .card-container .single-row .tall-card-body .card-image { height: 694px; } } @media screen and (min-width: 992px) { main.home .card-container .row .tall-card-body .card-image, main.home .card-container .single-row .tall-card-body .card-image { height: 442px; } } @media screen and (min-width: 1200px) { main.home .card-container .row .tall-card-body .card-image, main.home .card-container .single-row .tall-card-body .card-image { height: 520px; } } main.home .card-container .row span[class^="arrow"], main.home .card-container .single-row span[class^="arrow"] { z-index: 10; } main.home .card-container .row span.arrow-down, main.home .card-container .single-row span.arrow-down { width: 0; height: 0; margin-left: 45%; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #c0c0c0; position: absolute; } @media screen and (min-width: 768px) { main.home .card-container .row span.arrow-down, main.home .card-container .single-row span.arrow-down { display: none; } } main.home .card-container .row span.arrow-up, main.home .card-container .single-row span.arrow-up { width: 0; height: 0; margin-left: 45%; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #c0c0c0; position: absolute; bottom: 0; } @media screen and (min-width: 768px) { main.home .card-container .row span.arrow-up, main.home .card-container .single-row span.arrow-up { display: none; } } main.home .card-container .row span.arrow-right, main.home .card-container .single-row span.arrow-right { width: 0; height: 0; margin-top: 45%; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #c0c0c0; position: absolute; display: none; } @media screen and (min-width: 768px) { main.home .card-container .row span.arrow-right, main.home .card-container .single-row span.arrow-right { display: block; } } main.home .card-container .row span.arrow-left, main.home .card-container .single-row span.arrow-left { width: 0; height: 0; margin-top: 45%; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #c0c0c0; position: absolute; right: 0; display: none; } @media screen and (min-width: 768px) { main.home .card-container .row span.arrow-left, main.home .card-container .single-row span.arrow-left { display: block; } } main.home .card-container .single-row { background: #EEE; border: 1px solid #E3E3E3; } main.home .card-container .single-row:hover { background: #e1e1e1; } main.home .card-container .single-row .card-info { width: 100%; height: auto; padding-bottom: 30px; } @media screen and (min-width: 768px) { main.home .card-container .single-row .card-info { height: 200px; padding-bottom: 0px; } } main .offences-card { margin-top: -270px; padding-top: 270px; } main.stickyNav .offences-card { margin-top: -150px; padding-top: 150px; } main.offences .container, main.hospital .container, main.workplace .container, main.police .container, main.lawyer .container, main.judgement .container { padding: 3%; } main.offences .page-info, main.hospital .page-info, main.workplace .page-info, main.police .page-info, main.lawyer .page-info, main.judgement .page-info { margin: 0; margin-bottom: 20px; } main.offences .page-info .centered-heading, main.hospital .page-info .centered-heading, main.workplace .page-info .centered-heading, main.police .page-info .centered-heading, main.lawyer .page-info .centered-heading, main.judgement .page-info .centered-heading { text-transform: uppercase; padding-right: 10px; border-right: 4px solid red; font-size: 20px; font-weight: bold; margin-right: 10px; } main.offences .page-info .centered-heading, main.offences .page-info .page-description, main.hospital .page-info .centered-heading, main.hospital .page-info .page-description, main.workplace .page-info .centered-heading, main.workplace .page-info .page-description, main.police .page-info .centered-heading, main.police .page-info .page-description, main.lawyer .page-info .centered-heading, main.lawyer .page-info .page-description, main.judgement .page-info .centered-heading, main.judgement .page-info .page-description { display: inline-block; } main.offences .card-filter, main.hospital .card-filter, main.workplace .card-filter, main.police .card-filter, main.lawyer .card-filter, main.judgement .card-filter { background: white; margin: 0px; padding: 20px; font-size: 12px; text-align: center; width: 100%; } main.offences .card-filter a, main.hospital .card-filter a, main.workplace .card-filter a, main.police .card-filter a, main.lawyer .card-filter a, main.judgement .card-filter a { margin: 3px 10px; text-transform: uppercase; color: black; display: inline-block; } main.offences .card-filter.sticky, main.hospital .card-filter.sticky, main.workplace .card-filter.sticky, main.police .card-filter.sticky, main.lawyer .card-filter.sticky, main.judgement .card-filter.sticky { position: fixed; top: 50px; z-index: 99; border-bottom: 1px solid #c0c0c0; display: none; } @media screen and (min-width: 480px) { main.offences .card-filter.sticky, main.hospital .card-filter.sticky, main.workplace .card-filter.sticky, main.police .card-filter.sticky, main.lawyer .card-filter.sticky, main.judgement .card-filter.sticky { display: block; } } main.offences .offences-card, main.hospital .offences-card, main.workplace .offences-card, main.police .offences-card, main.lawyer .offences-card, main.judgement .offences-card { color: #333; margin-bottom: 20px; } main.offences .offences-card ol li ol, main.hospital .offences-card ol li ol, main.workplace .offences-card ol li ol, main.police .offences-card ol li ol, main.lawyer .offences-card ol li ol, main.judgement .offences-card ol li ol { list-style-type: lower-alpha; } main.offences .offences-card ol li ol ol, main.hospital .offences-card ol li ol ol, main.workplace .offences-card ol li ol ol, main.police .offences-card ol li ol ol, main.lawyer .offences-card ol li ol ol, main.judgement .offences-card ol li ol ol { list-style-type: lower-roman; } main.offences .offences-card .accordion-heading, main.hospital .offences-card .accordion-heading, main.workplace .offences-card .accordion-heading, main.police .offences-card .accordion-heading, main.lawyer .offences-card .accordion-heading, main.judgement .offences-card .accordion-heading { text-align: center; } main.offences .offences-card .attached-image, main.hospital .offences-card .attached-image, main.workplace .offences-card .attached-image, main.police .offences-card .attached-image, main.lawyer .offences-card .attached-image, main.judgement .offences-card .attached-image { display: none; padding-bottom: 10px; } main.offences .offences-card .attached-image img, main.hospital .offences-card .attached-image img, main.workplace .offences-card .attached-image img, main.police .offences-card .attached-image img, main.lawyer .offences-card .attached-image img, main.judgement .offences-card .attached-image img { max-width: 100%; margin: 0 auto; } @media screen and (min-width: 480px) { main.offences .offences-card .attached-image, main.hospital .offences-card .attached-image, main.workplace .offences-card .attached-image, main.police .offences-card .attached-image, main.lawyer .offences-card .attached-image, main.judgement .offences-card .attached-image { display: block; } } main.offences .offences-card .accordion, main.hospital .offences-card .accordion, main.workplace .offences-card .accordion, main.police .offences-card .accordion, main.lawyer .offences-card .accordion, main.judgement .offences-card .accordion { padding: 10px; background: white; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; } main.offences .offences-card .accordion a.shesays-tooltip, main.hospital .offences-card .accordion a.shesays-tooltip, main.workplace .offences-card .accordion a.shesays-tooltip, main.police .offences-card .accordion a.shesays-tooltip, main.lawyer .offences-card .accordion a.shesays-tooltip, main.judgement .offences-card .accordion a.shesays-tooltip { display: inline-block; } main.offences .offences-card .accordion a.shesays-tooltip:hover, main.offences .offences-card .accordion a.shesays-tooltip, main.offences .offences-card .accordion a.shesays-tooltip:visited, main.hospital .offences-card .accordion a.shesays-tooltip:hover, main.hospital .offences-card .accordion a.shesays-tooltip, main.hospital .offences-card .accordion a.shesays-tooltip:visited, main.workplace .offences-card .accordion a.shesays-tooltip:hover, main.workplace .offences-card .accordion a.shesays-tooltip, main.workplace .offences-card .accordion a.shesays-tooltip:visited, main.police .offences-card .accordion a.shesays-tooltip:hover, main.police .offences-card .accordion a.shesays-tooltip, main.police .offences-card .accordion a.shesays-tooltip:visited, main.lawyer .offences-card .accordion a.shesays-tooltip:hover, main.lawyer .offences-card .accordion a.shesays-tooltip, main.lawyer .offences-card .accordion a.shesays-tooltip:visited, main.judgement .offences-card .accordion a.shesays-tooltip:hover, main.judgement .offences-card .accordion a.shesays-tooltip, main.judgement .offences-card .accordion a.shesays-tooltip:visited { text-decoration: none; border-bottom: 1px dashed blue; } main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading { font-size: 18px; font-weight: bold; padding: 10px; } main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited { color: #333; display: block; width: 100%; text-decoration: none; position: relative; text-transform: uppercase; padding-left: 15px; } main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-minus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-minus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-minus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-minus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-minus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-minus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-minus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-minus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-minus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-minus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-minus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-minus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-minus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-minus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-minus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-minus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-minus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-minus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o { position: absolute; left: 0; top: 5px; } main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited .fa-plus-square-o { display: none; } main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-plus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-plus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-plus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-plus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-plus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-plus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-plus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-plus-square-o { display: block; } main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-minus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-minus-square-o, main.offences .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-minus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-minus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-minus-square-o, main.hospital .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-minus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-minus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-minus-square-o, main.workplace .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-minus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-minus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-minus-square-o, main.police .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-minus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-minus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-minus-square-o, main.lawyer .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-minus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a.collapsed .fa-minus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:hover.collapsed .fa-minus-square-o, main.judgement .offences-card .accordion.top-level > .accordion-group > .accordion-heading a:visited.collapsed .fa-minus-square-o { display: none; } main.offences .offences-card .accordion.sub-level, main.hospital .offences-card .accordion.sub-level, main.workplace .offences-card .accordion.sub-level, main.police .offences-card .accordion.sub-level, main.lawyer .offences-card .accordion.sub-level, main.judgement .offences-card .accordion.sub-level { background: #EEE; } main.offences .offences-card .accordion.sub-level .accordion-body, main.hospital .offences-card .accordion.sub-level .accordion-body, main.workplace .offences-card .accordion.sub-level .accordion-body, main.police .offences-card .accordion.sub-level .accordion-body, main.lawyer .offences-card .accordion.sub-level .accordion-body, main.judgement .offences-card .accordion.sub-level .accordion-body { margin-top: 10px; } main.offences .offences-card a.read_more_pdf, main.hospital .offences-card a.read_more_pdf, main.workplace .offences-card a.read_more_pdf, main.police .offences-card a.read_more_pdf, main.lawyer .offences-card a.read_more_pdf, main.judgement .offences-card a.read_more_pdf { text-align: center; } main.offences .judgement_title, main.hospital .judgement_title, main.workplace .judgement_title, main.police .judgement_title, main.lawyer .judgement_title, main.judgement .judgement_title { font-size: 14px; font-weight: bold; text-align: center; text-decoration: underline; } main.judgement .offences-card p { text-align: center; } main .row.press-row { background: white; margin-top: 10px; margin-bottom: 10px; padding: 20px; } main .row.press-row h3 { margin: 5px 0; padding: 0; } main .row.press-row div.press-date { text-transform: uppercase; margin-top: 10px; } main .row.press-row .press-img-container img { padding: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } main .row.press-row .text-excerpt p { display: inline; } main .row.press-row .text-excerpt .press-read-more { text-transform: uppercase; font-size: 12px; font-weight: bold; } main.about .section-heading { text-align: center; margin-bottom: 20px; } main.about section { padding-top: 30px; padding-bottom: 50px; } main.about section#vision { background: #EEE; } main.about section#vision .vision-text { margin: 20px 0px; } main.about section#vision .phase-name { font-weight: bold; text-align: center; margin-bottom: 10px; } main.about section#vision .sdg-logo-phase { max-width: 100%; cursor: pointer; } main.about section#vision .phase-container:nth-child(n+2) { border-left: 1px solid #DDD; } main.about section#vision .youtube-vid { margin-top: 40px; } main.about section#team { background: white; } main.about section#team .filter-buttons { text-align: center; margin: 20px 0; } main.about section#team .filter-group { text-transform: capitalize; } main.about section#team .core_row { margin: 20px; margin-bottom: 40px; } main.about section#team .core_row img.person-image { width: 100%; height: 100%; max-height: 250px; max-width: 250px; border: 1px solid black; } main.about section#team .core_row .person-job, main.about section#team .core_row .person-desc, main.about section#team .core_row .person-email { margin: 5px; } main.about section#team .core_row .person-job { text-transform: uppercase; font-weight: bold; font-size: 12px; } main.about section#team button:focus { outline: none; } main.about section#team .all_row { text-align: center; clear: both; } main.about section#team .all_row img.person-image { max-width: 200px; max-height: 200px; width: 100%; height: 100%; margin: 0 auto; border: 1px solid black; } @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } main.about section#team .all_row .shake:hover, main.about section#team .all_row .shake:focus { -webkit-animation-name: spaceboots; -webkit-animation-duration: 1s; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } main.about section#team .all_row .spin:hover, main.about section#team .all_row .spin:focus { -webkit-animation-name: spin; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 800ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 800ms; -ms-animation-iteration-count: 1; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 800ms; animation-iteration-count: 1; animation-timing-function: linear; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } main.about section#team .all_row .person-container { margin-top: 20px; } main.about section#team .all_row .person-name h2 { margin-bottom: 0; font-size: 20px; } main.about section#team .all_row .person-job { font-weight: 600; font-size: 12px; text-transform: uppercase; } main.about section#team .all_row p { margin: 0; } main.blog { background: white; } main.blog .centered-heading { text-transform: uppercase; font-size: 18px; font-weight: bold; text-align: center; } main.blog article { margin: 20px 0; color: black; display: block; min-height: 75px; padding: 0 20px; } main.blog article h3 { font-size: 20px; font-weight: bold; margin: 0; margin-bottom: 5px; } main.blog article h3 a { color: black; } main.blog article h3 a:hover { color: black; } main.blog article .author:not(:empty) { margin-bottom: 5px; font-size: 14px; } main.blog article img { margin-bottom: 10px; max-width: 100%; } main.blog article time { display: inline-block; float: left; clear: left; margin-right: 20px; width: 50px; text-align: center; text-transform: uppercase; color: #666666; padding: 10px 5px; background: #EEE; } main.blog article time span { display: block; } main.blog article time .day { font-weight: bold; line-height: 32px; font-size: 32px; } main.blog article time .year { display: none; } main.blog article .readmore { display: inline-block; } main.blog article.tagless { display: block; height: 100%; padding: 10px 0; border-top: 6px solid red; } main.blog article.tagless time { background: #cacaca; } main.blog .tagcloud { margin-top: 50px; } main.blog .tagcloud .tags { list-style-type: none; margin: 0; padding: 0; } main.blog .tagcloud .tags li { text-align: center; margin: 5px 0; background: #E3E3E3; border-bottom: 5px solid #b0b0b0; border-radius: 4px; } main.blog .tagcloud .tags li.first { font-weight: bold; } main.blog .tagcloud .tags li a, main.blog .tagcloud .tags li a:hover { color: #4d4d4d; width: 100%; padding: 5px 0; display: block; text-decoration: none; } main.blog .tagcloud .tags li a:hover { background: #cacaca; } main.blog .backtoblog { margin-bottom: 20px; display: inline-block; } main.blog .searchbox .querybox, main.blog .searchbox .submitbutton, main.blogarticle .searchbox .querybox, main.blogarticle .searchbox .submitbutton { height: 35px; } main.blog .searchbox .querybox, main.blogarticle .searchbox .querybox { border: 1px solid #c0c0c0; } main.blog .searchbox .submitbutton, main.blogarticle .searchbox .submitbutton { border: 1px solid #333; background: #333; color: #E3E3E3; margin-top: -1px; } main.blog .searchbox .submitbutton:hover, main.blogarticle .searchbox .submitbutton:hover { background: #4d4d4d; } main.blogarticle { background: white; } main.blogarticle .content { padding: 0 50px; } main.blogarticle .meta-bar { background: #E3E3E3; padding: 0px 0px; margin-top: 20px; font-size: 14px; } main.blogarticle .meta-bar i.fa-calendar { padding: 10px; display: inline-block; height: 100%; background: #cacaca; } main.blogarticle .meta-bar .author { font-weight: bold; } main.blogarticle .post-body { margin: 20px 0; } main.blogarticle .post-body p { margin: 10px 0px; } main.blogarticle .post-body img { max-width: 100%; max-height: 100%; margin: 10px 0; } main.blogarticle .backtoblog { font-weight: bold; } main.blogarticle article { margin: 20px 0; } main.blogarticle .side-bar { padding: 20px; margin-top: 50px; } main.blogarticle .side-bar ul { margin: 0; padding: 0; list-style-type: none; } main.blogarticle .side-bar ul li { margin: 0; padding: 0; } main.blogarticle .side-bar h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; } main.blogarticle .controlbox .prev, main.blogarticle .controlbox .next, main.blogarticle .controlbox .blog { background: #E3E3E3; color: #333; padding: 5px 10px; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; } main.blogarticle .controlbox .prev:hover, main.blogarticle .controlbox .next:hover, main.blogarticle .controlbox .blog:hover { background: #cacaca; } main.blogarticle .controlbox .prev[href="#"], main.blogarticle .controlbox .next[href="#"], main.blogarticle .controlbox .blog[href="#"] { opacity: 0.5; pointer-events: none; } main.blogarticle .controlbox .prev[href="#"]:hover, main.blogarticle .controlbox .next[href="#"]:hover, main.blogarticle .controlbox .blog[href="#"]:hover { background: #E3E3E3; } main.redressal { background: white; } main.redressal iframe { width: 100%; } .simplepage img { max-width: 100%; margin: 0 auto; } .simplepage .simplepagecontent { margin: 20px 0; } /*# sourceMappingURL=main.css.map */