/*
Theme Name: ACLU
Theme URI: #
Description: A merger created by Aaron T. Grogg (<a href="http://aarontgrogg.com/">http://aarontgrogg.com/</a>) of the HTML5 Boilerplate (<a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a>) and the Starkers theme (<a href="http://starkerstheme.com/">http://starkerstheme.com/</a>), Boilerplate: Starkers provides developers with an ideal, bleeding-edge, clean-start theme. Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in (thanks Paul, Divya and a large cast of supporting characters)!  Boilerplate themes are designed to serve as a Parent theme to whatever Child (<a href="http://codex.wordpress.org/Child_Themes">http://codex.wordpress.org/Child_Themes</a>) you care to add, but you could just as easily use this as a starting point and alter the PHP as your design needs. More about this theme can be found at <a href="http://aarontgrogg.com/boilerplate/">http://aarontgrogg.com/boilerplate/</a>.
Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
Author URI: http://aarontgrogg.com/
Version: 4.4.1
Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
	Comment blocks indicate where each begins and ends, like this, for example...
*/

/** START HTML5 Boilerplate CSS **/

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/**Raleway fonts***/

@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway-thin-webfont.eot');
    src: url('fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('fonts/raleway-thin-webfont.woff') format('woff'),
         url('fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold-webfont.eot');
    src: url('fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayblack';
    src: url('fonts/raleway-black-webfont.eot');
    src: url('fonts/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-black-webfont.woff2') format('woff2'),
         url('fonts/raleway-black-webfont.woff') format('woff'),
         url('fonts/raleway-black-webfont.ttf') format('truetype'),
         url('fonts/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**Raleway fonts**/

@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway-thin-webfont.eot');
    src: url('fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('fonts/raleway-thin-webfont.woff') format('woff'),
         url('fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold-webfont.eot');
    src: url('fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayblack';
    src: url('fonts/raleway-black-webfont.eot');
    src: url('fonts/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-black-webfont.woff2') format('woff2'),
         url('fonts/raleway-black-webfont.woff') format('woff'),
         url('fonts/raleway-black-webfont.ttf') format('truetype'),
         url('fonts/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/* 
blockquote {
    margin: 1em 40px;
    padding-left:5px;
    border-left:1px solid #8e8e8e;
}
 */
blockquote {
  border-left: 8px solid #f3f3f3;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #f3f3f3;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  /*display: inline;*/
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
    max-width: 100%;
    vertical-align: top;
    height: auto;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*! main.css  */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: block; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}



/** END HTML5 Boilerplate CSS **/






/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto 15px;}
.alignleft { float:left;margin: 0 15px 15px 0; }
.alignright { float:right;margin: 0 0 15px 15px;}
.wp-caption { border:1px solid #f3f3f3; text-align:center; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@font-face {
    font-family: 'DINCondensed-Bold';
    src:url('fonts/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/DINCondensed-Bold.woff') format('woff'), 
        url('fonts/DINCondensed-Bold.ttf')  format('truetype'), 
        url('fonts/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {
    color: #ff8a00;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #b52025;
}
.wrapper {
    margin: 0 auto;
    max-width: 1130px;
    padding: 0 15px;
}
nav#access.fixed .menu-header.wrapper{
    /*max-width: 1280px;*/
}
nav#access.fixed > .wrapper{
    /*max-width: 1260px;*/
}
@media (min-width: 981px){
#access.fixed .menu > li > a{
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.header {
    position: relative;
    height: 113px;
}
.header_left {
    float: left;
}
.header_right {
    float: right;
    position: relative;
}

.header .custom_languages_switcher {
    position: absolute !important;
    right: -225px;
    top: 30px;
    border-left: solid 2px rgba(255,255,255,0.2);
    padding:0 0 0 38px;
    height: auto;
    z-index: 99;
}

.header .custom_languages_switcher ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.header .custom_languages_switcher ul:after {
    clear: both;
    content: ""; 
    display: block;
}

.header .custom_languages_switcher ul li {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    font-family: 'ralewaybold';
    line-height: 1;
    font-size: 15px;
    
    font-weight: 700;

    padding: 21px 0;

}
/*.header .custom_languages_switcher ul li a { display: inline-block;}*/
.header .custom_languages_switcher a {
    text-decoration: none;
    background: none !important;
    margin: 0;
    padding: 0;
    color: #FFF;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;    

}

.header .custom_languages_switcher a:hover {
    color: #005488;
}
.header-bar {
    position: relative;
}
.header_search_icon {
    display: none;
}
/*.header .custom_languages_switcher li:first-child:after {
    content: "/";
    color: #FFF;
    margin: 0 4px;
}*/

.logo {
    margin: 12px 0 0; 
    padding: 0;
}
.header-right-bg {
    width: 55%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 45%;
    background:url(images/header-bg.jpg) repeat left top;
    height: 113px;
    z-index: -1;
}
.header-right-bg:before {
    content: "";
    display: block;
    background:url(images/header-bg-left.jpg) repeat left top;
    width: 98px;
    height: 113px;
    position: absolute;
    top: 0;
    left: -98px;
}
.social-menu {
    font-size: 0;
    line-height: 0;
    margin: 43px 0 0;
}
.social-menu > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 40px;
}
.social-menu > li > a { 
    color: #FFF;
    font-size: 35px;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
}
.social-menu > li > a:hover {
    opacity: 0.7;
    
    
}
.social-menu > li.icon-twitter > a { }
.social-menu > li.icon-google-plus > a { }
.social-menu > li.icon-facebook > a { }
.social-menu > li.icon-linkedin > a { }
.social-menu > li.icon-instagram > a {
    font-size: 33px;
}

.menu-social-menu-container .menu > li > a {  }

#access {
    background:#005488;
    position: relative;
    z-index: 99;
    width: 100%;
}
#access.fixed {
    /*position: fixed;
    top: 0;*/
}
.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#access .menu {
    color: #FFF;
    font-size: 0;
    line-height: 0;
    padding: 0 60px 0 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
#access .menu > li {
    font-family: 'DINCondensed-Bold';
    display: inline-block; 
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    position: relative;
}
#access .menu > li .sub-menu{
    display: block;
    position: absolute;
    left: 15px;
    background: #4d90cd ;
    margin-top: 0;
    padding: 10px 20px;
    width: 300px;
}
#access .menu > li:hover .sub-menu{
 display: block;   
}
.sub-menu li a{ color: #FFF; }
.sub-menu li:hover > a, .sub-menu li.current-menu-item > a{ color: #1a6eb3 ;}
#access .menu > li .sub-menu {
    display: none;
}
#access .menu > li > a {
    cursor: pointer;
    display: block;
    color: #FFF;
    padding: 8px 33px;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;        
}
#access .menu > li:hover > a, #access .menu > li.current-menu-item > a, #access .menu > li.active > a,#access .menu > li.current-page-ancestor > a {
    color: #4D90CD;
    
}
.sidebar-menu ul li.current-menu-item a {color: #b52025;}
#access .menu > li:first-child > a { padding-left: 0;}
#access .menu > li > a .fa-chevron-down {
    margin: 0 12px 0 0;
}
#access .menu > li.donate-btn {
    float: right;
    margin: 7px 0;
}

#access .menu > li.donate-btn a { 
    border: solid 2px #FFF; 
            border-radius: 15px; 
       -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    font-family: 'ralewaybold';
    
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    padding: 5px 35px 4px;
}
#access .menu > li.donate-btn a:hover {
    border-color: #4D90CD;
}


#access.fixed  .menu > li > a {
    padding: 13px 33px 14px;
}
body.es  #access.fixed  .menu > li > a {
    padding-left: 22px;
    padding-right: 22px;
    
}
body.es #access .menu > li.donate-btn a {
    padding: 5px 35px 4px;
}
#access.fixed .menu > li.donate-btn a {
    padding: 5px 35px 4px;
}
#access.fixed .menu {
    padding: 0 60px 0 128px;
}
#access.fixed .menu > li.donate-btn {
    margin: 12px 0;
}

.srch-glass {
    color: #FFF;
    cursor: pointer;
    font-size: 20px;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;    

}
.srch-glass:hover {
    color: #4D90CD;
}
.menu_search_icon {
    position: relative;
}
.menu_search_icon .srch-glass {
    position: absolute;
    right: 0;
    top: 9px;
}
#access.fixed .menu_search_icon .srch-glass {
    top: 15px;
}
.menu-language-switcher { position: relative; display: none; }
.nav_top_mobile .menu_search_icon { display: none; }
#access.fixed  .menu-language-switcher { display: block; }
.menu-language-switcher .custom_languages_switcher { position: absolute; right: -207px; top: 22px; }
.custom_languages_switcher ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}
.custom_languages_switcher ul li {
    display: inline-block;
    color: #FFF;
    font-family: 'ralewaybold';
    line-height: 1;
    font-size: 13px;
    
}
.custom_languages_switcher ul li a {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.custom_languages_switcher ul li a:hover {
    color:#ff8a00; 
}
.custom_languages_switcher ul li:last-child:before {
    content: "/";
    color: #FFF;
    margin: 0 3px;
}
.custom_languages_switcher ul li:first-child:before {
  content: none;
}
.small-logo { position: relative; display: none; }
#access.fixed .small-logo { display: block; }
.small-logo a { position: absolute; top: 0; left: 0; }

/* search section */
body.search-active { overflow: hidden !important; }
.search-wrapper { display: none; background: rgba(35, 35, 35, 0.95); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 50000; }
.search-wrapper .search-holder {position:relative;  height:100%;}
.close-search {position:absolute; top: 60px; right: 20px; color:#fff; text-transform:uppercase; font-size:25px; line-height:1; cursor:pointer; font-family: 'ralewayregular'; font-style: normal;z-index:9999;}
.scrolling .close-search{ top:90px;}
.search-wrapper .searchform { width: 100%; }
.search-wrapper .searchform input[type="text"] { font-size: 40px; font-family: 'ralewayregular';font-style: normal; color:#fff; background: transparent; border: none; margin: 20% 0 0; width: 100%; padding: 0 10px 0 40px; box-sizing: border-box; outline: none;border-bottom:1px solid #fff;position:relative;}
.search-wrapper .searchform input[type="text"]:before {content:"\f002";position:absolute;top:0;left:0;font-family: FontAwesome;font-size:30px;}


.hero_bg {
    min-height: 435px;
    background-size: cover;
    position: relative;
}

.hero_bg.hero_bg_innerpage {
    background-image:url(images/statue-o-lib-tear-404-error-final-rectangle11.png);
    min-height: inherit;
    height: 325px;
    padding-right: 50px;
}
body.category .hero_bg.hero_bg_innerpage { padding-right: 0; }
.hero_bg.hero_bg_innerpage .page-title {
    font-family: 'DINCondensed-Bold';
    color: #FFF;
    font-size: 70px;
    line-height: 1.2;
    padding:0;
    text-transform: uppercase;
}
h1.text-shadow-h1, .blank-page h1 {
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
}

.hero_title {
    background: #f3f3f3;
    padding: 16px 30px 16px 16px;
    position: relative;
}
.hero_title h2 {
    font-family: 'DINCondensed-Bold';
    color: #005488;
    font-size: 45px;
    line-height: 1.2;
    padding:0;	
    margin:0;
}
.category .hero_title {
    padding-right: 50px;
}
.hero_title_sec {
    position: relative;
}
.hero_title_sec .hero-read-more {
    top: 50%;
    right: 33px;
    margin-top: -15px;
    color: #b52025;
}
.hero_title_sec .hero-read-more a {
    color: #b52025;
}

.hero_title a {
    color: #005488;
    text-decoration: none;
}
.hero_title a:hover {
    color: #b52025;
}

.hero_title_sec .hero_title {
    
}
.hero_title_sec .hero_title h3 {
    margin: 0;
    padding: 0;
    font-size: 45px;
    line-height: 1.2;

}
.hero_title_sec .hero_title h4 {
    margin: 12px 0 0;
    padding: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #272425;
}



.category-box {
    position: absolute;
    bottom: 0;
    background: url(images/hero-title-transprent-bg.png) repeat left top;
    padding: 12px;
    height: 42px;
    font-family: 'ralewaybold';
    
    font-size: 15px;
    color: #FFF;
}
.category-box:after {
    position: absolute;
    top: 0;
    right: -24px;
    content: "";
    display: block;
    width: 24px;
    height: 42px;
    background: url(images/hero-title-bg.png) repeat left top;
}
.category-box a { 
    color: #FFF;
    text-decoration: none;
}
.hero-read-more {
    position: absolute;
    right: 17px;
    bottom: 15px;
}
.hero-read-more a {
    color: #FFF;
    text-decoration: none;
    font-size: 30px;
    line-height: 1;
    display: block;
    
}
.hero-read-more a .fa {
            -webkit-transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
    transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);

}
.hero-read-more a:hover .fa {
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.page-left {
    float: left;
    width: 69%;
}

.page-right {
    float: right;
    width: 28%;
    margin: 0 0 25px;
}
.page-right.sidebar-full {
    margin: 0;
    width: 31%;
}
.page-right.sidebar-full .category_side_info {
    margin: 0;
}
.headlines {
    margin: 0 0 40px;
}
.home .headlines {
    margin: 0 0 50px;
}

.headlines-title {
    margin: 30px 0 0;
    padding: 0;
    font-family: 'ralewayregular';
    
    font-size: 28px;
    color: #b52025;
}
.no-margin{
    margin: 0
}
.no-margin-top {
    margin-top: 0 !important;
}
.headlines ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.headlines ul li { 
    border-bottom: solid 1px #e3e3e3;
    padding: 20px 0;
}
.headlines ul li:last-child {
    border: none;
}
.headlines ul li .date {
    margin: 0 0 10px;
    display: block;
    color: #000000;
    font-weight: normal;
    font-style: italic;
    font-size: 15px;
    font-family: Georgia, Times, "Times New Roman", serif;
    
}
.headlines ul li h4 {
    margin: 0;
    padding: 0;
    color: #231f20;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.2;
}
.headlines ul li h4 a {
    color: #231f20;
    text-decoration: none;
}
.headlines ul li h4 a:hover {
    color: #005488;
}
.see_all_news {
    margin: 18px 0 0;
}


.sidebar-menu .headlines-title {
    color: #231f20;
    margin-bottom: 12px; 
}
.sidebar-menu .menu {
    margin: 0;
    padding: 0 0 6px;
    list-style: none;
}
.sidebar-menu .menu li {
    position: relative;
    padding: 0 0 0 16px;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.1;
    color: #005488 ;
    margin-bottom: 8px;

}
.sidebar-menu .menu li:hover, .sidebar-menu .menu li.current_page_item, .sidebar-menu .menu li.current_page_item > a {
    color: #b52025;
}
.sidebar-menu .menu li:before {
    display: block;
    content: "•";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 20px;
}
.sidebar-menu .menu li a {
    color: #005488;
    text-decoration: none;
    display: block;
}
.sidebar-menu .menu li a:hover {
    color: #b52025;
}
.btn {
    display: inline-block;
    border: solid 2px #005488;
    color: #005488;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    font-family: 'ralewaybold';
    
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    padding: 6px 35px 5px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;    
    
}
.btn:hover {
    border-color: #b52025;
    color: #b52025;
}

.btn.btn-white {
    border-color: #FFF;
    color: #FFF;
}

.breaking_news {
    margin: 56px 0 30px;
}
.breaking_news ul {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    
}
.breaking_news ul li { 
    float: left;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
    
}
.breaking_news .post_thumb {
    margin: 0 0 20px;
    position: relative;
}
.more_btn_sec {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.more_btn_sec a {
    display: inline-block;
    background: url(images/orange_transparent_bg.png) repeat left top;
    position: relative;
    height: 28px;
    box-sizing: border-box;
    padding: 9px 13px 4px 19px;
    color: #FFF;
    text-decoration: none;
    font-family: 'ralewaybold';
    font-size: 13px;
    line-height: 1;
    
    
}
.more_btn_sec a:after {
    position: absolute;
    top: 0;
    right: -23px;
    content: "";
    display: block;
    width: 23px;
    height: 28px;
    background: url(images/orange_bg_right.png) no-repeat left top;
}
.more_btn_sec a:hover {
    color: #b52025;
}
.breaking_news .post_thumb img {
    display: block;
    width: 100%;
}

.breaking_news h4 {
    margin: 0 0 16px;
    padding: 0;
    color: #231f20;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.2;
    
}
.breaking_news h4 a {
    color: #231f20;
    text-decoration: none;
}
.breaking_news h4 a:hover {
    color: #b52025;
}
.breaking_news .news_excerpt {
    margin: 0;
    padding: 0;
    font-family: 'ralewayregular';
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
    
}

.breaking_news .news_excerpt .read-more {
    display: none;
    /*
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    color: #b52025;
    font-style: italic;
    */
}

.join_bg {
    margin: 0;
    text-align: center;
    background-size: cover;
    padding: 65px 10%;
    box-sizing: border-box;
}
.join_content {
    padding: 0 0 15px;
}
.join_bg p {
    margin: 0 0 25px;
    font-family: 'DINCondensed-Bold';
    color: #FFF;
    font-size: 45px;
    line-height: 1.3;
}


/**/
.civil_liberties_main {
    padding: 58px 0;
}
.civil_liberties_sec {
    position: relative;
}
.civil_liberties_left {
    width: 170px;
    position: absolute;
    top: 0;
    left: 0; 
}
.civil_liberties_sec h2 {
    margin: 0 0 8px;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    font-size: 40px;
    line-height: 1.15;
    color: #b52025;
}
.civil_liberties_sec h3 {
    margin: 0;
    padding: 0;
    color: #000000;
    font-family: 'ralewayregular';
    font-size: 15px;
    line-height: 1.7;

}
.civil_liberties_right {
    padding: 0 0 0 195px;
    min-height: 180px;
}
.civil_liberties_right ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.civil_liberties_right ul li {
    background: #ff8a00;
    margin: 0 0 13px;
    -webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
}
.civil_liberties_right ul li:hover {
    background: #b52025;    
}
.civil_liberties_right ul li a {
    display: block;
    padding: 13px 60px 13px 20px;
    position: relative;
    color: #FFF;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.2;
    text-decoration: none;
}
.civil_liberties_right ul li a .fa {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    font-size: 30px;
    -webkit-transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
    transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
}
.civil_liberties_right ul li a:hover .fa {
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
/**/

.take_action_today_sec{
    padding: 20px 20px 16px 27px;
    margin: 0 0 32px;
    color: #FFF;
    background-size: cover;
}
.take_action_today_sec a,  .take_action_today_sec a:visited {
	color:#fff;
}
.take_action_today_sec .take_action_title {
    margin: 0 0 20px;
    padding: 0;
    font-family: 'ralewayextrabold';
    
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.5;
}
.take_action_today_sec .take_action_sub_title {
    margin: 0 0 6px;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    font-size: 22px;
    line-height: 1.2;
}
.take_action_description p {
    font-family: 'ralewayregular';
    font-size: 13px;
    line-height: 1.9;
    
    margin: 0;
    padding: 0;
}
.take_action_url { text-align: right;}
.take_action_url a {
    color: #FFF;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
}
.take_action_url a .fa {
        -webkit-transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);
    transition: all 0.3s cubic-bezier(0.360, -0.055, 0.000, 1.220);

}
.take_action_url a:hover .fa {
            -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);

}
/**/
.tw-feeds {
    padding: 25px 0 0;
}
.tw-feeds h3 {
    margin: 0 0 26px;
    padding: 0;
    color: #4d90cd;
    font-family: 'ralewayregular';
    font-size: 28px;
    
    line-height: 1.2;
}
.tw-lsit {
    background: #f3f3f3;
    padding: 18px 0;
    position: relative;
}
.tw-lsit.even-tweet {
    background: #ebebeb;
}

.tw-lsit .tw-left {
    position: absolute;
    left: 12px;
    top: 18px;
}
.tw-lsit .tw-right {
    padding: 0 20px 0 83px;
}
.tw-lsit .tw-right .feed-time {
    font-family: 'ralewayextrabold';
    
    color: #005488;
    font-size: 8px;
    line-height: 1.2;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.tw-lsit .tw-right .tw-cont {
    font-family: 'ralewayregular';
    
    font-size: 13px;
    line-height: 1.8;
    color: #231f20;
}
.tw-lsit .tw-right .tw-cont a {
    color: #4d90cd;
    text-decoration: none;
}
.tw-lsit .tw-right .tw-cont a:hover {
    color: #b52025;
}
.see_all_tweet {
    margin: 40px 0 15px;
}
/**/

footer {
    clear: both;
}

.signup-sec {
    background: #b52025;
    padding: 28px 0;
    text-align: center;
    
}
.signup-sec label {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 800;
    color: #FFF;
    margin: 5px 22px 5px 0;
}
.signup-sec .input-box { 
    display: inline-block;
    vertical-align: middle;
    margin: 5px 7px 5px 0;
    width: 100%;
    background: #FFF;
}
.signup-sec .input-box.input-email-box {
    max-width: 440px;
}
.signup-sec .input-box.input-zip-box {
    max-width: 130px;
}

.signup-sec .input-box input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 17px 20px;
    background: transparent;
    border: none;
    outline: none;
    font-family: 'ralewayregular';
    
    font-size: 15px;
    line-height: normal;
    
}
.signup-sec .submit-box {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
}
.submit-box .btn {
    outline: none;
    background: transparent;
    border-color: #FFF;
    color: #FFF;
}
.submit-box .btn:hover {
    border-color: #ff8a00;
    color: #ff8a00;
}

.footer_bar {
    background: #005488;
    padding: 31px 0;
}

.footer_bar .social-menu {
    margin: 0;
    padding: 0;
}
.footer_bar .social-menu > li {
    margin: 0 0 0 18px;
    padding: 0;
}
.footer_bar .social-menu > li > a {
    font-size: 20px;
    line-height: normal;
}
.footer_wrapper {
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 20px;
}
.footer_left { float: left; color: #FFF; font-family: 'ralewaybold';  font-size: 13px; line-height: 1.2; padding: 4px 0;}
.footer_left .separator {
    margin: 0 12px;
}
.footer_right { float: right; }



 #nav-icon3{
     display: none;
  width: 45px;
  height: 36px !important;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span.span1 {
  top: 0px;
}

#nav-icon3 span.span2,#nav-icon3 span.span3 {
  top: 15px !important;
}

#nav-icon3 span.span4 {
  top: 30px;
}

#nav-icon3.open span.span1 {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span.span2 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span.span3 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span.span4 {
  top: 18px;
  width: 0%;
  left: 50%;
}

/**/

.table {
    display: table;
    width: 100%;
    height: 100%;
}
.table .table-cell {
    display: table-cell;
    vertical-align: middle;
}


body.category .table .table-cell { vertical-align: bottom; }
body.category .table .table-cell .page-title { display: block;  box-sizing: border-box;padding-bottom: 40px; }

.page-title-box { padding-left: 33.33%; }

.content_sec {
    margin: 20px 0 45px;
    min-height:450px;
}
body.category .hero_bg.hero_bg_innerpage .page-title { margin: 0; }
.no-height {
	min-height:0px !important;
}
.category .content_sec {
    margin-bottom: 0;
}

.content_sec p {
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 15px;
    padding: 0;
    color: #000000;
}
.content_sec p a {
    color: #b52025;
    text-decoration: none;
}
.content_sec p a:hover {
    color: #ff8a00;
}
.content_sec ul, .content_sec ol {
    color: #000000;
    font-family: 'ralewayregular';
    font-size: 18px;
    
    line-height: 1.6;
    margin: 0 0 28px 45px;
    padding: 0;
}

.content_sec h2 {
	color:#ff8a00;
	font-size:34px;
}
.content_sec h3 {
	color:#005488;
	font-size:28px;
}
.event-sec {
    margin: 0 0 16px;
}
.event-sec .headlines-title {
    margin: 0 0 19px;
    color: #231f20;
}
.event-box {
    background: #f3f3f3;
    position: relative;
    padding: 0 0 0 66px;
}
.event-box .event-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 63px;
    height: 63px;
    background: #ff8a00;
    text-align: center;
}
.event-box .event-left .date {
    font-family: 'DINCondensed-Bold';
    font-size: 20px;
    line-height: 1.2;
    color: #FFF;
}
.event-box .event-left .month {
    color: #FFF;
    font-family: 'ralewayregular';
    
    font-size: 12px;
    line-height: 1.6;
    margin:0;
}
.event-box .event-right {
    padding: 15px;
}
.event-box .event-right h4 {
    margin: 0 0 4px;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.2;
    color: #231f20;
}
.event-box .event-right h4 a {
    text-decoration: none;
    color: #231f20;
}
.event-box .event-right h4 a:hover {
    color: #b52025;
}
.event-box .event-right .event-content { 
    font-size: 0;
    line-height: 0;
}
.event-box .event-right .event-content p { 
    margin: 0;
    padding: 0;
    color: #231f20;
    font-family: 'ralewayregular';
    
    font-size: 13px;
    line-height: 1.8;
}

.see_all_event {
    margin: 40px 0 0;
}

.post-info {
    margin: 6px 0 20px;
    font-family: 'ralewayregular';
    font-size: 15px;
    line-height: 1.3;
    
}

.publish-date { float: left; }
.publish-date span { color: #ff8a00; }
.seprator { float: left; margin: 0 8px; }
.share-sec { float: left; }
.share-sec.share-sec-detail { float: none; margin: 0 0 28px; clear: both;}
.share-sec ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.share-sec ul li {
    float: left;
    margin: 0 8px;
}
.share-sec ul li.share-label {
    margin-left: 0;
}
.share-sec ul li a {
    color: #ff8a00;
}
.share-sec ul li a:hover {
    color: #005488;
}

.cat_post_sec {
    margin: 45px 0 0;
}
.post_box {
    position: relative;
    margin: 0 0 30px;
}
.post_box .post_thumb {
    position: absolute;
    top: 0;
    left: 0;
}
.post_box .post_right {
    padding: 0 0 0 205px;
    min-height: 195px;
}
.post_box .post_content .post_cat {
    display: block;
    font-family: 'ralewayregular';
    
    font-size: 15px;
    line-height: 1.2;
    color: #005488;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.post_box .post_content h3 {
    margin: 0 0 6px;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    color: #231f20;
    font-size: 23px;
    line-height: 1.2;
    
}
.post_box .post_content h3 a {
    color: #231f20;
    text-decoration: none;
}
.post_box .post_content h3 a:hover {
    color: #b52025;
}
.post_box .post_content p {
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 15px;
    padding: 0;
    color: #000000;
}

.post_box .post_content p a {
    color: #b52025;
    text-decoration: none;
}
.post_box .post_content p a:hover {
    color: #ff8a00;
}
.post_box .post_content p a.read-more {
    display: none;
}
.post_box .post_content.post_full p a.read-more {
    display: inline-block;
}


.category_side_info {
/* 
    background: #607232;
 */
    background: #b52025;
    padding: 20px 26px;
    margin: 30px 0 0 0;
    color: #FFF;
    box-sizing: border-box;
}
.category_side_info h2 {
    margin: 0 0 17px;
    padding: 0;
    font-family: 'ralewayextrabold';
    
    font-size: 15px;
    line-height: 1.6;
    text-transform: uppercase;
}
.category_side_info h3 {
    margin: 0 0 6px;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.2;
}
.category_side_info p {
    margin: 0;
    padding: 0;
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.8;
}

/**/
.category-page-content {
    margin: 40px 0 0;
}
.category_title {
    margin: 0;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #b52025;
    font-size: 70px;
}

.news_box {
    padding: 28px 0;
    border-bottom: solid 1px #e3e3e3;
}
.news_box .news_date {
    margin: 0 0 10px;
    font: normal 15px/1.3 Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #000000;
}
.news_box .news_title h3 ,.nothing-found{
    margin: 0 0 7px;
    padding: 0;
    font-family: 'DINCondensed-Bold';
    font-size: 23px;
    line-height: 1.2;
    color: #231f20;    
}
.news_box .news_title h3 a {
    text-decoration: none;
    color: #231f20;        
}
.news_box .news_title h3 a:hover {
    color: #b52025;
}
.news_box .news_content {
    
}
.news_box .news_content p {
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    color: #000000;
}
.news_box .news_content p .read-more{ 
    display: none;
}

#nav-below {
    margin: -1px 0 30px;
    border-top:solid 3px #005488; 
    font-family: 'ralewaybold';
    
    font-size: 15px;
    line-height: 1.6;
    padding: 20px 0;
    

}
.category #nav-below { margin: 0;}
#nav-below a {
    text-decoration: none;
    color: #005488;
}
#nav-below a:hover { 
    color: #ff8a00;
}
#nav-below a i {
    font-size: 30px;
    vertical-align: middle;
}
#nav-below a i.fa-arrow-circle-right { margin-left: 5px; }
#nav-below a i.fa-arrow-circle-left { margin-right: 5px; }
/**/

.single_article_title {
    margin: 32px 0 18px; 
    font-family: 'DINCondensed-Bold';
    color: #005488;
    font-size: 45px;
    line-height: 1.2;
    padding: 0 10px 0 0; 
}
.single_article_sub_title {
    margin: 0 0 16px; 
    padding: 0; 
    font-family: 'DINCondensed-Bold';
    color: #272425;
    font-size: 30px;
    line-height: 1.2;
    padding: 0 10px 0 0; 

}
.single_article_date {
    margin: 0 0 18px; 
    padding: 0;
    font-family: 'ralewayregular';
    font-size: 15px;
    line-height: 1.3;
    
}
.single_article_date span {
    color: #ff8a00;
}
.single_article_content p { 
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 28px;
    padding: 0;
    color: #000000;
}
.single_article_content a {
    color: #ff8a00;
}
.single_article_content a:hover {
    color: #005488;
}

.single_article_content ul { 
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.6;
    margin:0 0 28px 45px;
    padding: 0;
    color: #000000;
}
.single_article_content ol { 
    font-family: 'ralewayregular';
    
    font-size: 18px;
    line-height: 1.6;
    margin:0 0 28px 45px;
    padding: 0;
    color: #000000;
}

.single_article_content ul li {
    margin: 0 0 15px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin: 0 0 28px;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/**/

.nav-issues { display: none; position: absolute; z-index: 99; width: 100%; }
.fixed.nav-issues { position: fixed; top: 57px; }
.nav-issues .nav-issues-sec { background: #4d90cd;
    width: 100%;
    padding: 20px;
}
.nav-issues .issues-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-issues .issues-menu li {
    width: 25%;
    padding: 0 15px; 0 0;
    box-sizing: border-box;
    float: left;
    font-family: 'DINCondensed-Bold';
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
}
.nav-issues .issues-menu li a {
    display: block;
    padding: 3px 0; 
    color: #FFF;
    text-decoration: none;
}
.nav-issues .issues-menu li a:hover, .nav-issues .issues-menu li.current-menu-item a {
    color: #005488;
}
/**/
html.user_login {
    margin-top: 0 !important;
}

.events-table {
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    width: 100%;
    text-align: left;
}
.events-table th, .events-table td{
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 10px;
    
}
.events-table td a {
	font-size:28px;
}
div.css-search div.em-search-main .em-search-submit {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005488), color-stop(1, #005488) ) !important;
	text-shadow:0 !important;
	border-radius:0 !important;
}

/****/
.nothing-found {margin: 20px 0 0 0;}
.nothing-content {margin: 10px 0 0 0; font-family: 'ralewayregular';font-size: 18px;line-height: 1.6;padding: 0;color: #000000;}
.hidden-mobile img {display: none;}
#text_icl-2 a ,#text_icl-3 a{color: #fff;}
#text_icl-2 a:hover ,#text_icl-3 a:hover {color: #ff8a00;}
.nav-outer {   
    background: #005488;
}
.nav-outer.fixed {position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

/**/
.staff-info-menu {}
.staff-info-menu .menu-list { display: block; float: left; background: #EFEFEF; padding: 8px 15px; margin: 0 10px 10px 0; font-family: 'DINCondensed-Bold';     color: #005488; font-size: 18px;  }
.staff-info-menu .menu-list:hover { color: #ff8a00; }


.staff-info-sec .staff-info-sec-box { /*padding: 58px 0 1px;*/ }
/*.staff-info-sec:before { content: ""; display: block; height: 58px; width: 100%; }*/
.content_sec h3.staff-info-title { margin: 0 0 15px; padding: 10px 25px; background: #005488; font-family: 'DINCondensed-Bold'; color: #FFF;  }
.staff-bio-sec { background: #EFEFEF; padding: 15px 15px 1px; margin: 0 0 15px; }

.staff-bio-sec h4 { margin: 0 0 10px; padding: 0; color: #005488; }
.staff-bio-sec p { font-size: 17px; }
.staff-bio-sec img { vertical-align: top; min-width: 150px; min-height: 150px;}
.es .footer_left .separator.cpright{ display: block; height: 0; overflow: hidden;}
.es #text_icl-3 a{ margin-bottom: 10px; display: inline-block;}
/**/



@media (max-width:1640px){
    .footer_left .separator.cpright{ overflow: hidden; height: 0; display: block;}
    #text_icl-2 a{ margin-bottom: 10px; display: inline-block;}
}
@media (max-width:1580px){
    .header .custom_languages_switcher {
        right: 0;
    }
    .social-menu {
        margin-right:200px;
    }
    #access.fixed .nav_top {
        background: #004672;
        text-align: right;
        padding: 5px 0;
    }
    #access .nav_top.nav_top_mobile { display: none; }
    #access.fixed .menu_search_icon {
        display: inline-block;
    }
    #access.fixed .menu_search_icon .srch-glass {
        position: initial;
        top: inherit;
    }
    #access.fixed .menu-language-switcher {
        display: inline-block;
    }
    .menu-language-switcher .custom_languages_switcher {
        position: initial;
        right: inherit;
        top: inherit;
        display: inline-block;
    }
    
    #access.fixed .menu {
        padding: 0 0 0 128px;
    }
    
    .footer_wrapper {
        max-width: 100%;
        padding: 0 20px;
    }
    .separator.separator-04 {
        display: inline-block;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
   .es .footer_left .separator {margin: 0 15px;}
    
    .staff-info-sec .staff-info-sec-box { /*padding-top: 96px; */}
    /*.staff-info-sec:before { content: ""; display: block; height: 96px; width: 100%; }*/


}
@media (max-width:1504px){
    .es .footer_left .separator.telno{ display: block; height: 0; overflow: hidden;}
    .es #text_icl-3 .textwidget{ text-align: center; line-height: 1.5;}
}
@media (max-width:1400px) {
    .footer_left .separator {margin: 0 15px;}
    .footer_left {font-size: 12px;}
    #access .menu > li .sub-menu{ left: 7px;}
}
@media (max-width:1300px){
    .footer_left {
        float: none;
        text-align: center;
        line-height: 1.8;
        margin: 0 0 20px;
        font-size: 13px;
    }
    .footer_right {
        float: none;
        text-align: center;
    }
    
}

@media (max-width:1219px){
    .es .footer_left .separator.pbox{
        display: block;
        height: 0;
        overflow: hidden;
    }
}

@media (max-width:1140px){
    .footer_left .separator.telno{ display: block; height: 0; overflow: hidden;}
}
@media (max-width:1060px){
    #access .menu > li > a {
        padding: 8px 27px;
    }
    #access.fixed .menu > li > a {
        padding: 13px 27px 14px;
    }
    
    body.es #access.fixed .menu > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .social-menu > li > a { font-size: 20px; }
    .social-menu > li.icon-instagram > a { font-size: 17px; }
    
    .social-menu > li { margin: 0px 0px 0px 20px; }
    .social-menu { margin-top: 49px; }
    
    .header .custom_languages_switcher {
        padding-left: 18px;
    }
    .social-menu {
        margin-right: 177px;
    }
}
@media (max-width:1023px){
    .nav-issues .issues-menu li {
        width: 50%;
    }
}

@media( max-width:995px){
    .footer_left .separator.pbox{ 
        display: block;
        height: 0;
        overflow: hidden;
    }
}
@media (max-width:980px){
    .es #text_icl-3 .textwidget{ text-align: left;}
    .es #text_icl-3 a{ margin-bottom: 0;}
    #access .menu > li .sub-menu li > a{ padding-left: 7px; }
    #access .menu > li .sub-menu li:hover > a, #access .menu > li .sub-menu li.current-menu-item > a{ color:#4a9ae2; }    
    #access .menu > li .sub-menu{ width: 100%; position: inherit; display: block; background: #01639f ; left: inherit;}
    .page-left { float: none; width: 100%; }
    .page-right { float: none; width: 100%; }
    body.category .hero_bg.hero_bg_innerpage .page-title { padding-left: 15px !important; padding-top: 0 !important; }
    body.category .table .table-cell { vertical-align: bottom; }
    
    .page-right.sidebar-full {
        margin: 0;
        width: 100%;
    }
    .page-right.sidebar-full .category_side_info {
        margin: 15px 0;
        height: auto !important;
    }
    .menu-header .menu { display: none; }
    #nav-icon3 { display: block; float: right; margin: 0 40px 0 0; }
    .fixed #nav-icon3 { margin-top: 10px; margin-bottom: 11px; margin-right: 0; }
    
    #access { padding: 15px 0; }
    #access.fixed { padding: 0; }
    .menu_search_icon .srch-glass { top: 5px; }

    #access .menu {
         overflow-y: auto; 
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 10px 0;
        left: 0;
        top: 65px;
        width: 100%;
        position: absolute; 
        background: #004a77; 
        -webkit-transition: none;
           -moz-transition: none;
             -o-transition: none;
                transition: none; 
    }
    #access .menu > li { display: block; }    
    #access .menu > li.donate-btn { float: none; }
    
    #access .menu > li:first-child > a, #access .menu > li > a { padding: 8px 27px; }
    #access .menu > li.donate-btn a { margin: 0 10px;}
    
    #access.fixed .menu { padding: 10px 0px; top: 95px; }
    #access .menu > li.donate-btn a { display: inline-block; }
    .hero_section.full_sec, .join_section.full_sec { margin-right: -15px;}
    
    .signup-sec { padding: 28px 0px 21px; }
    .signup-sec label { display: block; margin: 0 0 10px; }
    
    .footer_left { float: none; text-align: left; line-height: 2.0;}
    .footer_right { float: none; text-align: center; background: #004A77; }
    
    .footer_left .separator { opacity: 0; display: block; height: 0; overflow: hidden;}
    
    .footer_bar .social-menu { margin: 10px 0 0; padding: 10px; }
    .footer_bar { padding: 19px 0px; }
    
    .nav-issues {
        margin-top: 66px;
            overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .hidden-mobile {background: none !important;min-height: 0 !important;height: auto !important;padding: 0 !important;}
    .hidden-mobile .page-title {padding-left: 15px !important;margin: 0 !important; position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .hidden-mobile img {display: block;max-width: 100%;display: inline-block;height: auto;width: 100%;}
    
}
@media (max-width:767px){
    
    
    header.header, .nav_desktop {
        display: none;
    }
    #access {
    padding: 0;
}
    #access .nav_top.nav_top_mobile {
        display: block;
        background: #004672;
        text-align: right;
        padding: 5px 0;
}
    #access .small-logo {
    display: block;
}
    
    #access .menu-language-switcher {
    display: inline-block;
}
    #access .menu_search_icon {
    display: inline-block;
}
    
    #access .menu_search_icon .srch-glass {
        position: initial;
        top: inherit;
}
    #nav-icon3 {
    margin-top: 10px;
    margin-bottom: 11px;
    margin-right: 0;
}
    #access.animated {
    -webkit-animation-duration:s0;
    animation-duration: 0s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}
    
    #access.fadeInDown {
    -webkit-animation-name: none;
    animation-name: none;
}
    
}
@media (max-width:640px){
    .header .custom_languages_switcher { right: 0; top: 15px; margin: 0; padding: 0; border: none; }
    .social-menu { margin: 65px 0 0; padding: 0; }
    
    .civil_liberties_main {
    padding: 15px 0;
}
    .civil_liberties_left {
        width: auto;
        position: inherit;
        top: inherit;
        left: inherit;
        margin: 0 0 20px;
    }
    .civil_liberties_right {
        margin: 0;
        padding: 0;
        min-height: inherit;
    }
    .hero_bg.hero_bg_innerpage .page-title {font-size: 32px;}    
}

@media (min-width:981px){
    #access .menu {
        display: block!important; 
    }
}

@media (max-width: 550px) {
.nav-issues .issues-menu li {
    width: 100%;
    padding: 5px 0;
}
}

@media (max-width:479px){
    .main_header { height: 95px;  }
    .logo { margin: 0; padding: 0;}
    .header { height: auto; }
    .header_left { float: none; text-align: center; }
    .header_right  { float: none; text-align: center; padding: 10px 0;  }
    .header-right-bg { background: url(images/header-bg.jpg) repeat left top; background-size: cover; width: 100%; left: 0; top: 0; height: 100%; }
    .social-menu { margin: 0;} 
    
    .header .custom_languages_switcher {
        right: inherit;
        top: inherit;
        background: #005488;
        padding: 9px;
        margin: 0px -15px 15px;
        position: inherit !important; 
        text-align: center;
    }
    
    .hero_title { font-size: 30px; }
    .breaking_news ul li { float: none; width: 100%; padding: 15px 15px 1px; margin: 0 0 15px; }
    
    .breaking_news { margin: 0; }
    
    .join_bg p { font-size: 30px; }
    
    .civil_liberties_sec h2 { font-size: 30px; }
    
    .signup-sec .input-box.input-zip-box { max-width: inherit; }
    .header .custom_languages_switcher ul li a:hover {color: #ff8a00;}
    
    .post_box .post_thumb { position: inherit; top: inherit; left: inherit; margin: 0 0 20px 0; }
    .post_box .post_right { padding: 0; min-height: inherit; }

    .content_sec h3.staff-info-title { padding: 10px 15px; font-size: 24px; }
    
}
/** END WordPress-Defined CSS Classes **/
.skip { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}
/* Hide legal menu from main navigation. */
li#menu-item-41 {
	display:none !important;
}

blockquote {
    padding-left: 55px;
    min-height: 29px;
    background: url(images/q.png) 10px 0 no-repeat;
}

blockquote:before{ display: none;}

.content_sec p.wp-caption-text, .single_article_content p.wp-caption-text{ font-size: 14px; font-style: italic; margin-top: 10px;}

/*******/

/*blockquote p:after {
    content: '"';
    padding-left: 3px;
    font-size: 24px;
    position: absolute;
}*/
.error404 .hero_bg.hero_bg_innerpage {
    background-image:url(images/statue-o-lib-tear-404-error-final-rectangle11.png);
    min-height: inherit;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 50px;
}

@media (max-width:767px){
    .error404 .hero_bg.hero_bg_innerpage{
        height: 300px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;   
    }
}


@media (max-width:640px){
    .hero_bg.hero_bg_innerpage{
        height: 302px;
    }
}
/*****01292016*****/
.page-left .content_sec p a img { float: left; display: inline-block; margin: 0 20px 0;}
.hero_bg_innerpage_none{ background: none;}
.hero_bg_innerpage_none .page-title, .blank-page h1{
    font-family: 'DINCondensed-Bold';
    color: #231f20;
    font-size: 70px;
    line-height: 1.2;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 0;

}
.hero_bg.hero_bg_innerpage_none{ min-height: inherit;}
/***02162016***/
.search-wrapper .searchform {position: relative;}
.search-icon-footer {position: absolute;bottom: 10px;left: 0;font-size: 32px !important;color: #fff;}

@media (max-width:980px){
    .hero_bg_innerpage_none img{ opacity: 0;}
    .body_fixed #content{padding-top: 95px;}
}
@media (max-width:767px){
    .hero_bg_innerpage_none .page-title, .blank-page h1 { font-size: 52px; margin-top: 30px;}
}
@media (max-width:639px){
    .hero_bg_innerpage_none .page-title, .blank-page h1 { font-size: 32px;}   
}

@media (max-width:600px){
    .page-left .content_sec p a img { float: none; display: block; text-align: center; margin: 0 auto 20px;}
}
/*****/
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background-image: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ";
    }

    abbr[title]:after {
        content: " ";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin:50px 30px!important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
   h1 { font-size: 32px !important;page-break-inside: avoid;}
   h2 { font-size: 28px !important;page-break-inside: avoid;}
   h3 { font-size: 24px !important;page-break-inside: avoid;}
   h4 { font-size: 20px !important;page-break-inside: avoid;} 
   h5 { font-size: 16px !important;page-break-inside: avoid;} 
   h6 { font-size: 12px !important;page-break-inside: avoid;}    
   body .main_header,body footer {display: none;}
        
   body .sidebar-homeapge, .sidebar-full {display: none !important;}
   body .page-left {width: 100% !important;float: none !important;}
   body .wrapper {max-width: 100% !important;padding: 0 20px;} 
   body .hero_section {margin-left: 0 !important;}
   body .hero_section .hero_bg  {background: none;}    
   body .hero_section .hero_bg.hero_bg_innerpage {background: none !important;padding-left: 0 !important;} 
   body .hero_section .hidden-mobile img {display: block !important;}
   body .hero_section .hero_bg_innerpage.hidden-mobile img {display: block !important;}
   body .hero_section .category-box {display: none;}
   body .hero_section .category-box:after {display: none;}
   body .join_section {margin-left: 0 !important;}
   body .join_section .join_bg {padding: 50px !important;}
   body .more_btn_sec {display: none;}
   body .hero_section .page-title {padding-left: 20px !important;color: #fff !important;-webkit-print-color-adjust: exact;}
   body.category .hero_section .page-title {padding-left: 20px !important;color: #000 !important;-webkit-print-color-adjust: exact;}
   body.page-id-9 .hero_section .page-title {padding-left: 20px !important;color: #000 !important;-webkit-print-color-adjust: exact;}
   /*body .hero_section .hero_bg.hero_bg_innerpage .page-title {display: block !important;color:  #000 !important;position: absolute;top: 112% !important; }    */
   body .hero_section .hero_title {padding-left: 0 !important;}
   .page-left .content_sec p a .alignleft {float: left !important;margin: 0 20px 0 0 !important;display: inline-block !important;}    
   .page-id-11 .page-left .content_sec p a .alignright {float: left !important;margin: 0 20px 0 0 !important;display: inline-block !important;}    
   .video-container {display: none !important;}
   /*.staff-bio-sec {padding-left: 0 !important;}*/
    #nav-below {display: none;}
    .staff-info-menu {display: none !important;}
    body .content_sec h3.staff-info-title {color: #fff !important;background: #005488 !important;-webkit-print-color-adjust: exact; }  
    .share-sec.share-sec-detail {display: none !important;}
    .print-page {display: none;}
}
.print-blog{ padding-left: 5px; } 
.print-page {padding: 20px 0;clear: both;}