/*
Theme Name: Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme that graced version 1.5 to version 2.9, based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Taz Johnston
Author URI: http://spldesign.co.uk
Tags: blue, silver, white, two-columns, fixed-width, right-sidebar, fixed-width, custom-header, threaded-comments, sticky-post, rtl-language-support, translation-ready
Text Domain: kubrick

	

*/
/* Reset
------------------------------------------------------------ */
/*Body Text 6d6e71 Purple 86328b green b2d235 orange f7941e yello fff200 red ed1d24 SECOND purple 97599d*/
* {
    margin: 0;
    padding: 0
    }
html {
    overflow-y: scroll
    }
body {
    background: #fff;
    font-size: 100%;
    color: #000;
    font-family: "Open Sans", sans-serif;
    line-height: 1.2em;
    margin: auto
    }
ol, ul {
    list-style: none;
    margin: 0
    }
ul li {
    margin: 0;
    padding: 0
    }
h1, h2, h3 {
    font-family: "Lato", sans-serif
    }
h1 {
    margin-bottom: 1em;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.8em;
    padding: 0 0 0.2em 0;
    line-height: 1.2em
    }
h2 {
    font-size: 1.2em;
    font-weight: 500
    }
h3 {
    font-size: 1em;
    text-transform: uppercase
    }
a, img {
    outline: none;
    border: none;
    color: #86328b;
    font-weight: normal;
    text-decoration: none
    }
p {
    margin: 0 0 10px
    }
img {
    display: block;
    margin-bottom: 10px
    }
aside {
    font-style: italic;
    font-size: 0.9em
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
.purple_line {
    color: #86328b;
    border-bottom: 1px solid #86328b;
    padding: 0 0 1em 0
    }
#banner, #content, #footer, #hcontent, #mcontent {
    max-width: 1920px;
    margin: auto;
    display: block;
    height: inherit;
    overflow: auto
    }
#banner {
    min-height: 220px
    }
header {
    display: inline-block;
    height: inherit;
    position: relative
    }
/*width 100*/
header, #banner, #banner img, #news img, #sidebar, #sidebar li, #cat_archive, #cat_archive small, .past_events, .single_image, .single_image_full, #footer, .foot_social, .main h2, .mmain h2, .main h3, mmain h3, .fifty_maside, .fifty_maside_twitter, .spacer, .crumb, .library_archive, .library_search, .library_archive h2, .tax_archive small, .tax_archive_list, .tax, .link, .gallery_tax, .video, .other, .event_image img, .pevent_image img, .movement_image img, .videoWrapper, .full, .pledge_name, .pledge_country, .pledge_text, .purple_line {
    width: 100%;
    height: auto;
    display: block
    }
.right, .right_100, #searchform {
    text-align: right
    }
.right_100, #searchform {
    width: 100%;
    margin: 0 0 0.8em;
    height: auto;
    display: block
    }
.fifty {
    width: 48%;
    float: left;
    padding: 0 2% 0 0
    }
.main, .aside, .mmain, .maside {
    margin: 2% 0
    }
.main, .mmain {
    width: 68%;
    float: left;
    padding: 0 4% 0 0
    }
.aside, .maside {
    width: 28%;
    float: left
    }
.main h1, .mmain h1, .aside h1, .maside h1 {
    border-bottom: 3px solid
    }
.main h1 a, .mmain h1 a, .aside h1 a, .maside h1 a {
    text-decoration: none;
    color: #000
    }
.main h2, .mmain h2 {
    font-size: 1.4em;
    line-height: 1.2em
    }
.main li, .mmain li {
    list-style: disc;
    margin: 0 0 0.5em 2em
    }
.main h1 a, .mmain h1 a {
    color: #000;
    font-weight: normal
    }
.main a, .mmain a {
    color: #86328b;
    text-decoration: none;
    font-weight: 600
    }
.spacer {
    height: 1em
    }
.fifty_maside_twitter {
    float: left;
    margin: 1em 0 0 0
    }
.button, .mbutton {
    width: 200px;
    height: 15px;
    background: #f7941e;
    padding: 10px;
    margin: 10px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    float: left;
    display: block
    }
.mbutton {
    margin-top: 2em
    }
small, small.grey a {
    color: #bcbec0;
    margin: 0 0 0.8em 0
    }
.full {
    float: left;
    display: inline-block
    }
/* Clearfix */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table
    }
.clearfix:after {
    clear: both
    }
/* Structure */
#wrapper {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    height: inherit
    }
/* Logo H1 */
.logo {
    width: 16%;
    min-width: 180px;
    max-width: 230px;
    float: left;
    margin: 1em 0 0 0;
    text-align: left
    }
.logo img {
    width: 100%;
    height: auto;
    width: 170px
    }
/* Nav */
nav {
    width: 100%;
    position: relative
    }
nav a {
    text-transform: uppercase;
    text-decoration: none;
    color: #86328b;
    font-size: 1em
    }
header nav {
    float: left;
    margin-top: 1em;
    text-align: right;
    font-size: 1.2em;
    width: 80%
    }
nav ul {
    padding: 0;
    margin: 0 0 0 2%;
    width: 98%;
    text-align: left;
    border-left: 2px solid #86328b;
    position: relative
    }
header nav li {
    display: inline;
    text-align: left;
    float: left;
    width: auto;
    margin: 0.2em 0;
    padding: 5px 1em 5px 2em
    }
#skipTo {
    display: none
    }
#skipTo li {
    background: #b1fffc
    }
nav a#pull {
    display: none
    }
.top, #pull {
    display: none
    }
/*search form*/
#searchform {
    float: right;
    padding: 0 0 0 0;
    width: 40%;
    min-width: 370px;
    margin: 0 0 0 40%
    }
#searchform input[type="text"], #searchform_tools input[type="text"] {
    width: 66%;
    margin: 0 0 15px;
    border: 1px solid #DDD;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    float: left
    }
#searchform input[type="text"] {
    height: 32px
    }
input[type="text"] {
    font-size: 0.9em
    }
#searchform input#searchsubmit, input#searchsubmit, input#fscf_submit1 {
    float: right;
    height: 35px;
    line-height: 0;
    padding: 0;
    margin: 0;
    background: #86328b;
    border: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase
    }
#searchform input#searchsubmit {
    width: 28%
    }
input#fscf_submit1 {
    float: left;
    padding: 0 1em
    }
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0;
    text-decoration: none;
    color: #86328b;
    background-color: rgba(235, 235, 235, 0.8);
    padding: 1em;
    display: none
    }
.back-to-top:hover {
    background-color: rgba(135, 135, 135, 0.5)
    }
/*tools & resources search form*/
#searchform_tools {
    float: left;
    padding: 1em 0 1em 0;
    width: 100%;
    margin: 0 20% 0 0;
    min-width: 370px;
    height: 35px
    }
#searchform_tools input[type="text"] {
    height: 35px;
    width: 78%
    }
#searchform_tools input#searchsubmit {
    width: 20%
    }
#searchform_tools input[type="text"] {
    padding: 0 0 0 0.5em
    }
/*homepage*/
#banner {
    margin: 1em auto;
    z-index: 0;
    position: relative
    }
#content, #mcontent, #hcontent {
    width: 96%;
    padding: 0 2%;
    margin: auto
    }
#mcontent {
    display: block
    }
.home_box {
    width: 26%;
    min-width: 292px;
    float: left;
    padding: 2%;
    margin: -200px 2% 2% 2%;
    background: url(images/10_black.png) repeat;
    z-index: 10;
    position: relative
    }
#home_box {
    width: 25%;
    float: left;
    color: #fff;
    text-align: center;
    margin: 2em 0
    }
#home_box h2 {
    height: 2.4em;
    padding: 0 0 0.3em 0
    }
#home_box img {
    width: 100%;
    margin: 10px 0
    }
.box1#home_box {
    background: #86328b
    }
.box2#home_box {
    background: #ed1d24
    }
.box3#home_box {
    background: #f7941e
    }
.box4#home_box {
    background: #b2d235
    }
#news {
    width: 30%;
    min-width: 206px;
    border: 1px solid #e6e7e8;
    float: left;
    margin: 0 3% 2% 0;
    min-height: 348px
    }
#news p, #news h2, #news small, #news a {
    padding: 2% 2% 0 2%;
    display: block;
    width: 96%
    }
#news p {
    min-height: 125px
    }
#news h2, #news a {
    line-height: 1.3em;
    font-size: 1em;
    color: #86328b
    }
#news h2, #news h2 a {
    min-height: 105px
    }
.news_image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: block
    }
/*home side*/
.pledge {
    width: 100%
    }
.events, .events_archive {
    height: auto;
    float: left;
    width: 100%;
    border-bottom: 1px dotted
    }
.events li, .events_archive li {
    list-style: none;
    height: 70px;
    padding: 10px 0 0 0;
    margin: 0
    }
.events li:before, .events_archive li:before {
    content: "";
    display: block;
    width: 30px;
    height: 60px;
    padding: 0 0 0 10px;
    float: left;
    background: url(images/event_icon.png) no-repeat
    }
.events_archive h3 {
    margin: 1em 0
    }
.events li h2 {
    color: #86328b
    }
/*sidebar*/
#sidebar {
    position: relative;
    float: left;
    margin: 0 0 4% 0;
    padding: 0 0 4% 0
    }
#sidebar h2 {
    font-size: 1.4em;
    margin: 0.4em 0 1.1em 0;
    padding: 0 0 0.2em 0;
    border-bottom: 2px solid
    }
#sidebar h2 a {
    text-decoration: none;
    color: #000
    }
#sidebar {
    margin: 0 0 1em 0;
    width: 96%;
    padding: 2% 2%
    }
#sidebar li a {
    width: 100%;
    float: left
    }
#sidebar li {
    float: left;
    list-style: none;
    margin: 0 0 1.2em 0;
    font-size: 0.8em
    }
#sidebar li a {
    font-size: 1.2em;
    margin: 0
    }
.pledge#sidebar h2, .pledge#sidebar h2 a, .pledge#sidebar p {
    color: #000
    }
.pledge#sidebar {
    background: #e6e7e8
    }
/*Page Templates*/
.rule {
    border-bottom: 3px solid;
    margin: 2px 0 0 0;
    height: 4px;
    padding-bottom: 0.4em
    }
.main_content h2 {
    margin: 0.2em 0 1em 0
    }
/*National Movements*/
li.movements, li.members, .movements li {
    list-style: none;
    padding: 0 0 0.4em 0;
    margin: 1em 0 0 0
    }
.movement_image {
    width: 70%;
    float: left
    }
/*Member Organisations*/
.member_page_logo {
    width: 18%;
    height: 135px;
    float: left;
    margin: 1em 2% 0 0;
    overflow: hidden;
    position: relative
    }
.member_page_logo img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
    }
.pagination {
    margin: 1em 0;
    color: #bcbec0;
    width: 100%;
    float: left
    }
.pagination a {
    color: #000
    }
/*Tax Archive*/
.tax_archive_list {
    float: left;
    height: auto;
    margin: 0 0 1em 0;
    font-size: 1.1em
    }
.tax_archive li {
    list-style: none;
    margin-left: 0
    }
.tax_archive small p {
    margin: 0;
    font-weight: normal
    }
.tax_archive small a {
    color: #bcbec0
    }
.tax_archive small {
    height: inherit;
    margin: 1em 0 0 0
    }
.tax_archive small li {
    float: left;
    padding: 0 3px 0 0
    }
.tax_archive small li:before {
    content: "";
    display: block;
    width: 5px;
    height: 12px;
    border-left: 1px solid;
    float: left
    }
.video:before, .link:before, .gallery_tax:before, .other:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0 20px 0 0
    }
.video:before, li.cat-item-20 {
    background: url(images/video-icon.png) no-repeat
    }
.link:before, li.cat-item-23 {
    background: url(images/link-icon.png) no-repeat
    }
.gallery_tax:before, li.cat-item-22 {
    background: url(images/gallery-icon.png) no-repeat
    }
.other:before, li.cat-item-21, li.cat-item-39 {
    background: url(images/other-icon.png) no-repeat
    }
.video, .link, .gallery_tax, .other {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0 0.5em 0;
    overflow: auto
    }
.video p, .link p, .gallery_tax p, .other p {
    margin-top: 1em
    }
/*by type*/
li.cat-item-21, li.cat-item-22, li.cat-item-23, li.cat-item-20, li.cat-item-39 {
    margin-left: 0;
    padding-left: 30px
    }
.tax {
    float: left;
    height: auto;
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    border-bottom: 1px dotted
    }
.tax-thumb {
    min-width: 100px;
    float: left;
    margin-right: 10px
    }
/*Library Archive*/
.library_archive {
    margin: 1em 0 0 0;
    float: left
    }
.library_archive small li {
    list-style: none;
    float: left;
    width: auto
    }
/*single video*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    display: block;
    float: left;
    margin-bottom: 1em
    }
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
/*single doc download*/
.doc_download {
    width: 28%;
    float: right;
    margin-bottom: 2em;
    padding: 0 2% 0 0
    }
.doc_download img {
    max-width: 80px
    }
.doc_text {
    width: 70%;
    float: right
    }
/*Archive Pages*/
#cat_archive, .past_events {
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 2% 0;
    border-bottom: 1px dotted #bcbec0
    }
#cat_archive small {
    float: left
    }
#cat_archive h2 {
    margin: 0 0 0.8em 0
    }
.cat_archive_thumb {
    float: left;
    margin: 0 2% 0 0;
    display: block;
    width: 28%;
    max-width: 300px
    }
.cat_archive_thumb img {
    width: 100%;
    height: auto;
    border: 1px solid
    }
.more {
    width: 100%;
    float: left;
    text-align: right;
    font-style: italic;
    color: #000
    }
.more a {
    font-weight: 600;
    color: #86328b
    }
#cat_archive h2 a {
    color: #000;
    font-weight: normal
    }
/*News Archive*/
.news_archive {
    width: 70%;
    float: left;
    display: block;
    min-height: 135px;
    margin: 0
    }
.single_image, .single_image_full {
    margin: 0 0 4% 0;
    overflow: hidden;
    position: relative
    }
.single_image {
    max-height: 400px
    }
/*Events Archive*/
.events_archive {
    padding-bottom: 20px;
    margin-bottom: 20px
    }
.events_archive h2 {
    border: 0
    }
.past_events, .past_events h3, .past_events h3 a, .past_events small a {
    color: #bcbec0
    }
/*single post*/
.crumb {
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    float: left
    }
.crumb li {
    list-style: none;
    float: left;
    margin: 0;
    padding-right: 0.2em;
    border-right: 2px solid;
    margin: 0.2em
    }
.crumb li:last-child {
    border: none
    }
.crumb li, .crumb a {
    text-decoration: none
    }
.crumb a {
    font-weight: 600;
    color: #000
    }
.single_image img, .single_image_full img {
    width: 100%;
    height: auto
    }
.single_event li {
    list-style: none;
    margin: 0 0 0.5em 0
    }
ul.single_event {
    margin: 0 0 1em 0
    }
.event_image, .pevent_image {
    width: 38%;
    float: left;
    padding: 0 2% 0 0
    }
/*single member*/
.single_member {
    margin: 0 0 2em 0
    }
.single_member img {
    max-width: 300px;
    width: 40%;
    height: auto;
    padding: 0 60% 0 0
    }
.single_member a {
    font-weight: 600;
    font-style: italic;
    padding: 0 0 2em 0
    }
/*single news*/
/*pledge*/
.pledge_box {
    width: 48%;
    float: left;
    margin: 0 2% 0 0
    }
.pledge_name {
    font-weight: 600;
    padding: 0.8em 0 0 0
    }
.pledge_country {
    padding: 0 0 1em 0;
    border-bottom: 1px dotted
    }
input#submit {
    float: left;
    height: 35px;
    line-height: 0;
    padding: 0 1em;
    margin: 0.5em 0;
    background: #86328b;
    border: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    width: 28%;
    min-width: 264px
    }
.form-submit {
    width: 100%;
    float: left;
    text-align: left
    }
input#comment, input#author, input#email {
    min-width: 250px
    }
input#comment {
    margin: 0 0 0 12px
    }
input#author {
    margin: 0 0 0 26px
    }
input#email {
    margin: 0 0 0 30px
    }
.pledge_comment h2 {
    color: #86328b;
    text-transform: uppercase;
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
    border-top: 1px solid
    }
small.pledge_text {
    margin: 1em 0
    }
/*Footer*/
#footer {
    background: #000;
    display: block;
    bottom: 0;
    margin: auto
    }
#footer, #footer a {
    color: #fff
    }
#foot_box {
    float: left;
    margin: auto;
    width: 30%;
    margin: 0 3.333% 0 0
    }
#footer a {
    text-decoration: none
    }
#footer li {
    list-style: none;
    margin: 0 0 0.2em 0.5em
    }
#footer ul {
    margin: 0.5em 0
    }
.foot_social img {
    margin: 4% 4% 2% 0;
    float: left
    }
.mobile {
    display: block
    }
.mbutton {
    display: none
    }
@media screen and (max-width: 1200px) {
    header nav {
        width: 60%
        }
    }
@media screen and (max-width: 1124px) {
    header nav li {
        width: 100%
        }
    header nav {
        width: 60%
        }
    .maside, .mmain {
        width: 100%
        }
    .fifty_maside, .fifty_maside_twitter {
        width: 48%;
        margin-right: 2%;
        float: left
        }
    .fifty_maside_twitter {
        padding-top: 3.8em
        }
    #sidebar .button {
        max-width: 180px
        }
    #foot_box {
        margin: 0 2% 0 0;
        float: left
        }
    #hcontent {
        max-width: 1124px
        }
    }
@media screen and (max-width: 768px) {
    #skipTo {
        display: block
        }
    header nav {
        clear: left;
        margin: 0;
        width: 100%;
        display: block;
        position: relative
        }
    nav {
        border-bottom: 0;
        position: fixed;
        float: right;
        right: 0;
        width: 100%
        }
    nav ul {
        display: none;
        height: auto;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0
        }
    header nav li {
        margin: 0;
        padding: 0;
        background: #efefef;
        display: block;
        margin-bottom: 3px;
        width: 100%
        }
    header nav a {
        display: block;
        padding: 10px 0;
        text-align: center
        }
    nav a#pull {
        display: block;
        background-color: #fff;
        width: 100%;
        position: relative;
        height: 80px;
        border-bottom: 1px solid #efefef
        }
    nav a#pull:after {
        content: "";
        background: url(./images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 55px
        }
    #pull img {
        height: 80px;
        width: auto;
        float: left
        }
    .mbutton {
        display: block
        }
    .main, .aside, #foot_box, .single_member, .single_member img, .cat_archive_thumb, .news_archive, .fifty_maside, .fifty_maside_twitter, #searchform, .pledge_box, input#submit {
        width: 100%
        }
    #home_box {
        width: 50%;
        margin: 0
        }
    .main, .aside {
        margin: 5% 0
        }
    .fifty_maside_twitter {
        text-align: center;
        margin: 2em auto 1em auto
        }
    .cat_archive_thumb, #news, .event_image, #searchform_tools, #searchform_tools input#searchsubmit, .library_archive, .library_search, .doc_download, .doc_text, input#fscf_submit1 {
        min-width: 100%
        }
    #searchform_tools input[type="text"], #searchform input [type="text"] {
        width: 98%
        }
    #searchform {
        min-width: auto
        }
    #news, #news p, #news a, .news_archive, #news h2, #news h2 a {
        min-height: auto
        }
    #news {
        border: none
        }
    #news h2, #news h2 a, #news small, #news p {
        padding: 0;
        margin: 1em 0
        }
    .news_image, .events li, .events_archive li {
        height: auto
        }
    .events_archive li {
        margin-bottom: 1em
        }
    .member_page_logo {
        width: 27.3333%;
        float: left;
        padding: 0;
        margin: 2% 6% 0 0;
        float: left
        }
    .member_page_logo img {
        max-height: 80px
        }
    .library_archive {
        margin: 60px 0 0 0
        }
    #footer .main {
        margin-bottom: 0
        }
    #footer .aside {
        margin-top: 0
        }
    #foot_box {
        margin: 0 0 1em 0
        }
    .logo, .mobile, .cat_archive_thumb, .pevent_image, .tax-thumb, #mcontent, .spacer {
        display: none
        }
    }
@media screen and (max-width: 460px) {
    input#comment, input#author, input#email {
        margin: 0.5em 0 0 0;
        width: 100%
        }
    }