to create a multi-column list of inputs. */
.check-list{
width:100%;
overflow:hidden;
list-style:none;
margin-left:0;
}
.check-list li{
width:25%;
float:left;
}
.check-label{
display:inline;
}
fieldset > :last-child{
/* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
margin-bottom:0;
}
/*------------------------------------*\
$TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table{
width:100%;
max-width:100%;
}
thead tr:last-of-type th{
/* Thicker border on the table-headers of the last row in the table head. */
border-bottom-width:2px;
}
tbody th{
/* Thicker right border on table-headers in the table body. */
border-right-width:2px;
}
th:empty{
/* Hide the borders on any empty table-headers. */
border:none;
}
th,td{
vertical-align:top;
padding:0.75em;
border:1px solid #ccc;
font-size: 13px; font-size: 1.3rem;
}
th{
font-weight:bold;
text-align:center
}
table [colspan]{
text-align:center;
}
table [rowspan]{
vertical-align:middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
*/
[colspan="1"]{
text-align:left;
}
[rowspan="1"]{
vertical-align:top;
}
tbody tr:nth-of-type(odd){
background:rgba(0,0,0,0.05);
}
tfoot{
text-align:center;
}
tfoot td{
border-top-width:2px;
}
/*------------------------------------*\
$MISC
\*------------------------------------*/
.accessibility{
/* Hide content off-screen without hiding from screen-readers. N.B. This is not suited to RTL languages */
position:absolute;
left:-99999px;
}
.more-link:after{
/* Too many people use » in their markup to signify progression/movement, that ain’t cool. Let’s insert that using content:""; */
content:" »";
}
/*------------------------------------*\
$CLASSES
\*------------------------------------*/
/*
Some not-too-pretty and insemantic classes to do odd jobs.
*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; float:none; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center,
.text-centre { text-align:center; }
.hidden { display: none; }
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
/*------------------------------------*\
$DIAGNOSTICS
\*------------------------------------*/
/*
Apply a class of .debug to the html element ONLY WHEN YOUR SITE IS ON DEV.
*/
/*
Red border == something is wrong
Yellow border == something may be wrong, you should double check.
Green border == perfect, nice one!
*/
/*--- STYLES ---*/
.debug [style],
.debug style{
/* Inline styles aren’t great, can this be avoided? */
outline:5px solid yellow;
}
.debug style{
display:block;
}
/*--- IMAGES ---*/
.debug img{
/* Images without alt attributes are bad! */
outline:5px solid red;
}
.debug img[alt]{
/* Images with alt attributes are good! */
outline-color:green;
}
.debug img[alt=""]{
/* Images with empty alt attributes are okay in the right circumstances. */
outline-color:yellow;
}
/*--- LINKS ---*/
.debug a{
/* Links without titles are yellow, does your link need one? */
outline:5px solid yellow;
}
.debug a[title]{
/* Links with titles are green, title attributes can be very useful! */
outline-color:green;
}
.debug a[href="#"]{
/* Were you meant to leave that hash in there? */
outline-color:yellow;
}
.debug a[target]/*,
.debug a[onclick],
.debug a[href*=javascript]*/{
/* What were you thinking?! */
outline-color:red;
}
/*--- CLASSES/IDS ---*/
.debug [class=""],
.debug [id=""]{
/* Is this element meant to have an empty class/ID? */
outline:5px solid yellow;
}
/*------------------------------------*\
$NARROW
\*------------------------------------*/
/*
CSS for tablets and narrower devices
*/
@media (min-width: 721px) and (max-width: 960px){
}
/*--- END NARROW ---*/
/*------------------------------------*\
$MOBILE
\*------------------------------------*/
/*
CSS for mobile devices.
Linearise it!
*/
@media (max-width: 720px){
/*------------------------------------*\
MAIN
\*------------------------------------*/
html{
font-size:62.5%; /* Make text slightly larger for smaller devices to improve readability. */
}
body{
-webkit-text-size-adjust:none;
}
/*------------------------------------*\
LOGO
\*------------------------------------*/
.logo{
margin-left:auto;
margin-right:auto;
}
/*------------------------------------*\
TYPE
\*------------------------------------*/
/*--- LISTS ---*/
ul,
ol,
dl{
margin-left:1.5em;
}
/*------------------------------------*\
IMAGES
\*------------------------------------*/
img.left,
img.right { max-width:50%; height:auto; }
}
/*--- END MOBILE ---*/
/*------------------------------------*\
$PRINT
\*------------------------------------*/
/*
Good ol’ fashioned paper...
*/
@media print{
/*------------------------------------*\
MAIN
\*------------------------------------*/
/*
Give everything some decent contrast.
*/
*{
background-color:#fff;
color:#000;
text-shadow:none!important;
}
/*
Set a nice measure and take the font down to print-acceptable sizes.
*/
body{
font-size: 12px; font-size: 1.2rem; /* 12px (if base font-size was 16px) */
}
.wrapper{
width:75%;
margin:0 auto;
}
/*
A list of things you don’t want printing. Add to/subtract from as necessary.
*/
.nav,
.footer{
display:none;
}
.logo img{
position:static;
}
/*
Linearise
*/
.grids{
width:auto;
}
[class^="grid-"]{
width:auto;
float:none;
clear:both;
}
/*
Don’t let images break anything.
*/
img{
max-width:100%;
height:auto;
}
/*
Messages look odd with just borders.
*/
.message{
border:none;
font-weight:bold;
}
/*
Display the href of any links.
*/
a:link:after,a:visited:after{
content:" (" attr(href) ")";
font-size:smaller;
}
/*
Any links that are root relative to your site need prepending with your URL.
*/
a[href^="/"]:after{
content:" (http://yoururlhere.com" attr(href) ")";
font-size:smaller;
}
/*
Any Flash/video content can’t be printed so leave a message.
*/
object:after{
content:"Flash/video content. Head to http://yoururlhere.com/ to view this content.";
display:block;
font-weight:bold;
margin-bottom:1.5em;
}
}
/*--- END PRINT ---*/
/* Stylesheet: Inuit Modified On 2016-03-16 14:50:32 */
.container { position: relative; width: 992px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.first, .columns.first { margin-left: 0; }
.column.last, .columns.last { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.columns { width: 42px; }
.container .two.columns { width: 104px; }
.container .three.columns { width: 166px; }
.container .four.columns { width: 228px; }
.container .five.columns { width: 290px; }
.container .six.columns { width: 352px; }
.container .seven.columns { width: 414px; }
.container .eight.columns { width: 476px; }
.container .nine.columns { width: 538px; }
.container .ten.columns { width: 600px; }
.container .eleven.columns { width: 662px; }
.container .twelve.columns { width: 724px; }
.container .thirteen.columns { width: 786px; }
.container .fourteen.columns { width: 848px; }
.container .fifteen.columns { width: 910px; }
.container .sixteen.columns { width: 972px; }
.container .one-third.column { width: 310px; }
.container .two-thirds.column { width: 642px; }
/* Offsets */
.container .offset-by-one { padding-left: 42px; }
.container .offset-by-two { padding-left: 104px; }
.container .offset-by-three { padding-left: 166px; }
.container .offset-by-four { padding-left: 228px; }
.container .offset-by-five { padding-left: 290px; }
.container .offset-by-six { padding-left: 352px; }
.container .offset-by-seven { padding-left: 414px; }
.container .offset-by-eight { padding-left: 476px; }
.container .offset-by-nine { padding-left: 538px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 662px; }
.container .offset-by-twelve { padding-left: 724px; }
.container .offset-by-thirteen { padding-left: 786px; }
.container .offset-by-fourteen { padding-left: 848px; }
.container .offset-by-fifteen { padding-left: 910px; }
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container { width: 768px; }
.container .column,
.container .columns { margin-left: 10px; margin-right: 10px; }
.column.first, .columns.first { margin-left: 0; margin-right: 10px; }
.column.last, .columns.last { margin-right: 0; margin-left: 10px; }
.first.last { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns { width: 172px; }
.container .five.columns { width: 220px; }
.container .six.columns { width: 268px; }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns { width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns { width: 508px; }
.container .twelve.columns { width: 556px; }
.container .thirteen.columns { width: 604px; }
.container .fourteen.columns { width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; }
/* Offsets */
.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container { width: 320px; }
.container .columns,
.container .column { margin-left: 10px; margin-right: 10px; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 300px; }
/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 480px; }
.container .columns,
.container .column { margin-left: 10px; margin-right: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 460px; }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.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;
}
/* Stylesheet: The Grid Modified On 2012-08-28 14:28:40 */
/**
* UUP Styles
*
* Light blue: a0cef2
* Red: d72026
* Dark blue: 1d3160
*/
.red, .red > a { color: #d72026; }
::-moz-selection { background: #a0cef2; color:#fff; text-shadow: none }
::selection { background: #d72026; color:#fff; text-shadow: none }
html, body {
background: #a0cef2;
overflow-x: hidden;
}
body {
background-image: url(http://uup.org/assets/images/style/body-bg.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
}
body > header {
position: relative;
z-index: 25;
}
.container {
background: #fff;
}
.container.search {
background: transparent;
margin-bottom: 20px;
text-align: right;
}
.container.search .search-input {
background: url('http://uup.org/assets/images/style/search-icon.png') 3px 50% no-repeat #E6E6E6;
border-radius: 0 0 5px 5px;
border: 1px solid #ccc;
border-top-width: 0;
padding: 3px 3px 3px 21px;
font-size: 13px; 1.3rem;
font-weight: 600;
color: #333;
margin: 0;
}
.tabs li a {
background: #48a5ee;
font-size: 14px; font-size: 1.4rem;
font-weight: 600;
}
/* Mixed-weight headings. Spans will be normal weight. */
.mixed > span { font-weight: 300; }
/* Container with curve background image */
.container.top {
background: url(http://uup.org/assets/images/style/top-bg.png) bottom left no-repeat transparent;
height: 70px;
}
/* Header to contain logo link + party text */
.container.header {
border-radius: 0 24px 0 0;
padding-top: 10px;
padding-bottom: 20px;
}
.party-text { font-size: 16px; font-size: 1.6rem; }
/* Primary nav bar */
.container.menu {
background: #d72026;
border: 0 solid #d72026;
border-width: 0 20px;
padding: 10px 0 10px 0;
box-shadow: 0 10px 20px rgba(20,20,20,.5);
}
.container.nav select {
width: 100%;
}
/* Wrappers that should have top + bottom padding */
.container.padding {
padding-top: 20px;
padding-bottom: 20px;
}
.container.unionists {
border-radius: 0 0 24px 24px;
background-image: url(http://uup.org/assets/images/style/unionists2013.jpg);
background-position: bottom right;
background-repeat: no-repeat;
/*background-size: 64.743%;*/
}
.container.unionists .columns {
min-height: 200px;
border-radius: 0 0 0 24px;
}
.container.unionists .find p {
color: #1d3160;
font-size: 15px; font-size: 1.5rem;
font-weight: 600;
}
.container.unionists .find .text-input {
width: 100%;
box-sizing: border-box;
font-size: 13px; font-size: 1.3rem;
}
.container.unionists .find p {
margin-right: 20px;
}
.container.unionists .find .button {
font-size: 18px; font-size: 1.8rem;
width: 100px;
text-align: center;
padding-left: 0;
padding-right: 0;
max-width: 100px;
}
/* Logo stuff */
/* Party text */
.party-text {
text-align: right;
}
.party-text span {
margin-right: 159px;
color: #d72026;
}
#logo {
margin-left: 15px;
margin-top: 25px;
position: absolute;
z-index: 5;
}
/*
#ulster {
position: relative;
background: lightgreen;
float: right;
z-index: 5;
}
#ulster img {
position: absolute;
right: 15px;
margin-top: 30px;
} */
#ulster {
position: relative;
z-index: 5;
}
#ulster img {
position: absolute;
right: 15px;
top: 30px;
}
/*--- DROPDOWN ---*/
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
list-style: none;
position: relative;
margin: 0;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
}
nav ul li:hover a {
}
nav ul li.static, nav ul li a {
display: block; padding: 0;
color: #fff; text-decoration: none;
font-weight: 700;
font-size: 18px; font-size: 1.8rem;
color: #fff;
margin-right: 22px;
}
nav ul li.static {
font-weight: 300;
color: lightblue;
}
nav ul li:last-child.static, nav ul li:last-child a {
margin-right: 0;
}
nav ul ul {
background: #d72026; border-radius: 0px; padding: 0;
position: absolute; top: 100%; margin: 0; z-index: 20; width: auto;
}
nav ul ul li {
float: none; position: relative; display: block; padding: 5px;
}
nav ul ul li a {
padding: 0;
background: #d72026;
display: block;
color: #fff;
font-size: 16px; font-size: 1.6rem;
font-weight: 600;
}
nav ul ul li a.mixed span { font-weight: 600; }
nav ul ul li a:hover {
background: #d72026;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
.container.footer {
margin-top: 40px;
margin-bottom: 40px;
background: #1e3262;
color: #fff;
border-radius: 24px;
padding-top: 10px;
padding-bottom: 10px;
}
.container.footer .text {
margin-top: 5px;
}
.container.footer .image img {
margin-right: 20px;
}
.container.footer p {
margin-left: 20px;
font-size: 13px; font-size: 1.3rem;
font-weight: 600;
margin-bottom: 5px;
}
.container.footer p span { margin-right: 20px; }
.container.footer a { color: #fff; }
.container.footer a:hover { text-decoration: none; }
.actions {
margin: 0;
padding: 0;
list-style: none;
}
.actions .c {
background-position: right center;
background-repeat: no-repeat;
}
.actions li a {
margin-bottom: 2px;
display: block;
padding: 0 10px;
color: #fff;
font-size: 36px; font-size: 3.6rem; letter-spacing: -2px;
text-decoration: none;
font-weight: 700;
line-height: 72px;
}
.actions li a:hover { text-decoration: none; }
.c.sign-up { background-image: url(http://uup.org/assets/images/style/c-sign-up-bg.png); }
.c.donate { background-image: url(http://uup.org/assets/images/style/c-donate-bg.png); }
.c.stay-informed {
padding: 10px;
background: url(http://uup.org/assets/images/style/c-stay-informed-bg.png);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #193a53;
}
.stay-informed p {
font-size: 36px; font-size: 3.6rem; letter-spacing: -2px;
font-weight: 700;
color: #fff;
margin-bottom: 0;
clear: both; display: block;
}
.stay-informed .text-input > input {
width: 100%;
margin-bottom: 3px;
box-sizing: border-box;
}
.stay-informed .text-input {
width: auto;
font-size: inherit;
padding: 0;
margin-bottom: 5px;
}
.social {
margin-top: 10px;
line-height: 28px;
vertical-align: middle;
}
.social .title {
line-height: 28px;
margin-right: 10px;
font-weight: 600;
color: #1d3160;
}
.social a {
margin-right: 10px;
}
.social a img {
vertical-align: top;
}
/* Policy list items (sidebar) */
.policy-list {
margin: 0;
padding: 0;
list-style: none;
}
.policy-list .pli {
background-position: 0 50%;
background-repeat: no-repeat;
display: table;
width: 100%;
margin-bottom: 5px;
}
.policy-list .pli a {
display: table-cell;
vertical-align: middle;
height: 68px;
padding-left: 92px;
color: #fff;
background: url(http://uup.org/assets/images/style/policy-list-item-bg.png) 0 50% no-repeat;
line-height: 1.3em;
}
.policy-list .pli a:hover { text-decoration: none; }
.policy-list .pli a span {
float: left;
clear: left;
font-weight: 400;
font-size: 12px; font-size: 1.2rem;
}
.news-archive-list {
margin: 0;
padding: 0;
list-style: none;
}
.news-archive-list .nal {
width: 100%;
margin-bottom: 5px;
}
.news-archive-list .nal a {
display: block;
padding: 10px;
color: #fff;
background: #1d3160;
font-size: 13px; font-size: 1.3rem; font-weight: 600;
}
.news-archive-list .nal a:hover { text-decoration: none; }
.news-archive-list .nal a span {
float: right;
font-weight: 400;
}
.news-filter-category select {
font-size: 11px; font-size: 1.1rem;
font-weight: 600;
color: #000;
background: #e6e6e6;
border: 0;
}
.news-filter-type {
float: right;
position: relative;
margin: -40px 0 0 0;
}
.news-item {
background: url(http://uup.org/assets/images/style/news-item-bg.png) bottom left repeat-x #e7e7e7;
margin-bottom: 5px;
}
.news-item .image {
line-height: 0;
}
.news-item .text {
padding-top: 10px;
padding-bottom: 10px;
}
.news-item .title {
color: #1d3160;
letter-spacing: -1px;
line-height: 1.1em;
margin-bottom: 5px;
margin-right: 10px;
}
.news-item .title a { color: #1d3160; }
.news-item .categories {
color: #d72026;
margin-bottom: 5px;
font-size: 14px; font-size: 1.4rem;
font-weight: 600;
margin-right: 10px;
}
.news-item .summary {
font-size: 13px; font-size: 1.3rem;
margin-bottom: 0;
margin-right: 10px;
}
.news-item.video {
background: url(http://uup.org/assets/images/style/news-item-video-bg.png) bottom left repeat-x #908f8f;
}
.news-item.video .text {
background: url(http://uup.org/assets/images/style/news-item-video-overlay.png) top right no-repeat transparent;
}
.news-item.video .summary {
color: #fff;
}
.news-item.video .text > .title, .news-item.video .text > .categories {
margin-right: 120px;
}
.news-nav { padding: 5px; background: #a0cef2; font-size: 15px; font-size: 1.5rem; color: #333; font-weight: 600; }
.news-nav a { color: #333; padding: 0 5px; }
.page-policies .row.policy {
background-color: #e6e6e6;
background-position: top right;
background-repeat: no-repeat;
margin-bottom: 0;
}
.page-policies .row.policy h3 {
color: #d72026;
font-size: 50px; font-size: 5.5rem;
margin-bottom: 10px;
}
.page-policies .row.policy h3 span {
font-size: 20px; font-size: 2.0rem; letter-spacing: -1px;
font-weight: 600;
color: #1d3160;
margin-left: 10px;
}
.page-policies .row.policy.default {
min-height: 180px;
}
.page-policies .row.policy-toggle {
height: 14px;
background: url(http://uup.org/assets/images/style/policy-toggle-bg.png) bottom left repeat-x #050505;
}
.page-policies .row.policy-toggle a {
position: absolute;
margin-top: -26px;
left: 40px;
background: url(http://uup.org/assets/images/style/policy-toggle-button-bg.png) bottom left repeat-x #2d2d2d;
padding: 0 15px;
max-height: 40px;
line-height: 40px;
font-size: 13px; font-size: 1.3rem;
font-weight: 600;
color: #fff;
}
.page-policies .row.policy-toggle a span {
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 25px;
}
.page-policies .row.policy-toggle a.more span { background-image: url(http://uup.org/assets/images/style/policy-toggle-button-more.png) }
.page-policies .row.policy-toggle a.less span { background-image: url(http://uup.org/assets/images/style/policy-toggle-button-less.png) }
.page-policies .row.policy .intro { color: #000; font-weight: 600; }
.page-policies .row.policy-content {
display: none;
margin-bottom: 0;
padding-bottom: 50px;
background: #e6e6e6;
padding-top: 2px;
}
.page-policies .row.policy-content .policy-text h1,
.page-policies .row.policy-content .policy-text h2,
.page-policies .row.policy-content .policy-text h3,
.page-policies .row.policy-content .policy-text h4,
.page-policies .row.policy-content .policy-text h5,
.page-policies .row.policy-content .policy-text h6 {
font-size: 20px; font-size: 2.0rem; letter-spacing: -1px;
color: #1d3160;
}
.page-policies .row.policy-content .policy-text h1 { font-size: 40px; 4.0rem; font-weight: 400; }
.page-policies .row.policy-content.visible { display: block; }
.page-policies .policy-content .unionist {
background: #1d3160;
color: #fff;
padding: 30px 15px;
margin-bottom: 2px;
}
.page-policies .policy-content .unionist .heading { color: #4cacf8; }
.page-policies .policy-content .unionist h6 { margin-bottom: 0; font-size: 14px; font-size: 1.4rem; margin: 1em 0; }
.page-policies .policy-content .unionist h5 { margin-bottom: 0; font-size: 16px; font-size: 1.6rem; line-height: 1; }
.page-policies .policy-content .unionist .photo { float: right; margin-left: 1em; }
.page-policies .policy-content .unionist dl { margin: 0; font-size: 13px; font-size: 1.3rem; }
.page-policies .policy-content .unionist dl dd { margin: 0 0 1em 0; }
.page-policies .policy-content .unionist a { color: #fff; }
.page-policies .policy-content .download {
display: block;
background: url(http://uup.org/assets/images/icons/pdf-60.png) 15px 50% no-repeat #d72026;
padding: 5px 5px 5px 90px;
font-size: 16px; font-size: 1.6rem;
font-weight: 600;
color: #fff;
line-height: 70px;
}
.page-policies .policy-content .icon { margin-top: 90px; }
.row.mla {
background-color: #e6e6e6;
background-position: top right;
background-repeat: no-repeat;
margin-bottom: 0;
}
.row.mla h3 {
color: #d72026;
font-size: 50px; font-size: 5rem;
margin-bottom: 0;
}
.row.mla h4.gamma {
color: #1d3160; font-size: 20px; font-size: 2.0rem; font-weight: 600; letter-spacing: -1px;
}
.row.mla.default {
min-height: 290px;
}
.row.mla-toggle {
height: 14px;
background: url(http://uup.org/assets/images/style/policy-toggle-bg.png) bottom left repeat-x #050505;
}
.row.mla-toggle a {
position: absolute;
margin-top: -26px;
left: 40px;
background: url(http://uup.org/assets/images/style/policy-toggle-button-bg.png) bottom left repeat-x #2d2d2d;
padding: 0 15px;
max-height: 40px;
line-height: 40px;
font-size: 13px; font-size: 1.3rem;
font-weight: 600;
color: #fff;
}
.row.mla-toggle a span {
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 25px;
}
.row.mla-toggle a.more span { background-image: url(http://uup.org/assets/images/style/policy-toggle-button-more.png) }
.row.mla-toggle a.less span { background-image: url(http://uup.org/assets/images/style/policy-toggle-button-less.png) }
.row.mla .wrapper { margin-right: 310px; }
.row.mla .intro { font-size: 14px; font-size: 1.4rem; font-weight: 600; }
.row.mla-content {
display: none;
margin-bottom: 0;
padding-bottom: 2em;
background: #e6e6e6;
padding-top: 2px;
}
.row.mla-content.visible { display: block; }
.row.mla-content .mla-addresses .mla-address {
width: 45%;
margin-right: 20px;
display: block;
float: left;
font-size: 13px; font-size: 1.3rem;
}
.mla-content .mla-sidebar .contact {
background: #1d3160;
color: #fff;
padding: 30px 15px;
font-size: 13px; font-size: 1.3rem;
}
.mla-content .mla-sidebar .contact a { color: #fff; }
.mla-content .mla-sidebar .contact dl { margin: 0; }
.mla-content .mla-sidebar .contact dt { font-size: 13px; font-size: 1.3rem; }
.mla-content .mla-sidebar .contact dd { margin: 0 0 1em 0; }
.candidates .mla-content { padding-left: 10px; padding-right: 10px; }
/* $ACCORDION
========== */
.accordion-group {
margin-bottom: 20px;
}
.accordion-heading {
background: #1d3160;
color: #fff;
padding: 0;
}
.accordion-heading h1 {
font-size: 13px; font-size: 1.3rem;
}
.accordion-heading a {
text-decoration: none;
}
.accordion-toggle:hover {
color: #d72026;
}
.accordion-toggle {
color: #fff;
margin: 0;
padding: 0;
font-weight: 600;
letter-spacing: 0;
padding: 10px;
display: block;
}
.accordion-body {
background: #fff;
padding: 10px;
display: none;
}
.accordion-body, .accordion-body a {
font-size: 13px; font-size: 1.3rem;
}
.toggle-display {
width: 20px;
height: 20px;
position: relative;
margin-right: 10px;
color: #fff;
background: #d72026;
text-align: center;
line-height: 20px;
float: right;
font-weight: normal;
content: "+";
}
/* $COUNCILLORS
========== */
.councillor {
width: 50%;
max-width: 301px;
margin-right: 20px;
margin-bottom: 20px;
display: block;
float: left;
min-height: 145px;
border-bottom: 1px solid #ccc;
}
.councillor h5 {
font-size: 15px; font-size: 1.5rem;
font-weight: 600;
margin: 0 0 5px 0;
color: #1d3160;
}
.councillor ul {
list-style: none;
margin: 0;
}
.councillor ul li {
line-height: 1.5;
white-space: nowrap;
}
.councillor-photo { float: left;
margin-right: 10px;
margin-bottom: 10px;
}
/* $CANDIDATES
========== */
.candidate {
width: 100%;
margin-bottom: 20px;
display: block;
float: left;
min-height: 145px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.candidate h5 {
font-size: 15px; font-size: 1.5rem;
font-weight: 600;
margin: 0 0 5px 0;
color: #1d3160;
}
.candidate .body,
.candidate .bio {
display: block;
float: left;
max-width: 100%;
}
.candidate .body { width: 200px; margin-bottom: 15px; }
.candidate .bio { width: 330px; }
.candidate ul {
list-style: none;
margin: 0;
}
.candidate ul li {
line-height: 1.5;
white-space: nowrap;
}
.candidate-photo { float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.person_social { margin-top: 10px; }
/* $NEWS
========== */
.article-title { font-weight: 400; margin-bottom: 1em; }
.article-meta {
font-size: 14px; font-size: 14rem;
font-weight: 600;
color: #1d3160;
padding: 0 0 5px 0;
border-bottom: 1px solid #ccc;
}
.article-cats { margin-left: 50px; }
.article-content { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; font-size: 14px; font-size: 1.4rem; }
.content p, .content ol, .content ul { font-size: 13px; font-size: 1.3rem; }
/* $BREADCRUMBS
========== */
.breadcrumb, .breadcrumb a { color: #d72026; }
.breadcrumb h1 { display: inline; color: #1d3160; font-weight: 600; }
.breadcrumb h1 span { font-weight: 600; }
.breadcrumb .sep { margin: 0 10px }
/* $CONTACT
========== */
.contactform {
background: #E6E6E6;
padding: 10px;
font-size: 14px; 1.4rem;
}
.contactform label { font-weight: 600; font-size: 16px; font-size: 1.6rem; line-height: 1.5; letter-spacing: -1px; color: #1d3160; margin-bottom: 5px; }
.contactform > div { margin-bottom: 20px; }
ul.red-bullets li {
list-style-image: url('http://uup.org/assets/images/style/bullet-red.png');
padding: 3px 0;
}
.page-image {
position: relative;
}
.page-title {
position: absolute;
bottom: 15%;
left: 0;
color: #fff;
background: #1d3160;
font-size: 40px; font-size: 4.0rem;
font-weight: 300;
line-height: 1.5;
padding: 0 20px 0 10px;
margin: 0;
max-width: 70%;
}
.search-results {
list-style: none;
margin: 0;
}
.search-results li {
margin: 0 0 20px 0;
}
.search-results li a {
color: #1d3160;
font-weight: 600;
font-size: 15px; font-size: 1.5rem;
}
.search-results .searchhilite { font-weight: 700; }
.search-results .meta {
clear: left; display: block;
font-size: 13px; font-size: 1.3rem;
font-weight: 400;
}
.desktop-only { display: block; }
.mobile-only { display: none; }
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 991px) {
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.desktop-only { display: block; }
.mobile-only { display: none; }
#ulster { display: none; }
.party-text span { margin-right: 0; }
.news-filter-types { text-align: right; padding-top: 10px; }
.news-filter-types ul li a img { display: none; }
.page-policies .row.policy h3 span { display: block; clear: both; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.desktop-only { display: none; }
.mobile-only { display: block; }
.party-text {
padding-top: 20px;
text-align: left;
}
.container.header { border-radius: 0; }
#ulster { display: none; }
.party-text span { margin-right: 0; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.mobile-only { display: block !important; }
.desktop-only { display: none !important; }
body { padding-top: 10px; }
.container.footer .text-right {
text-align: left;
padding-left: 20px;
}
.container.unionists { background-image: none; }
.container.unionists .find { border-radius: 0 0 24px 24px; }
.nav ul li {
display: block;
margin: 0;
}
.nav ul li a {
display: block;
background: #000;
color: #fff;
padding: 5px;
float: none;
margin-bottom: 2px;
}
.nav ul li span.after {
display: none;
}
.news-filter-types { text-align: left; padding-top: 10px; }
.news-item .image { padding-top: 10px; }
.news-item.video .text { background: transparent; }
.news-item.video .text .title { margin-right: 10px; }
.page-policies .row.policy { background-position: -200px -200px; }
.page-policies .row.policy h3 span { display: block; clear: both; }
.page-policies .row.policy .policy-picture { display: none; }
.page-policies .row.policy .wrapper { padding-bottom: 50px; margin-right: 10px; }
.councillor { width: 100%; margin-right: 0; height: auto; min-height: auto; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.mobile-only { display: block !important; }
.desktop-only { display: none !important; }
body {
padding-top: 10px;
}
.row {
margin-bottom: 10px;
}
.container.header { border-radius: 0; }
.container.nav { border: 0; }
.container.footer .text-right {
text-align: left;
padding-left: 20px;
}
.container.unionists { background-image: none; }
.container.unionists .find { border-radius: 0 0 24px 24px; }
.nav ul li {
display: block;
margin: 0;
}
.nav ul li a {
display: block;
background: #000;
color: #fff;
padding: 5px;
float: none;
margin-bottom: 2px;
}
.nav ul li span.after {
display: none;
}
.news-filter-type { float: none; display: block; margin: 0; }
.news-item .image { padding-top: 10px; }
.news-item.video .text { background: transparent; }
.news-item.video .text .title { margin-right: 10px; }
.page-policies .row.policy .wrapper { margin-right: 10px; padding-bottom: 50px; }
.page-policies .row.policy-content .policy-sidebar { margin: 0; }
.page-policies .row.policy-content .policy-text { margin-bottom: 2em; font-size: 14px; font-size: 1.4rem; font-weight: 400; }
.page-policies .row.policy h3 span { display: block; clear: left; margin-left: 0; }
.page-policies .row.policy-content .policy-sidebar .icon { display: none; }
.page-policies .row.policy .policy-picture { display: none; }
.councillor { width: 100%; margin-right: 0; height: auto; min-height: auto; }
.our-people .row.mla { background-position: -9999px -9999px; }
.our-people .row.mla .wrapper { margin-right: 10px; margin-bottom: 2em; }
.our-people .mla-content .mla-sidebar { margin: 0; }
.our-people .mla-content .mla-sidebar .contact { padding: 15px 5px; }
.nivo-caption { visibility: hidden; z-index: -1000; }
.page-title { font-size: 13px; font-size: 1.3rem; }
}
.candidate-map {}
.candidate-map #candidate-form {
padding: 10px;
background: #1E3260;
}
.candidate-map #candidate-form > span {
display: block;
overflow: hidden;
padding-right: 10px
}
.candidate-map #candidate-form input[type=text] {
width: 100%
}
.candidate-map #candidate-form button {
float: right
}
.candidate-map #candidate-map-wrapper {
position: relative;
display: block;
height: 0;
padding: 0 0 56.25% 0;
overflow: hidden;
border: solid 1px #1E3260;
}
.candidate-map #candidate-map-wrapper #candidate-map {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
#candidate-info {
width: 350px;
}
#candidate-info > a:first-child {
float: right;
margin-left: 15px;
}
#candidate-info > a:first-child img {
max-width: 100px;
height: auto;
}
#candidate-info-twitter img, #candidate-info-facebook img {
margin: 5px 5px 0 0;
}
#candidate-info-name a {
font-weight: bold;
color: #000000;
}
#candidate-name {
margin: 0 0 5px;
}
@media (min-width: 720px) {
#candidate-name {
display: none;
}
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0 0 56.25% 0;
overflow: hidden;
margin: 0 0 1em 0;
}
.embed-responsive > * {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
/***************
* Candidate Carousel
*/
#candidate-carousel {
padding: 0 0 10px 0;
}
#candidate-carousel h3 {
padding: 10px;
margin: 0;
}
#candidate-carousel .slider {
padding: 0 0.7em 0 0.5em;
}
#candidate-carousel .slider .slick-slide {
padding: 0 0.5em;
color: #000000;
}
#candidate-carousel .slider .slick-slide:hover,
#candidate-carousel .slider .slick-slide a:hover {
text-decoration: none;
}
#candidate-carousel .slider .slick-slide strong {
display: block;
padding: 3px 0;
font-size: 1.4em;
}
#candidate-carousel .slider .slick-slide span {
display: block;
}
#candidate-carousel .slick-arrow {
position: absolute;
display: block;
font-size: 1.5em;
top: 35%;
cursor: pointer;
}
#candidate-carousel .slick-arrow.prev {
left: -10px;
}
#candidate-carousel .slick-arrow.next {
right: -10px;
}
.container.imvoting {
background: #8d0e13;
color: #fff;
font-size: 16px;
}
.container.imvoting img {
display: block
}
.container.imvoting .imvoting-text,
.container.imvoting .imvoting-share {
padding-top: 20px;
padding-bottom: 20px
}
.container.imvoting .imvoting-share {
padding-top: 0;
}
.container.imvoting .social.active.top {
position: relative;
z-index: 100
}
.container.imvoting a {
text-align: center;
display: block;
width: auto;
background: #d72026;
color: #fff;
-webkit-transition: none;
transition: none;
padding: .5em 1.75em;
border-radius: 5px;
}
.container.imvoting a:hover {
opacity: .8;
text-decoration: none;
}
.container.imvoting a span {
font-size: 135%;
font-family: inherit;
padding: 0;
text-transform: none
}
.container.imvoting h2 {
margin: 0 0 10px 0;
font-weight: 400;
font-size: 180%;
letter-spacing: -1px
}
.container.imvoting h2 strong {
font-weight: 800
}
.container.imvoting h4 {
margin: 0;
font-weight: 400;
font-size: 125%
}
.container.imvoting .two {
display: none;
}
@media (min-width: 768px) {
.container.imvoting .two {
display: block;
}
.container.imvoting a {
display: inline-block;
margin-left: -15px;
}
.container.imvoting .imvoting-share {
padding-top: 30px;
}
}
/* Stylesheet: UUP Modified On 2016-05-12 14:01:43 */
/*
* jQuery Nivo Slider v3.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/* Stylesheet: Nivo Slider Modified On 2012-08-28 14:26:17 */
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(http://uup.org/assets/scripts/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
.theme-default .nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background: url(http://uup.org/assets/scripts/nivo-slider/themes/default/bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://uup.org/assets/scripts/nivo-slider/themes/default/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:0;
}
.theme-default a.nivo-prevNav {
left:0;
}
.theme-default .nivo-caption {
display: none;
top: 65%;
font-size: 19px; font-size: 1.9rem;
font-weight: 600;
bottom: auto;
width: 75%;
background-color: #1d3160;
opacity: 1;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
/* Stylesheet: Nivo Slider - Default Modified On 2012-09-17 16:52:20 */
