/*   
Theme Name: Students for Liberty
Theme URI: http://studentsforliberty.org/
Description: 
Author: Market Aces
Author URI: http://marketaces.com
Version: 2.0
*/

@font-face {
    font-family: LeagueGothic;
    src: url("_/font/LeagueGothic-Regular.otf") format("opentype");
}

/*
    HTML5 Reset Wordpress Theme :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:

    Eric Meyer					:: http://ericmeyer.com
    HTML5 Doctor				:: http://html5doctor.com
    and the HTML5 Boilerplate	:: http://html5boilerplate.com

    Special thanks: The Wordpress theme owes its start to an empty theme authored
        by Chris Coyier & Jeff Starr: http://digwp.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
    display: block
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img, object, embed {
    max-width: 100% !important;
}

/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
blockquote a{
    color:#000000 !Important;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
del {
    text-decoration: line-through
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    font-weight: bold;
    vertical-align: bottom;
}
td {
    font-weight: normal;
    vertical-align: top;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle
}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {
    vertical-align: text-bottom
}
input[type="checkbox"] {
    vertical-align: bottom;
    vertical-align: baseline;
}
.ie6 input {
    vertical-align: text-bottom
}
select, input, textarea {
    font: 99% sans-serif
}
table {
    font-size: inherit;
    font: 100%;
}
/* Accessible focus treatment
    people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
    outline: 0
}
small {
    font-size: 85%
}
strong, th {
    font-weight: bold
}
td, td img {
    vertical-align: top
}
/* Make sure sup and sub don't screw with your line-heights
    gist.github.com/413930 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
    font-family: monospace,sans-serif
}
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
    cursor: pointer
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0
}
/* make buttons play nice in IE */
button {
    width: auto;
    overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic
}
/* prevent BG image flicker upon hover */
.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache",false,true))
}
/* let's clear some floats */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    background-color: #fafafa;
}
/* using local fonts? make sure to read up on Paul Irish's
    Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {
    color: #212121
}
a {
    color: #03f
}
a:hover {
    color: #69f
}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
    background: #febc44;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #febc44;
    color: #fff;
    text-shadow: none;
}
/*	j.mp/webkit-tap-highlight-color */
a:link {
    -webkit-tap-highlight-color: #fcd700
}
ins {
    background-color: #febc44;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #febc44;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/*
 *	GENERAL
 */
.floatright, .alignright {
    float: right
}
.floatleft, .alignleft {
    float: left
}
.clear {
    clear: both
}
.ninesixty {
    width: 960px;
    margin: 0 auto;
}
.sidewide {
    width: 284px
}
.mainwide {
    width: 675px
}
.text {
    padding: 10px 20px 10px 20px
}
.divider {
    width: 100%;
    height: 3px;
    border-top: 1px dotted #d4d4d4;
    margin: 40px 0 40px 0;
    display: block;
}

.ir {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.divlink a{
    display: block;
    height: 100%;
}

/* TYPOGRAPHY */
a:link {
    color: #f9c70f;
    text-decoration: none;
}
a:visited {
    color: #f9c70f;
    text-decoration: none;
}
a:hover {
    color: #f9c70f;
    text-decoration: underline;
}
a:active {
    color: #f9c70f;
    text-decoration: none;
}
b, strong {
    font-weight: bold
}
i, em {
    font-style: italic
}
.postwrap ol, .entry ol, .postwrap ul, .entry ul {
    margin-bottom: 1.5em
}
.postwrap ul li, .entry ul li {
    padding-left: 20px;
    background-image: url(_/img/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-top: .6em;
}
.postwrap ol li, .entry ol li {
    margin-left: 20px;
    padding-top: .6em;
}
ol .marker {
    font-family: 'Arvo',serif;
    color: #a7761f;
}
ol .listitem {
    font-family: 'Open Sans',sans-serif;
    color: #000;
}
.wp-caption-text {
    font-family: 'Arvo',serif;
    font-size: .85em;
}
p {
    margin-bottom: 1em;
    line-height: 1.7em;
}
blockquote {
    float: left;
    margin: 0 30px 10px 30px;
    background-image: url(_/img/lquote.png),url(_/img/rquote.png);
    background-position: top left,bottom right;
    background-repeat: no-repeat;
    background-color: #d9a038;
    padding: 15px 25px 1px 40px;
    color: #FFF;
    font-style: italic;
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Arvo',serif;
    font-weight: normal;
}
h1 {
    font-size: 32px;
    font-family: LeagueGothic, 'Arvo', 'Open Sans', sans-serif !important;
}
h2 {
    font-size: 24px
}
h3 {
    font-size: 22px
}
h4 {
    font-size: 20px
}
h5 {
    font-size: 18px
}
h6 {
    font-size: 16px
}
small {
    font-size: 85%
}

/*
 *
 * 	HEADER
 *
 */
#header {
    width: 100%;
}
.header-top{
     background-color: #2d2d2d;
 }
.header-logo{
    background: url("_/img/header_logo_new.png") no-repeat center center scroll;
    height: 93px;
    margin: 0 auto;
    width: 350px;
    position: relative;
    left: -38px;
}
.header-logo.epl{
    background: url("_/img/header_logo_epl.png") no-repeat top center scroll;
    height: 94px;
}
.header-logo.europe{
    background: url("_/img/header_logo_europe.png") no-repeat top center scroll;
}
.header-logo.brasil{
    background: url("_/img/header_logo_brasil.png") no-repeat center center scroll;
    width: 400px;
}
.header-logo.africa{
    background: url("_/img/header_logo_africa.png") no-repeat center center scroll;
}
.header-logo.south_asia{
    background: url("_/img/header_logo_south_asia.png") no-repeat top center scroll;
}
.header-logo.charter{
    background: url("_/img/header_logo_charter.png") no-repeat center center scroll;
}
.header-logo.womenforliberty{
    background: url("_/img/header_logo_womenforliberty.png") no-repeat center center scroll;
}
.header-tagline{
    color: #ddd;
    font-family: 'Arvo', serif;
    margin: 0;
    text-align: center;
}
.header-region{
    float: left;
    margin-top: 15px;
    text-align: center;
    width: 100px;
}

.header-region a{
    color: #707070;
    text-decoration: none !important;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.header-region a:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
.globe{
    display: block;
    background: url("_/img/header_globe.png") no-repeat top center scroll;
    margin: 0 auto;
    height: 39px;
    width: 36px;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.header-region a:hover .globe{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
.header-updates{
    float: right;
    margin-top: 32px;
    position: relative;
}
.header-get-updates {
    background: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    font-weight: normal;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 160px;
    height: 39px;
    font-size: 20px;
    line-height: 39px;
    font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;
    letter-spacing: 1px;
}
/*
.header-get-updates:after{
    content: ' \25B8';
}
*/
.header-updates a:hover{ text-decoration: none; }
.header-updates:hover { background: #616161; }

.updates-button {
    background-image: url('_/img/get_updates_bg.png');
    color: #333;
    text-decoration: none;
    text-indent: -9999em;
    display: block;
    height: 23px;
    width: 115px;
}
.updates-toggle {
    background-color: #febb41;
    display: none;
    min-width: 200px;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    z-index: 10;
}
.join-title {
    font-family: 'Arvo',serif;
    font-size: 16px;
    color: #FFF;
}
.join-sfl {
    font-size: 20px
}
#toggleThis #name {
    width: 102px;
    height: 22px;
    margin-top: 8px;
    padding: 2px 0 0 5px;
    border: 0;
    float: left;
}
#toggleThis .eight-left {
    margin-left: 8px
}
#toggleThis #email {
    width: 217px;
    height: 22px;
    margin-top: 8px;
    padding: 2px 0 0 5px;
    border: 0;
    float: left;
}

/* BUTTONS */
#toggleThis #subscribe, #commentform div:last-child input {
    border: 0;
    background-color: #bc8a30;
    font-family: 'Arvo',serif;
    font-size: 12px;
    color: #FFF;
    padding: 5px;
    float: right;
    margin-top: 8px;
}

/*
 *
 * 	NAVIGATION
 *
 */
.header-nav{
    background-color: #f9c70f;
    z-index: 121;
}

#navindex {
    margin-top: 10px
}
.navcontainer {
    width: 100%;
    height: 40px;
    background-color: #d9a038;
    margin-top: 8px;
}
.navigation {
    font-family: 'Arvo',serif;
    display: block;
    color: #FFF;
}
.navigation a {
    text-decoration: none;
    color: #FFF;
}
#topnav .dropdown-arrow { display: none; cursor: pointer; }
#footercontent .dropdown-arrow { display: none !important; }
#topnav a {
    display: block;
    min-height: 27px;
    padding: 11px 20px 4px;
}
#topnav ul li {
    float: left;
    position: relative;
}

#topnav > ul.menu > li {
    /*font-family: LeagueGothic;*/
    font-weight: bold;
    /*font-size: 16px;*/
}

#topnav li>ul {
    border-bottom: solid 5px #D9A038;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    background-color: #616161;
    z-index: 100;
}
#topnav li>ul li {
    display: block;
    width: 100%;
    border-top: 1px solid #FFF;
    font-family:  'Arvo', 'Open Sans', serif;
    font-size: 14px;
}
#topnav li>ul li:first-child {
    border: 0
}
#topnav .active{
    background-color: #616161;
}
#topnav .active ul{
    display: block;
}
#topnav .active li a:hover{
    background-color: #444;
}

/* change the offset of the dropdown menu on the front page only */
#navindex li:hover ul {
    top: 111px
}

/* change the offsets of the dropdowns to compensate for the admin bar when a user is logged in */
#topnav {
    background-color: #f9c70f;
    font-size: 1.25em;
}
.header-donate {
    /*
    background: url("_/img/btn_donate.png");*/
    background: #616161;
    width: 164px;
    height: 42px;
    float: right;
    font-size: 1.25em;
    line-height: 42px;
    font-family: LeagueGothic;
    text-transform: uppercase;
    font-size: 37px;
    padding: 0 !important;
    text-align: center;
}
.header-donate:hover {
    background-color: #444;
}

.footer-nav{
    padding: 10px 20px;
}
/*
 *
 * 	FEATURE AREA
 *
 */
#mainfeature {
}

/* SLIDESHOW */
#mainslideshow {
    width: auto;
    position: relative;
}
#slideshow {
    width: 667px;
}
#nav {
    position: absolute;
    bottom: 12px;
    z-index: 101;
}
#nav a, #nav span {
    cursor: pointer;
    width: 18px;
    height: 18px;
    z-index: 10;
    position: relative;
    display: inline-block;
    background-image: url(_/img/nav-unfocused.png);
    text-indent: -9999em;
    margin-left: 10px;
    z-index: 99;
}
#nav .activepager, #nav .cycle-pager-active {
    background-image: url(_/img/nav-focused.png);
    z-index: 99;
}
.slide {
    margin: 0;
    padding: 0;
    margin: auto;
    width: 667px;
}

/* SIDENAV */
#featureside {
    height: 335px
}
.sidenav {
    display: table;
    height: 33%;
    margin-top: 7px;
    width: 281px;
    height: 107px;
    position: relative;
}
.sidenav:first-child {
    margin-top: 0
}
.sidenav a, .stripnav a {
    color: #FFF
}

/*.sidecap {
    color: #FFF;
    font-family: 'Arvo',serif;
    background-color: rgba(0,0,0,0.5);
    font-size: 24px;
    height: 35px;
    margin-top: 72px;
    float: left;
    width: 100%;
}
.sidecap span {
    margin-left: 10px
}*/

.sidecap {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.sidecap span {
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: LeagueGothic;
    color: #FFF;
    z-index: 2;
    font-size: 40px;
    text-shadow: 2px 2px 2px #333;
}
.sidenav .sidecap:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background: url("_/img/bg_sidenav.png") repeat;
}

.sidenav:hover .sidecap:before {
    background: transparent;
    /*background: url("_/img/bg_sidenav-hover.png") repeat;*/
}

/* FEATURE STRIP */
#featurestrip {
    height: 69px;
    margin-top: 10px;
}
.stripnav {
    width: 184px;
    height: 69px;
    display: block;
    float: left;
    margin-left: 10px;
}

#featurestrip a:hover, #featureside a:hover {
    text-decoration: none
}
.stripnav:first-child {
    margin: 0
}
.stripcap {
    color: #FFF;
    font-family: 'Arvo',serif;
    font-size: 18px;
    margin-top: 42px;
    float: left;
    width: 100%;
    text-align: center;
}

/* EVENT BAR */
#eventbar, #eventbar1, #eventbar2 {
    height: 48px;
    display: block;
    font-family: 'Arvo',serif;
    color: #FFF;
}
#eventbar1, #eventbar2 {
    text-align: center
}
#eventbar {
    margin-top: 10px
}
#eventbar1 {
    background-image: url(_/img/eventbar1.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #2d2d2d;
    width: 213px;
}
#eventbar2 {
    background-image: url(_/img/eventbar2.png);
    background-position: left;
    background-repeat: no-repeat;
    background-color: #2d2d2d;
    width: 741px;
    padding-top: 10px;
    height: 38px;
}
.eventlabel {
    font-size: 20px
}
.eventdate {
    font-size: 18px;
    color: #febb41;
    width: 213px;
    float: left;
    position: relative;
    z-index: 10;
    margin-bottom: -26px;
    text-align: center;
    height: 4px;
}
.eventdesc {
    font-size: 20px;
    width: 741px;
    float: right;
    position: relative;
    z-index: 10;
    margin-bottom: -26px;
    text-align: center;
    padding-top: 13px;
    height: 15px;
}
.eventdesc a {
    color: #FFF
}
.eventdesc a:hover {
    text-decoration: underline
}
.upcoming {
    font-size: 20px;
    color: #FFF;
}
.event-blog #eventbar1, .event-blog .eventdate {
    width: 150px;
}

.event-blog #eventbar2, .event-blog .eventdesc {
    width: 810px;
}

.event-blog .upcoming {
    text-transform: uppercase;
    font-family: LeagueGothic !important;
    font-size: 40px !important;
}

#dateslider {
    height: 48px;
    width: 960px;
    margin-bottom: -47px;
}

/*
*			SOCIAL SPRITE
*/
#sidebar #searchsubmit, .social-fb, .social-tw, .social-in, .social-gp, .social-yt, .social-ig {
    background: url("_/img/social-sprite.png") no-repeat;
}
#sidebar #searchsubmit{
    background-position: -278px -1px;
    width: 43px;
    height: 40px;
}
#sidebar #searchsubmit:hover{
    background-position: -278px -51px;
    width: 43px;
    height: 40px;
}
.social-fb{
    background-position: -1px -1px;
    width: 47px;
    height: 78px;
}
.social-fb:hover{
    background-position: -1px -91px;
    width: 47px;
    height: 78px;
}
.social-in{
    background-position: -57px -1px;
    width: 47px;
    height: 78px;
}
.social-in:hover{
    background-position: -57px -91px;
    width: 47px;
    height: 78px;
}
.social-gp{
    background-position: -112px -1px;
    width: 47px;
    height: 78px;
}
.social-gp:hover{
    background-position: -112px -91px;
    width: 47px;
    height: 78px;
}
.social-tw{
    background-position: -167px -1px;
    width: 47px;
    height: 78px;
}
.social-tw:hover{
    background-position: -167px -91px;
    width: 47px;
    height: 78px;
}
.social-yt{
    background-position: -222px -1px;
    width: 47px;
    height: 78px;
}
.social-yt:hover{
    background-position: -222px -91px;
    width: 47px;
    height: 78px;
}

.social-ig{
    background-position: -222px -1px;
    width: 47px;
    height: 78px;
}
.social-ig:hover{
    background-position: -222px -91px;
    width: 47px;
    height: 78px;
}

/*
 * 		MAIN CONTENT CONTAINER
 */
#container {
    background-image: url(_/img/containerbg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #FFF;
}
.home #container {
    padding-top: 20px
        -moz-box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.1);
}

.postwrap{
    padding-top: 20px;
}

/* MAIN */
#main {
    width: 670px;
    background-color: #FFF;
}

/* SIDEBAR */
#sidebar {
    width: 284px;
    background-color: transparent;
    border-left: 1px solid #d4d4d4;
        padding-top: 20px;
}
#sidebar h3 {
    display: block;
    width: 100%;
    height: 34px;
    font-family: 'Arvo',serif;
    background-color: #f9c70f;
    text-align: center;
    color: #FFF;
    font-weight: normal;
        line-height: 1.5em;
    margin: 10px 0 10px 0;
}
#sidebar .widget{
    padding: 10px !important;
}
#sidebar>div {
    padding: 10px;
}
#subfooter #searchbox {
    display: block;
    margin: 0 auto;
    width: 210px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#subfooter #searchsubmit {
    width: 38px;
    height: 24px;
    background-image: url(_/img/search.png);
    border: 0;
    text-indent: -9999em;
}
#youtubesharethis {
    background: url('_/img/youtube.png') no-repeat;
    height: 32px;
    background-position: 0 1px;
    width: 33px;
}
#youtubesharethis:hover {
    filter: alpha(opacity=65);
    -khtml-opacity: .65;
    -webkit-opacity: .65;
    -moz-opacity: .65;
    opacity: .65;
}
.side-search-wrap{
    padding: 0 10px !important;
}
#sidebar #searchbox:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#sidebar .search{
    margin: 0 20px;
    background: transparent;
    /*
    background-color: #ededed;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}
#sidebar #searchbox {
    position: relative;
}
#sidebar .search-input {
    background: url("_/img/social_icon_search.png") no-repeat 5px center #8d8d8d;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 4px 4px 4px 36px;
    border: 0;
    color: #fff;
    /*
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9B9B9B;
    font-size: 1.25em;
    margin: 6px 0 0 5px;
    padding: 5px 0;*/
}

#sidebar #searchsubmit{
    display: none;
    border: none;
    float: right;
    text-indent: -9999em;
}

#social_poster {
    float: left;
    margin: 0 -10px !important;
    padding: 0 !important;
}

#social_poster img {
    width: 100% !important;
    height: auto;
    max-width: 360px !important;
}

.side-social-text {
    margin: 0 10px 0 15px;
}

.side-social-text img {
    width: 100%;
    height: auto;
    max-width: 360px !important;
}

.social-fb, .social-tw, .social-in, .social-gp, .social-yt, .social-ig {
    background: url("_/img/social_sprite.png") no-repeat scroll 0 0;
}

.social-fb {
    width: 36px;
    height: 36px;
    background-position: 0px 0px;
    background-size: cover;
}

.social-fb:hover {
    width: 36px;
    height: 36px;
    background-position: 0px 0px;
    background-size: cover;
    background-image: url("_/img/social_sprite-hover.png");
}

.social-tw {
    width: 36px;
    height: 36px;
    background-position: -54px 0px;
    background-size: cover;
}

.social-tw:hover {
    width: 36px;
    height: 36px;
    background-position: -54px 0px;
    background-size: cover;
    background-image: url("_/img/social_sprite-hover.png");
}


.social-yt {
    width: 36px;
    height: 36px;
    background-position: -108px 0px;
    background-size: cover;
}

.social-yt:hover {
    width: 36px;
    height: 36px;
    background-position: -108px 0px;
    background-size: cover;
    background-image: url("_/img/social_sprite-hover.png");
}

.social-in {
    width: 36px;
    height: 36px;
    background-position: -163px 0px;
    background-size: cover;
}

.social-in:hover {
    width: 36px;
    height: 36px;
    background-position: -163px 0px;
    background-size: cover;
    background-image: url("_/img/social_sprite-hover.png");
}

.social-gp {
    width: 36px;
    height: 36px;
    background-position: -218px 0px;
    background-size: cover;
}

.social-gp:hover {
    width: 36px;
    height: 36px;
    background-position: -218px 0px;
    background-size: cover;
    background-image: url("_/img/social_sprite-hover.png");
}

.social-ig {
    width: 36px;
    height: 36px;
    background-position: -271px 0px;
    background-size: cover;
}

.social-ig:hover {
    width: 36px;
    height: 36px;
    background-position: -271px 0px;
    background-size: cover;
    background-image: url("_/img/social_sprite-hover.png");
}


.side-social-wrap {
    text-align: center;
}

.side-social-wrap > a {
    display: inline-block;
    float: none !important;
    margin-right: 5px !important;
}

.screen-reader-text {
    display: none
}
.sidebarad {
    width: 250px;
    margin: 0 auto;
}
.side-social-wrap a{
    float: left;
    margin-right: 2.7%;
}
.twitter-feed-list{
    max-height: 300px;
    overflow-y: scroll;
}
.twitter-feed-list li{
    border-bottom: solid 1px #D9A038;
    padding: 5px 0;
}
.twitter-feed-list p{
    margin: 0;
}
.twitter-date{
    color: #888;
    font-size: 0.8em;
}
.twitter-links a{
    font-size: 0.8em;
    margin-right: 10px;
}

/* BLOG */
.postheader {
    width: 620px;
    min-height: 45px;
    margin-bottom: 0;
}
.posttitle {
    margin-left: 0;
    display: block;
    color: #d3992d;
    width: 450px;
}
.postcontent, .postmeta {
    margin-left: 35px;
    float: none;
}
.dateribbon {
    background-image: url(_/img/dateribbon.png);
    width: 32px;
    height: 71px;
    display: block;
    text-align: center;
    color: #FFF;
    line-height: 18px;
    padding-left: 1px;
    margin: 0 0 -5px -46px;
}
.dateribbon_search {
    margin: 0 0 -5px 10px !important
}
.ribbonmonth {
    text-transform: uppercase
}
.ribbonmonth, .ribbonyear {
    font-size: 12px;
    font-weight: bold;
}
.ribbonday {
    font-size: 20px;
    font-weight: bold;
}
.postauthor {
    text-align: right
}
.authorpic {
    margin: 8px 10px 0 10px;
    margin-top: 8px;
}
.authortext {
    padding: 10px;
    padding-top: 20px;
    white-space: nowrap;
    display: block;
}
.socialbuttons {
    width: 195px;
    height: 27px;
    padding-top: 4px;
    display: block;
}
.socialbuttons div {
    width: 33px;
    height: 27px;
    display: inline-block;
    margin-right: 15px;
}
.socialfb {
    background-image: url(_/img/socialsprite.png);
    background-position: 0 0;
}
div.twtr-hd h3 {
    text-align: left!important
}
.socialtw {
    background-image: url(_/img/socialsprite.png);
    background-position: -36px 0;
    margin-right: 30px;
}
.twitter {
    text-align: center
}
.socialem {
    background-image: url(_/img/socialsprite.png);
    background-position: -88px 0;
    margin: 0 0 14px 10px;
    position: relative;
    bottom: 3px;
}

/* NAVIGATION */
.pagenav {
    width: 100%;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
}
.pagenav a {
    color: #dfa53a
}
.page-numbers {
    padding: 5px 10px;
    margin: 0 5px 0 5px;
}
.page-numbers:hover {
    border: 1px solid #dfa53a;
    padding: 4px 9px;
}
.current, .current:hover {
    color: #333;
    padding: 4px 9px;
    border: 1px solid #555;
}
.prev {
    margin-right: 10px
}
.next {
    margin-left: 10px
}
.prev:hover, .next:hover {
    border: 0;
    padding: 5px 10px;
}

/*
 * 	FOOTER
 */
#footer {
    width: 100%;
    background: #292929;
    margin: 0;
    clear: both;
    /*
    border-bottom: 5px solid #dfa53a;
    background-color: #171717;*/
}
/*
#footercontent {
    background-image: url(_/img/footerlogo.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 300px;
    padding: 20px;
}*/
#footercontent ul li {
    display: inline-block;
    margin-left: 20px;
    width: 210px;
    vertical-align: top;
}
#footercontent>div>.menu>li>a {
        font-size: 1.15em;
    margin-left: 20px;
}
#footercontent .sub-menu a{
    font: 400 0.9em 'Open Sans',sans-serif;
    font-family: 'Open Sans',sans-serif !important;
}
#footer .footermenugroup:first-child {
    width: 174px;
    margin-left: 0;
}
.footermenugroup ul {
    margin-top: 20px
}
.footermenugroup ul:first-child {
    margin-top: none
}
.footermenugroup li a {
    color: #FFF;
    line-height: 20px;
}
.footermenugroup ul li:first-child a {
    font-family: 'Arvo',serif;
    font-size: 14px;
    color: #dfa53a;
}

.footer-holder {
    padding: 20px;
}

.footer-holder .footer-logo {
    width: 100%;
    max-width: 280px !important;
    height: auto;
}

.footer-left-col {
    width: 30%;
    text-align: center;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}

.footer-left-col hr {
    border-color: #3a3a3a;
}

.footer-social {
    text-align: center;
}

.footer-icon {
    width: 28px;
    height: 28px;
    margin-right: 5px;
    display: inline-block;
}
.footer-icon:last-child {
    margin-right: 0;
}


.footer-icon.footer-icon-fb {
    background: url("_/img/footer_icon_fb.png") no-repeat center;
    background-size: cover;
}
.footer-icon.footer-icon-fb:hover {
    background-image: url("_/img/footer_icon_fb-hover.png");
}


.footer-icon.footer-icon-twitter {
    background: url("_/img/footer_icon_twitter.png") no-repeat center;
    background-size: cover;
}
.footer-icon.footer-icon-twitter:hover {
    background-image: url("_/img/footer_icon_twitter-hover.png");
}


.footer-icon.footer-icon-youtube {
    background: url("_/img/footer_icon_youtube.png") no-repeat center;
    background-size: cover;
}
.footer-icon.footer-icon-youtube:hover {
    background-image: url("_/img/footer_icon_youtube-hover.png");
}


.footer-icon.footer-icon-linkedin {
    background: url("_/img/footer_icon_linkedin.png") no-repeat center;
    background-size: cover;
}
.footer-icon.footer-icon-linkedin:hover {
    background-image: url("_/img/footer_icon_linkedin-hover.png");
}

.footer-icon.footer-icon-google {
    background: url("_/img/footer_icon_google.png") no-repeat center;
    background-size: cover;
}
.footer-icon.footer-icon-google:hover {
    background-image: url("_/img/footer_icon_google-hover.png");
}

.footer-icon.footer-icon-instagram {
    background: url("_/img/footer_icon_instagram.png") no-repeat center;
    background-size: cover;
}
.footer-icon.footer-icon-instagram:hover {
    background-image: url("_/img/footer_icon_instagram-hover.png");
}

.footer-right-col {
    width: 65%;
    margin-left: 5%;
    box-sizing: border-box;
    padding: 0px;
    float: left;
}

.footer-right-col .menu > .menu-item {
    padding: 5px;
    width: 32% !important;
}

.footer-right-col .menu > .menu-item > a {
    color: #f9c70f;
    font-family: LeagueGothic !important;
    text-transform: uppercase;
    font-size: 20px;
}

.footer-right-col .menu-item .sub-menu {
    margin: 0;
    margin-bottom: 24px;
}

.footer-right-col .menu-item .sub-menu li {
    margin: 0 !important;
    font-size: 12px;
}

#footercontent ul.menu li {
    box-sizing: border-box;
    margin-left: 0;
}

#footercontent ul.sub-menu li {
    width: auto;
    display: block;
    max-width: 220px;
}

/* SUBFOOTER */
#subfooter {
    padding: 15px 0;
    color: #FFF;
    margin-top: 30px;
    font-size: 12px;
    margin-bottom: 25px;
    border-top: 2px solid #3a3a3a;
}
#subfooter small {
    display: block;
    float: left;
    margin-left: 88px;
    padding-top: 5px;
}
#subfooter small:first-child {
    margin: 0
}
.nopostsfound {
    width: 100%;
    text-align: center;
    float: left;
}
#subfooter a {
    color: #eee;
}

#subfooter #searchbox {
    float: right;
    margin: 0;
    padding-left: 26px !important;
    position: relative;
}

#subfooter #searchbox #s {
    float: right;
    background: #3a3a3a;
    border: 0;
    box-sizing: border-box;
    height: 26px;
    padding: 3px 5px;
    color: #fff;
    width: 100%;
}

#subfooter #searchbox #searchsubmit {
    position: absolute;
    background: url("_/img/footer_icon_search.png") no-repeat;
    background-size: cover;
    height: 26px;
    width: 26px;
    top: 0;
    bottom: 0;
    left: -13px;
}

/*
 * 	SINGLE PAGE
 */
#breadcrumb {
    padding: 10px;
    font-family: 'Arvo',serif;
    color: #f9c70f;
}
#posttitle {
    width: 95%;
    height: auto;
    background-color: #f9c70f;
    color: #FFF;
    margin: 0 auto 10px;
    padding: 0 0 5px 0;
}
#posttitle h1 {
    font-size: 40px;
    text-shadow: 0 -1px 0 #906413;
    margin: 7px 0 0 20px;
    display: inline-block;
}
#posttitle h2 {
    font-size: 26px;
    text-shadow: 0 -1px 0 #906413;
    color: #ffe895;
    display: inline-block;
    vertical-align: text-bottom;
    text-indent: -26px;
    margin-bottom: -4px;
    margin-left: 26px;
}
#posttitle h2:before {
    content: "\002003"
}
.postwrap img, .entry img {
    padding: 10px 20px 10px 20px
}
.postwrap img.alignleft, .entry img.alignleft {
    padding: 10px 20px 10px 0
}
.postwrap img.alignright, .entry img.alignright {
    padding: 10px 0 10px 20px
}
.wp-caption {
    padding: 20px 20px 10px 20px;
    text-align: center;
}
.wp-caption img {
    padding: 0 0 20px 0
}

/* COMMENTS */
#comments {
    margin: -20px 0 20px 15px
}
#respond {
    margin: 20px 0 0 20px
}
#commentform div {
    margin-top: 10px
}
#commentform input {
    margin-right: 10px
}
#commentform div:last-child input {
    margin-right: 0
}
#commentform div:last-child {
    width: 458px;
    text-align: right;
}
#commentform div textarea {
    width: 450px
}
.commentlist .fb_iframe_widget {
    margin: 0 0 0 60px
}

/*
 * 	LEADERSHIP PAGE
 */
.leadership-wrap {
    width: 50%;
    float: left;
    margin: 10px 0 20px 0;
}
.leadership-image img {
    padding: 0
}
.leadership-details, .leadership-image {
    float: left
}
.leadership-details {
    padding-left: 10px
}

/*
 * 	PROFILE DETAIL
 */
#profile-block {
    background-color: #d9bf8f
}
.profile-detail h5 {
    padding-top: 8px
}
#profile-details .profile-detail:first-child h5 {
    padding-top: 0
}
#profile-image, #profile-details {
    float: right;
    margin: 20px 20px 20px 0;

}
#profile-details {
    margin-left: 20px;
    width: 200px;
}

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
.page-wrap {
    margin: 0 auto;
    background-color: #FFF;
    -moz-box-shadow: 0px 8px 15px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 8px 15px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 15px 3px rgba(0, 0, 0, 0.1);
    padding-top: 0;
}
.home .page-wrap { padding-top: 10px; }
ol.commentlist {
    list-style: none
}
ol.commentlist li.comment {
    border-bottom: 1px dotted #666;
    padding: 10px;
}
ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal
}
ol.commentlist li.comment div.vcard img.avatar {
    float: right;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment div.comment-meta {
    font-size: 10px
}
ol.commentlist li.comment div.comment-meta a {
    color: #AAA
}
ol.commentlist li.comment div.reply {
    font-size: 11px
}
ol.commentlist li.comment div.reply a {
    font-weight: bold
}
ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 10px 0 0;
}
ol.commentlist li.comment ul.children li.depth-2 {
    border-left: 5px solid #555;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 10px 10px;
}
ol.commentlist li.even {
    background: #fff
}
ol.commentlist li.odd {
    background: #f6f6f6
}
ol.commentlist li.parent {
    border-left: 5px solid #111
}
#event-attendee-table {
    margin: 50px 0 0 0;
    max-height: 300px;
    overflow: scroll;
    width: 400px;
}
#group-list-table {
    width: 100%
}
#group-list-table h3 {
    background-color: #febb41;
    color: #fff;
}
#group-list-table td {
    max-width: 200px
}
#group-list-table td, tr {
    max-height: 30px;
    overflow: hidden;
}
#page-nav {
    margin: 10px 0 0 0;
    text-align: center;
}
.pg-normal {
    color: #d3992d;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.pg-selected {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
#event-attendee-table {
    margin: 50px 0 0 0;
    max-height: 300px;
    overflow: scroll;
    width: 400px;
}
#group-list-table {
    width: 100%
}
#group-list-table h3 {
    background-color: #febb41;
    color: #fff;
}
#group-list-table td {
    max-width: 200px
}
#group-list-table td, tr {
    max-height: 30px;
    overflow: hidden;
}
#page-nav {
    margin: 10px 0 0 0;
    text-align: center;
}
.pg-normal {
    color: #d3992d;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.pg-selected {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
#create-account {
    margin: 5px 5px 0 0
}
#wp-admin-bar-user-actions {
    height: 85px
}
#ajax-load {
    margin: 0;
    padding: 0;
    float: right;
}
#ajax-load img {
    margin: 0 15px 0 0
}
#login .join-confirm {
    font-family: 'Arvo',serif;
    color: #FFF;
    font-size: 10pt;
}
#create-account {
    float: left
}
.create-account-label {
    float: left;
    margin-top: 2px;
}
#pp-checkout {
    display: none;
    text-align: center;
}
#saveForm {
    margin: 15px 40%
}
#donation-form-register input, #donation-form-register label {
    display: inline;
    margin: 10px 0 0 0;
}
#payment-type {
    padding: 6px 1% 9px;
    margin: 0 0 10px 0;
}
#payment-information label, #payment-information option, #payment-information select {
    font-size: 14.3px
}
.billing-form-text {
    font-size: 14.3px
}
#cc-info {
    float: left;
    margin: 0 0 0 5px;
    width: 400px;
}
#cc-info li {
    float: left
}
#cc-info input, #cc-info select {
    background: none repeat scroll 0 0 #eee;
    border-color: #b3b3b3 #cfcfcf #cfcfcf #b3b3b3;
    border-style: solid;
    border-width: 1px;
    width: 80px;
    color: #666;
}
#group-list-table tr {
    margin: 0;
    height: 32px;
}
img.event-featured-image {
    margin: 0 0 0 24px
}
img.donate-featured-image {
    margin: 50px 0 20px 24px
}
#event-share {
    margin: 0 0 30px 24px
}
#post-share {
    margin: 0 0 30px 24px
}
#page-share {
    margin: 0 24px 30px 24px
}
#event-admission {
    padding: 10px;
    clear: both;
    width: 255px;
}
#event-admission div {
    width: 140px
}
div.entry form {
    padding-left: 20px
}
#formbuilder-response {
    width: 500px;
    margin: 10px auto;
}
#container .hr {
    clear: both;
    height: 20px;
    padding: 10px;
    width: 100%;
}
#container #cc-info li {
    width: auto;
    float: left;
}
.updates-inset-shadow {
    -moz-box-shadow: 1px 2px 2px rgba(68,68,68,0.4) inset;
    -webkit-box-shadow: 1px 2px 2px rgba(68,68,68,0.4) inset;
    box-shadow: 1px 2px 2px rgba(68,68,68,0.4) inset;
}
.updates-shadow {
    -moz-box-shadow: 1px 4px 5px 1px rgba(68,68,68,0.5);
    -webkit-box-shadow: 1px 4px 5px 1px rgba(68,68,68,0.5);
    box-shadow: 1px 4px 5px 1px rgba(68,68,68,0.5);
}
.block {
    display: block
}

#menu-top-nav.clearfix:before, #menu-header-navigation.clearfix:before { clear: none !important; }

.bulletless li{
    background-image: none !important;
    list-style: none !important;
}


.region-selection {
    background: #fff;
    text-align: center;
    padding: 30px 15px;
}

.footer-right-col ul.menu > li {
    display: none !important;
}

.footer-right-col ul.menu > li.menu-item-has-children {
    display: inline-block !important;
}

/*** Page featured image **/

.main-page-image img {
    width: 100%;
    height: auto;
}


.widget.widget_sp_image img {
    height: auto !important;
}



#header.site_brasil .header-get-updates, #header.site_epl .header-get-updates, #header.site_epl2 .header-get-updates {
    font-size: 12px;
}


body.site_brasil .postauthor { display: none !important; }