/*!

/*

Theme Name: OC Bar Foundation

Theme URI: http://jrgould.com

Author: Jeffrey R. Gould

Author URI: http://jrgould.com

Description: Custom Theme Developed by Jeff Gould

Version: 1.0

*/
h1,h2 {
    line-height: 127%;
}

pre,textarea {
    overflow: auto;
}

hr,img {
    border: 0;
}

fieldset,input,pre,table,td,textarea,th {
    border: 1px solid rgba(0,0,0,.1);
}

.search-field,table,textarea {
    width: 100%;
}

.cboxPhoto,img {
    -ms-interpolation-mode: bicubic;
}

#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active,#colorbox,a:active,a:focus,a:hover,input,input:focus,textarea:focus {
    outline: 0;
}

@font-face {
    font-family: MuseoSlab500Regular;
    src: url(../fonts/Museo_Slab_500-webfont.eot);
    src: url(../fonts/Museo_Slab_500-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/Museo_Slab_500-webfont.woff) format("woff"),url(../fonts/Museo_Slab_500-webfont.ttf) format("truetype"),url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/Museo_Slab_500-webfont.svg#MuseoSlab500Regular) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: HelveticaNeue;
    src: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/HelveticaNeue.eot#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeue.woff) format("woff"),url(../fonts/HelveticaNeue.ttf) format("truetype"),url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/HelveticaNeue.svg#HelveticaNeue) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: HelveticaNeue-Bold;
    src: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/helvetica-neue-bold.eot#iefix) format("embedded-opentype"),url(../fonts/helvetica-neue-bold.woff) format("woff"),url(../fonts/helvetica-neue-bold.ttf) format("truetype"),url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/helvetica-neue-bold.svg#helvetica-neue-bold) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: GaramondPremrPro-BdCapt;
    src: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/GaramondPremrPro-BdCapt.eot#iefix) format("embedded-opentype"),url(../fonts/GaramondPremrPro-BdCapt.otf) format("opentype"),url(../fonts/GaramondPremrPro-BdCapt.woff) format("woff"),url(../fonts/GaramondPremrPro-BdCapt.ttf) format("truetype"),url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/fonts/GaramondPremrPro-BdCapt.svg#GaramondPremrPro-BdCapt) format("svg");
    font-weight: 400;
    font-style: normal;
}

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

address,blockquote,dd,dl,pre {
    margin-bottom: 24px;
}

address,blockquote,cite,dfn,em,i {
    font-style: italic;
}

h6,p {
    font-size: 16px;
}

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

audio,canvas,video {
    display: inline-block;
    max-width: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,button,input,select,textarea {
    color: #2b2b2b;
    font-family: Lato,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

body {
    background: #fff;
}

a,a:active,a:hover {
    color: #00a1df;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-weight: 400;
    margin: 36px 0 12px;
    font-family: Lora,Adobe Garamond,Garamond,serif;
}

h1 {
    font-size: 33px;
    color: #a3cf5f;
}

h2 {
    font-size: 28px;
    color: #000;
}

h3 {
    font-size: 22px;
    line-height: 1.0909090909;
    color: #000;
}

h4 {
    font-size: 20px;
    line-height: 1.2;
    color: #000;
}

h5 {
    font-size: 18px;
    line-height: 1.3333333333;
    color: #000;
}

h6 {
    line-height: 1.5;
    color: #000;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b,dt,strong {
    font-weight: 700;
}

ins,mark {
    background: #fff9c0;
    text-decoration: none;
}

p {
    margin-bottom: 18px;
    line-height: 26px;
}

code,kbd,pre,samp,tt,var {
    font-family: monospace,serif;
    font-size: 15px;
    hyphens: none;
    line-height: 1.6;
}

blockquote,code,kbd,pre,q,samp,tt,var {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
}

pre {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,q {
    hyphens: none;
    quotes: none;
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none;
}

blockquote {
    color: #767676;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.2631578947;
}

blockquote cite,blockquote small {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

blockquote cite,blockquote em,blockquote i {
    font-style: normal;
}

blockquote b,blockquote strong {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

ol,ul {
    list-style: none;
    margin: 0 0 24px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ol,li>ul {
    margin: 0 0 0 20px;
}

img {
    vertical-align: middle;
}

figure {
    margin: 0;
}

fieldset {
    margin: 0 0 24px;
    padding: 11px 12px 0;
}

legend {
    white-space: normal;
}

button,input,select,textarea {
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

.wp-caption-text,button,input,select,textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

button,input {
    line-height: normal;
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

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

input[type=checkbox],input[type=radio] {
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

textarea {
    vertical-align: top;
}

td,th {
    border-width: 0 1px 1px 0;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
}

caption,td,th {
    font-weight: 400;
    text-align: left;
}

th {
    font-weight: 700;
}

del {
    color: #767676;
}

hr {
    background-color: rgba(0,0,0,.1);
    height: 1px;
    margin-bottom: 23px;
}

::selection {
    background: #24890d;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #24890d;
    color: #fff;
    text-shadow: none;
}

input,textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 7px;
}

input:focus,textarea:focus {
    border: 1px solid rgba(0,0,0,.3);
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
    background-color: #24890d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    padding: 10px 30px 11px;
    text-transform: uppercase;
    vertical-align: bottom;
}

.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover {
    background-color: #41a62a;
    color: #fff;
}

.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active {
    background-color: #55d737;
}

.search-submit {
    display: none;
}

#site-header img,.comment-content img,.entry-content img,.entry-summary img,.widget img,.wp-caption {
    max-width: 100%;
}

#site-header img,.comment-content img[height],.entry-content img,.entry-summary img,img[class*=align],img[class*=wp-image-],img[class*=attachment-] {
    height: auto;
}

.post-thumbnail img,.wp-post-image,img.size-full,img.size-large {
    height: auto;
    max-width: 100%;
}

embed,iframe,object,video {
    margin-bottom: 24px;
    max-width: 100%;
}

p>embed,p>iframe,p>object,span>embed,span>iframe,span>object {
    margin-bottom: 0;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

blockquote.alignleft,figure.wp-caption.alignleft,img.alignleft {
    margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
    margin: 7px 14px 7px 0;
}

blockquote.alignright,figure.wp-caption.alignright,img.alignright {
    margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
    margin: 7px 0 7px 14px;
}

.wp-caption.aligncenter,blockquote.aligncenter,img.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px;
}

.site-content blockquote.alignleft,.site-content blockquote.alignright {
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-top: 17px;
    width: 50%;
}

.site-content blockquote.alignleft p,.site-content blockquote.alignright p {
    margin-bottom: 17px;
}

.wp-caption {
    margin-bottom: 24px;
    color: #767676;
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    box-sizing: border-box;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
}

div.wp-caption .wp-caption-text {
    padding-right: 10px;
}

div.wp-caption.alignright .wp-caption-text,div.wp-caption.alignright img[class*=wp-image-] {
    padding-left: 10px;
    padding-right: 0;
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.hide {
    display: none;
}

.bypostauthor>article .fn:before,.comment-edit-link:before,.comment-reply-link:before,.comment-reply-login:before,.comment-reply-title small a:before,.contributor-posts-link:before,.menu-toggle:before,.search-toggle:before,.slider-direction-nav a:before,.widget_twentyfourteen_ephemera .widget-title:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: 400 16px/1 Genericons;
    text-decoration: inherit;
    vertical-align: text-bottom;
}

.comment-form label {
    display: block;
}

.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url] {
    width: 100%;
}

body {
    min-height: 100%;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    font-family: HelveticaNeue,Helvetica,sans-serif;
}

body *,body:after,body:before {
    -webkit-transition: color .2s,border-color .2s,border-top-color .2s,border-bottom-color .2s,border-left-color .2s,border-right-color .2s,background-color .2s,opacity .2s,text-shadow .2s,box-shadow .2s;
    transition: color .2s,border-color .2s,border-top-color .2s,border-bottom-color .2s,border-left-color .2s,border-right-color .2s,background-color .2s,opacity .2s,text-shadow .2s,box-shadow .2s;
}

a {
    -webkit-transition: color .15s;
    transition: color .15s;
    text-decoration: none;
}

a img {
    border: none;
}

.container {
    max-width: 120em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.container:after {
    content: "";
    display: table;
    clear: both;
}

.content {
    margin-top: 2em;
    margin-bottom: 2em;
}

.fw-wrapper {
    padding-left: 2em;
    padding-right: 2em;
}

.fw-wrapper.purple {
    background-color: #904199;
}

.fw-wrapper.green {
    background-color: #a3cf5f;
}

.fw-wrapper.green h1,.fw-wrapper.green h2,.fw-wrapper.green h3,.fw-wrapper.green h4,.fw-wrapper.green h5,.fw-wrapper.green h6,.fw-wrapper.green p {
    color: #fff;
}

.fw-wrapper.blue {
    background-color: #00a0dd;
}

.fw-wrapper.gray,.fw-wrapper.grey {
    background-color: #e6e6e6;
}

.fw-wrapper.dark {
    background-color: #333;
}

.fw-dark {
    background: #e0e5e6;
}

.fw-purple {
    background: #904199;
}

.fw-wrapper.banner_image {
    padding: 0;
}

.fw-wrapper.banner_image img {
    max-height: 650px;
}

a.button {
    display: inline-block;
    padding: .5em 2em;
    background-color: #a3cf5f;
    color: #fff !important;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

a.button:hover {
    background-color: #badb86;
}

a.button.button-donate {
    padding: .6em 1em .6em 3.3em;
    background-image: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/img/donate-button-icon.gif);
    background-repeat: no-repeat;
    background-position: .8em center;
}

a.button.button-dark {
    background-color: #333;
}

a.button.button-dark:hover {
    background-color: #4d4d4d;
}

a.button.button-purple {
    background-color: #904199;
}

a.button.button-purple:hover {
    background-color: #ad56b7;
}

a.button.button-green {
    background-color: #a3cf5f;
}

a.button.button-green:hover {
    background-color: #badb86;
}

a.button.button-blue {
    background-color: #00a0dd;
}

a.button.button-blue:hover {
    background-color: #11bdff;
}

a.button.button-gray {
    background-color: #e6e6e6;
    color: #111 !important;
}

a.button.button-gray:hover {
    background-color: #fff;
}

.main-content h1 {
    font-size: 3.5em;
    font-family: Lora,Adobe Garamond,Garamond,serif;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: .5em;
    margin-top: 1em;
}

.main-content h1.purple {
    color: #904199;
}

.main-content h1.green {
    color: #a3cf5f;
}

.main-content h1.blue {
    color: #00a0dd;
}

.main-content blockquote,.main-content ol,.main-content ul {
    font-size: 18px;
    line-height: 1.6;
}

.main ol li,.main ul li {
    font-size: 16px;
}

.header-wrap .header {
    padding-top: 2em;
}

.header-wrap .header .logo {
    width: auto;
}

.header-wrap .header .logo h1 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.header-wrap .header .logo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 9.4em;
}

.header-wrap .header .login {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
}

.header-wrap .header .login p {
    font-size: 14px;
}

.header-wrap .header .login a {
    color: #999;
}

.header-wrap .header .login a:hover {
    color: #00a1df;
}

.header-wrap .header .top-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-wrap .header .top-nav ul li {
    display: inline-block;
    padding: .4em 0 .4em 1.5em;
    position: relative;
}

.header-wrap .header .top-nav ul li a {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #999;
    margin-left: .3em;
    padding: .3em 0;
}

.mainmenu-section {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    width: 100%;
    margin-top: 1em;
}

.header-wrap .header .main-nav {
    position: relative;
}

.header-wrap .header .main-nav ul {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: right;
}

.header-wrap .header .main-nav ul li {
    display: inline-block;
    border-left: 1px solid #e6e6e6;
    margin: 0;
    position: relative;
}

.header-wrap .header .main-nav ul li.menu-item-314,.header-wrap .header .main-nav ul li.menu-item-315,.header-wrap .header .main-nav ul li.menu-item-316 {
    display: none;
}

.header-wrap .header .main-nav ul li a {
    display: inline-block;
    color: #999;
    padding: .4em .8em;
    transition: color .2s ease-out,background-color .3s ease-out;
}

.donate_button a,.header-wrap .header .main-nav ul li a {
    text-transform: uppercase;
    font-size: 2em;
    line-height: 1;
    -webkit-transition: color .2s ease-out,background-color .3s ease-out;
}

.header-wrap .header .main-nav ul li a:hover {
    background-color: #00a1df;
    color: #fff;
}

.header .main-nav ul li>ul,.header-wrap .header .top-nav ul li>ul {
    padding: 0;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    position: absolute;
    top: 36px;
    width: 200px;
    z-index: 1;
    display: none;
    left: -1px;
    margin: 0;
}

.header-wrap .header .top-nav ul li>ul {
    left: 9px;
    width: 165px;
    top: 29px;
}

.donate_button {
    font-weight: 700;
    color: #111;
    margin-right: 0;
    border-right: 1px solid #e6e6e6;
    float: right;
    right: 0;
    top: 0;
    position: relative;
    z-index: 1;
}

.donate_button a {
    background: #a3cf5f;
    color: #333;
    padding: .4em .8em;
    display: inline-block;
    transition: color .2s ease-out,background-color .3s ease-out;
}

.donate_button a:hover {
    background-color: #8cc13a;
    color: #fff;
}

.screen-reader-text {
    display: none;
}

.header-wrap .header .main-nav ul li ul li,.header-wrap .header .top-nav ul li ul li {
    border: none;
    border-bottom: 1px solid #e6e6e6;
}

.header-wrap .header .top-nav ul li ul li {
    margin: 0;
    padding: 0;
}

.header .main-nav ul li ul li,.header-wrap .header .top-nav ul li ul li {
    width: 100%;
    text-align: left;
}

.header-wrap .header .main-nav ul li ul li a,.header-wrap .header .top-nav ul li ul li a {
    font-size: 14px;
    padding-left: 1.2em;
    line-height: normal;
    display: block;
    background: #fff;
    color: #999;
    text-align: left;
}

.header-wrap .header .top-nav ul li ul li a {
    margin: 0;
    padding: .3em .5em .3em .9em;
    font-size: 13px;
}

.header .main-nav ul li ul ul,.header-wrap .header .top-nav ul li ul ul {
    left: 100%;
    top: 0;
}

@media only screen and (min-width: 944px) {
    .header-wrap .header .main-nav>ul>li:hover {
        background-color: #00a1df;
    }

    .header-wrap .header .main-nav>ul>li:hover>a {
        color: #fff;
    }

    .header-wrap .header .main-nav>ul>li:hover ul {
        background: #fff;
    }

    .header-wrap .header .main-nav ul {
        float: right;
        width: auto;
        position: relative;
        margin: 0 -114px 0 0;
        padding: 0 115px 0 0;
    }

    .header-wrap .header .main-nav ul li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        width: 210px;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109,.header-wrap .header .main-nav ul li.menu-item-18 {
        position: static;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul,.header-wrap .header .main-nav ul li.menu-item-18 ul {
        width: 100%;
        background: #fff;
        text-align: left;
        border: none;
        border-top: 1px solid #e6e6e6;
        left: 0;
        -webkit-box-shadow: 0 2px 2px #868686;
        box-shadow: 0 2px 2px #868686;
        position: absolute;
        margin: 0;
        padding: 0;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul>li,.header-wrap .header .main-nav ul li.menu-item-18 ul>li {
        display: table-cell;
        float: none;
        min-height: 180px;
        vertical-align: top;
        width: 29.49%;
        border-right: 1px solid #e6e6e6;
        padding: 16px 15px 20em;
        border-bottom: none;
        position: relative;
        background: #fff;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul>li {
        padding: 16px 15px 5em;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul>li a,.header-wrap .header .main-nav ul li.menu-item-18 ul>li a {
        border: none;
        background: #fff !important;
        padding: 10px 0;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul li>ul,.header-wrap .header .main-nav ul li.menu-item-18 ul li>ul {
        display: block;
        position: static;
        left: auto;
        border: none;
        top: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        float: left;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul li ul li,.header-wrap .header .main-nav ul li.menu-item-18 ul li ul li {
        min-height: inherit;
        border: none;
        width: 100%;
        padding: 0;
        display: inline-block;
        position: static;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul li ul li img,.header-wrap .header .main-nav ul li.menu-item-18 ul li ul li img {
        position: absolute;
        bottom: 20px;
        margin: 0 0 0 -120px;
        max-width: 240px;
        max-height: 160px;
        left: 50%;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-335 {
        border: none !important;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-333 a,.header-wrap .header .main-nav ul li.menu-item-1109 ul li>a {
        color: #904199;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-333>a,.header-wrap .header .main-nav ul li ul li.menu-item-334>a,.header-wrap .header .main-nav ul li ul li.menu-item-335>a,.header-wrap .header .main-nav ul li.menu-item-1109 ul li>a {
        font-size: 21px;
        font-weight: 700;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-334>a,.header-wrap .header .main-nav ul li ul li.menu-item-335>a {
        width: 208px;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-334 a {
        color: #a3cf5f;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-335 a {
        color: #00a0dd;
    }

    .header-wrap .header .main-nav ul li.menu-item-1109 ul li>a:hover,.header-wrap .header .main-nav ul li.menu-item-18 ul li>a:hover {
        color: #999 !important;
    }

    .header-wrap .header .main-nav ul li ul li.menu-item-334:after,.header-wrap .header .main-nav ul li ul li.menu-item-335:after {
        background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/juvenile.jpg) no-repeat;
    }

    .header-wrap .header .main-nav ul li.menu-item-18 ul li ul li:after {
        display: none;
    }

    .header .main-nav ul li:hover>ul,.header-wrap .header .top-nav ul li:hover>ul {
        display: block;
    }
}

.entry-title,.section-title {
    font-weight: 400;
    font-size: 3.5em;
    font-family: Lora,Adobe Garamond,Garamond,serif;
}

#cboxWrapper,.cboxPhoto {
    max-width: none;
}

.login,.top-nav {
    float: right;
}

.header-wrap .header .top-nav {
    clear: both;
    margin: -32px 0 0;
    position: relative;
    z-index: 2;
}

.header .main-nav ul li ul>li.current-menu-item>a,.header .main-nav ul li ul>li:hover,.header .main-nav ul li ul>li:hover>a,.header-wrap .header .main-nav ul li.current-menu-ancestor>a,.header-wrap .header .main-nav ul li.current-menu-item>a,.header-wrap .header .main-nav ul li.current_page_ancestor>a,.header-wrap .header .main-nav ul li.current_page_item>a {
    background-color: #00a1df;
    color: #fff;
}

.header-wrap .header .top-nav ul li a:hover,.header-wrap .header .top-nav ul li.current-menu-ancestor>a,.header-wrap .header .top-nav ul li.current-menu-item>a,.header-wrap .header .top-nav ul li.current_page_ancestor>a,.header-wrap .header .top-nav ul li.current_page_item>a {
    color: #00a1df;
}

.drop-down,.responsive-navbtn {
    display: none;
}

.page-section {
    padding-top: 2em;
    padding-bottom: 2em;
}

.page .page-section {
    padding-top: 0;
}

.section-title {
    letter-spacing: -1px;
    margin-bottom: .2em;
}

.section-title.purple {
    color: #904199;
}

.section-title.green {
    color: #a3cf5f;
}

.section-title.blue {
    color: #00a0dd;
}

.entry-title {
    color: #a3cf5f;
    margin-bottom: .3em;
}

.entry-content,.page-text {
    font-size: 18px;
}

.page-home {
    margin-top: 0;
}

.page-home .boxydoodle .box {
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    height: 0;
    padding-bottom: 40%;
    width: 33.333%;
    background-size: 100%;
}

.page-home .boxydoodle .box>a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.page-home .boxydoodle .box h1 {
    font-family: HelveticaNeue,Helvetica,sans-serif;
    color: #fff;
}

.page-home .boxydoodle .box p {
    margin: 0;
}

.page-home .boxydoodle .box>a strong {
    display: block;
    position: absolute;
    padding: .5em 1em;
    bottom: 0;
    font-size: 2.5em;
    font-weight: 400;
    color: #fff !important;
    line-height: 1.2;
}

.page-home .boxydoodle .box.display .display-content.purple .content,.page-home .boxydoodle .box.display .display-content.purple .content a {
    color: #fff !important;
}

.page-home .boxydoodle .box>a strong small {
    display: block;
    font-size: .6em;
    line-height: 1;
}

.page-home .boxydoodle .box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
}

.page-home .boxydoodle .box.purple>a strong {
    color: #111;
}

.page-home .boxydoodle .box.purple,.page-home .boxydoodle .box.purple:before {
    background-color: #904199;
}

.page-home .boxydoodle .box.green,.page-home .boxydoodle .box.green:before {
    background-color: #a3cf5f;
}

.page-home .boxydoodle .box.blue,.page-home .boxydoodle .box.blue:before {
    background-color: #00a0dd;
}

.page-home .boxydoodle .box:hover:before {
    opacity: 0;
}

.page-home .boxydoodle .box .display-content {
    display: none;
}

.page-home .boxydoodle .box.display {
    width: 75%;
}

.page-home .boxydoodle .box.display .display-content {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.page-home .boxydoodle .box.display .display-content .content {
    position: absolute;
    bottom: 2em;
    right: 0;
    width: 43%;
    margin: 0;
    padding: 0 2em;
    color: #fff;
    font-size: 1.2em;
}

.boxydoodle .container div.box.middle,.boxydoodle .container div.box:nth-of-type(2) {
    background-position: bottom center;
}

.boxydoodle .container div.box.middle .doodle-wrap,.boxydoodle .container div.box:nth-of-type(2) .doodle-wrap {
    top: 0;
    bottom: auto;
}

.page-home .boxydoodle .box.display .display-content .content h2 {
    font-weight: 400;
    font-size: 2em;
    margin-bottom: 0;
}

.page-home .boxydoodle .box.display .display-content .content a {
    color: #fff;
}

.page-home .boxydoodle .box.display .display-content .content a:hover {
    color: #904199;
}

.page-home .boxydoodle .box.display .display-content .content .readmore {
    font-size: 1.4em;
}

.page-home .boxydoodle .box.display .display-content.purple .content a:hover {
    color: #a3cf5f;
}

.page-home .boxydoodle .box.display .display-content .img {
    width: 50%;
    float: left;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-home .boxydoodle .box.display .display-content.purple {
    background-color: #904199;
}

.page-home .boxydoodle .box.display .display-content.green {
    background-color: #a3cf5f;
}

.page-home .boxydoodle .box.display .display-content.blue {
    background-color: #00a0dd;
}

.page-home .boxydoodle .box.display .display-content.show {
    opacity: 1;
}

.doodle-wrap {
    bottom: 0;
    box-sizing: border-box;
    color: #fff !important;
    display: table;
    font-size: 2.5em;
    font-weight: 400;
    height: 47%;
    line-height: 1.2;
    padding: .5em 1em;
    opacity: .8;
    position: absolute;
    vertical-align: middle;
    width: 100%;
}

.page-home .boxydoodle .box:hover .doodle-wrap {
    opacity: 1;
}

.doodle-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.page-home .home-section {
    padding-top: 2em;
    padding-bottom: 2em;
}

.page-home .home-section.fw-dark {
    padding-bottom: 7em;
    padding-top: 2em;
}

.page-home .home-section .container>h1 {
    text-align: center;
    -webkit-transform: scale(.9,1);
    -ms-transform: scale(.9,1);
    transform: scale(.9,1);
    letter-spacing: -1px;
    margin-bottom: .2em;
}

.page-home .home-section .embed {
    width: 500px;
    margin: auto;
}

.column-container {
    text-align: center;
}

.page-home .home-section .column {
    width: 30%;
    margin-top: 2em;
    display: inline-block;
    padding: 0 8px;
    vertical-align: top;
}

.page-home .home-section .column .icon {
    width: 35%;
    height: 0;
    padding-bottom: 35%;
    margin: 0 auto 3.5em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-home .home-section .column h3 {
    text-align: center;
    font-weight: 400;
    -webkit-transform: scale(.9,1);
    -ms-transform: scale(.9,1);
    transform: scale(.9,1);
    letter-spacing: -1px;
    margin-bottom: .3em;
    margin-top: 0;
}

.page-home .home-section .column.col-1 h3 {
    color: #a3cf5f;
}

.page-home .home-section .column.col-2 h3 {
    color: #904199;
}

.page-home .home-section .column.col-3 h3 {
    color: #00a0dd;
}

.page-home .home-section .column p {
    text-align: center;
}

.page-home .home-section .news-item h3 {
    text-transform: uppercase;
    margin-bottom: .3em;
}

.page-home .home-section .news-item h3 a {
    color: #111;
}

.page-home .home-section .news-item h3 a:hover {
    color: #00a0dd;
}

.page-home .home-section .news-item small {
    display: block;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.page-home .home-section .container>p.button-container {
    text-align: center;
}

.cssclippathcircle .page-home .boxydoodle .box.display .display-content {
    opacity: 1;
    -webkit-clip-path: circle(0 at 20% 50%);
    clip-path: circle(0 at 20% 50%);
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.cssclippathcircle .page-home .boxydoodle .box.display .display-content.show {
    -webkit-clip-path: circle(120% at 20% 50%);
    clip-path: circle(120% at 20% 50%);
}

.content.page-program {
    margin-top: 0;
    margin-bottom: 0;
}

.content.page-program .hero-image img {
    display: block;
    margin: 0 auto;
    max-height: 775px;
}

.content.page-program a.showmore {
    display: block;
    font-size: 16px;
    color: #111;
    margin-top: -1em;
}

.content.page-program a.showmore span {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    margin: 0 8px 0 0;
    padding: .1em .2em .3em;
    text-align: center;
    width: 22px;
}

.content.page-program a.showmore.purple {
    color: #904199;
}

.content.page-program a.showmore.purple span {
    background-color: #904199;
}

.content.page-program a.showmore.green {
    color: #a3cf5f;
}

.content.page-program a.showmore.green span {
    background-color: #a3cf5f;
}

.content.page-program a.showmore.blue {
    color: #00a0dd;
}

.content.page-program a.showmore.blue span {
    background-color: #00a0dd;
}

.content.page-program .points .points-nav {
    display: block;
    width: 23%;
    margin: 0;
    float: left;
    border-width: 3px;
    border-style: solid;
}

.content.page-program .points .points-nav.purple {
    border-color: #904199;
}

.content.page-program .points .points-nav.purple a {
    color: #904199;
}

.content.page-program .points .points-nav.green {
    border-color: #a3cf5f;
}

.content.page-program .points .points-nav.green a {
    color: #a3cf5f;
}

.content.page-program .points .points-nav.blue {
    border-color: #00a0dd;
}

.content.page-program .points .points-nav.blue a {
    color: #00a0dd;
}

.content.page-program .program-news,.content.page-program .program-news a,.content.page-program .program-news a:hover {
    color: #fff;
}

.content.page-program .points .points-nav a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: .5em 0 .5em 1em;
    position: relative;
    text-transform: uppercase;
}

.content.page-program .points .points-nav a:before {
    content: "";
    display: block;
    margin: 1em 1%;
    border-bottom: 1px solid #ccc;
    position: absolute;
    bottom: -1em;
    left: 0;
    width: 98%;
}

.content.page-program .points .points-nav a:last-of-type:before {
    display: none;
}

.content.page-program .points .points-nav a.active:after {
    content: ' >';
}

.content.page-program .points .points-content {
    float: none;
    font-size: 2.2em;
    padding: .8em 0 0 26%;
}

.content.page-program .points .points-content>div {
    height: 0;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: none;
}

.content.page-program .points .points-content>div.active {
    height: auto;
    opacity: 1;
    display: block;
}

.content.page-program .program-news .container {
    padding-left: 0;
    padding-right: 0;
}

.content.page-program .program-news h1 {
    color: #fff;
    margin-top: 15px;
}

.content.page-program .program-news h3 {
    font-size: 2.5em;
    margin-bottom: .3em;
    margin-top: 24px;
}

.post_date {
    display: block;
    font-size: 15px;
    padding: 0 0 1em;
}

.content.page-program .testimonials .section-title {
    text-align: center;
}

.content.page-program .testimonials .testimonial {
    width: 80%;
    margin: 0 auto;
}

.content.page-program .testimonials .testimonial.js {
    display: none;
}

.content.page-program .media-section .media-item.video a,.content.page-program .testimonials .testimonial.js.show {
    display: block;
}

.content.page-program .testimonials .controls {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
}

.content.page-program .testimonials .controls .next,.content.page-program .testimonials .controls .prev {
    font-size: 3em;
    background-color: transparent;
    cursor: pointer;
}

.content.page-program .testimonials .controls .prev {
    float: left;
}

.content.page-program .testimonials .controls .prev:before {
    content: "\25c0";
}

.content.page-program .testimonials .controls .next {
    float: right;
}

.content.page-program .testimonials .controls .next:before {
    content: "\25b6";
}

.content.page-program.purple .controls a {
    color: #904199;
}

.content.page-program.green .controls a {
    color: #a3cf5f;
}

.content.page-program.blue .controls a {
    color: #00a0dd;
}

.content.page-program .media-section {
    margin-bottom: 0;
    padding: 3em 2em 6.2em;
    overflow-x: hidden;
}

.content.page-program .media-section .container {
    padding-left: 0;
    padding-right: 0;
}

.content.page-program .media-section h1.section-title {
    margin-top: 15px;
    margin-bottom: .6em;
}

.content.page-program .media-section .media-items {
    margin-right: -2%;
}

.content.page-program .media-section .media-item {
    float: left;
    margin-right: 2.5%;
}

.content.page-program .media-section .media-item .item-title {
    color: #111;
    font-size: 1.5em;
    font-weight: 400;
    line-height: normal;
}

.content.page-program .media-section .media-item img {
    width: 100%;
    padding: 0 0 10px;
}

.content.page-program .media-section .media-item.video {
    width: 31%;
}

.content.page-program .media-section .media-item.video .embed {
    display: none;
}

.content.page-program .media-section .media-item.photo_gallery {
    width: 14%;
}

.content.page-program .contact-section {
    margin-bottom: 0;
    color: #fff;
    padding: 1.1em 0 5.2em;
}

.content.page-program .contact-section h1,.content.page-program .contact-section h2,.content.page-program .contact-section h3,.content.page-program .contact-section h4,.content.page-program .contact-section h5,.content.page-program .contact-section h6 {
    color: #fff;
    margin-bottom: 1.3em;
}

.content.page-program .contact-section .half {
    width: 32.6%;
    float: left;
}

.content.page-program .contact-section .documents.half {
    width: 296px;
    text-align: left;
}

.content.page-program .contact-section .documents.half span {
    font-size: 2em;
    display: block;
    margin: 0 0 46px;
    position: relative;
    padding: 0 0 0 25px;
}

.content.page-program .contact-section .documents.half span.call_email:before,.content.page-program .contact-section .documents.half span.other_content:before {
    position: absolute;
    left: -65px;
    width: 64px;
    height: 66px;
    content: "";
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/footer-icons.png) -73px 0 no-repeat;
    top: 50%;
    margin: -33px 0 0;
}

.content.page-program .contact-section .documents.half span.other_content:before {
    background-position: -144px 0;
}

.content.page-program .contact-section .documents.half span.other_content {
    margin: 0;
}

.content.page-program .contact-section .half h3 {
    font-weight: 400;
    font-size: 2.5em;
    margin-top: 0;
    margin-bottom: .2em;
}

.content.page-program .contact-section .documents {
    min-height: 102px;
    padding-left: 67px;
}

.content.page-program .contact-section .documents ul {
    list-style: none;
}

.content.page-program .contact-section .documents ul li {
    margin: 0;
}

.content.page-program .contact-section .documents ul a {
    color: #fff;
    font-size: 2em;
    line-height: 1.6;
}

.blog-text h4,.wrap .footer .column.col-3 p {
    line-height: 24px;
}

.content.page-program .contact-section .documents ul a:hover {
    color: #a3cf5f;
}

.content.page-program .contact-section .contact {
    float: none;
    text-align: right;
    padding: 0;
    display: inline-block;
}

.content.page-program .contact-section .contact.middle {
    padding: 0 2%;
}

.content.page-program .contact-section .contact.last {
    float: right;
}

.content.page-program .contact-section .contact .contact-photo {
    float: right;
    margin-left: 2em;
    max-height: 188px;
}

.content.page-program .contact-section .contact .info {
    float: right;
    width: auto;
}

.cboxPhoto,.header-wrap .header .logo {
    float: left;
}

.content.page-program .contact-section .contact .info>h3 {
    padding: 0;
    margin-top: 0;
}

.content.page-program .contact-section .contact .info>span {
    display: block;
    font-size: 2em;
    padding: 0;
    text-align: right;
}

.content.page-program .contact-section .contact .info .button {
    font-size: 2.2em;
    width: auto;
    margin-top: 1em;
    text-transform: uppercase;
}

.content.page-program .contact-section .contact .info a.button {
    padding: .2em 1.2em;
}

.wrap .footer {
    background-color: #a3cf5f;
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 7.7em 0 0;
}

.wrap .footer .container {
    display: block;
    width: 100%;
    padding: 0;
}

.wrap .footer .container .columnwrap {
    display: table;
    width: 100%;
}

.testi_counter {
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
    font-style: italic;
}

@media only screen and (min-width: 961px) {
    .wrap .footer .column {
        display: table-cell !important;
    }
}

.wrap .footer .column {
    width: 34%;
    margin-top: 3em;
    text-align: center;
    vertical-align: top;
    padding: 0 14px;
    height: 386px;
}

.wrap .footer .column.col-1 {
    padding-left: 0;
    text-align: left;
    min-width: 308px;
}

.wrap .footer .column.col-1 form {
    width: 90%;
    text-align: left;
}

.wrap .footer .column.col-2 {
    border-left: 1px solid #d9d9d7;
    border-right: 1px solid #d9d9d7;
    padding: 0 6%;
    text-align: left;
    width: 38%;
    min-width: 270px;
}

.wrap .footer .column.col-2 p {
    padding: 0 0 .6em;
}

.wrap .footer .column.col-3 {
    text-align: right;
    padding-right: 0;
    text-transform: uppercase;
    min-width: 376px;
}

.wrap .footer .column h4 {
    font-size: 2.4em;
    text-transform: uppercase;
    margin: 0 0 -1em;
    padding: 0 0 9px;
    display: inline-block;
    font-family: HelveticaNeue-Bold;
    font-weight: 400;
    position: relative;
    top: -43px;
}

.wrap .footer .column p {
    color: #000;
    margin: 0;
    padding: 0 0 5px;
}

.wrap .footer .column h4:after {
    content: "---------------------------------";
    position: absolute;
    bottom: -1em;
    left: 0;
    font-weight: 400;
    font-size: .5em;
    overflow: hidden;
    font-family: HelveticaNeue;
}

.wrap .footer .column.col-3 h4:after {
    left: auto;
    right: 0;
}

.wrap>.footer .column p {
    font-size: 1.7em;
}

.wrap>.footer .column a {
    color: #333;
}

.wrap .footer .column a:hover {
    color: #fff;
}

.wrap>.footer .column form input {
    font-size: 1.7em;
    width: 100%;
    background: 0 0;
    border: 1px solid #fff;
    padding: .5em;
    color: #111;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.cboxIframe,.cboxPhoto {
    display: block;
    border: 0;
}

.wrap>.footer .column form input::-webkit-input-placeholder {
    color: #111;
    font-weight: 400;
}

.wrap>.footer .column form input::-moz-placeholder {
    color: #111;
    font-weight: 400;
}

.wrap>.footer .column form input:-ms-input-placeholder {
    color: #111;
    font-weight: 400;
}

.wrap>.footer .column form input::placeholder {
    color: #111;
    font-weight: 400;
}

.wrap>.footer .column form input.submit {
    cursor: pointer;
    width: auto;
    text-align: left;
}

.wrap>.footer .bottom-footer {
    padding: 3.9em 2em 2.5em;
    background-color: #333;
    margin: 3.7em 0 0;
}

.wrap>.footer .bottom-footer p {
    font-size: 1.4em;
    color: #fff;
    text-align: center;
    margin: 0;
}

#cboxCurrent,#cboxTitle {
    bottom: 4px;
    color: #949494;
}

#cboxOverlay,#cboxWrapper,#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/overlay.png);
    opacity: .9;
    filter: alpha(opacity=90);
}

#cboxBottomLeft,#cboxMiddleLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingGraphic,#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cboxPhoto {
    margin: auto;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#cboxContent,#cboxLoadedContent,#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -101px 0 no-repeat;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -130px 0 no-repeat;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -101px -29px no-repeat;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -130px -29px no-repeat;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/border.png) repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/border.png) 0 -29px repeat-x;
}

#cboxContent,.cboxIframe {
    background: #fff;
}

#cboxContent {
    overflow: hidden;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}

#cboxCurrent {
    position: absolute;
    left: 58px;
}

#cboxLoadingOverlay {
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/loading_background.png) center center no-repeat;
}

#cboxLoadingGraphic {
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/loading.gif) center center no-repeat;
}

#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow {
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxClose,#cboxNext,#cboxPrevious {
    position: absolute;
    bottom: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious {
    left: 0;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -75px 0 no-repeat;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    left: 27px;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -50px 0 no-repeat;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    right: 0;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/controls.png) -25px 0 no-repeat;
}

.main,.page-home .boxydoodle .box,.search-form form {
    position: relative;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight,.cboxIE #cboxTopCenter,.cboxIE #cboxTopLeft,.cboxIE #cboxTopRight {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media print {
    blockquote,img,pre,tr {
        page-break-inside: avoid;
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

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

    blockquote,pre {
        border: 1px solid #999;
    }

    thead {
        display: table-header-group;
    }

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

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

    h2,h3 {
        page-break-after: avoid;
    }
}

.right-header {
    text-align: right;
    float: right;
    width: 55%;
}

.header-wrap,.main {
    display: block;
    width: 100%;
}

.header-wrap {
    float: left;
}

.main {
    clear: both;
    float: left;
}

.blog-main {
    margin: 50px 0 0;
    padding: 45px 0 0;
}

.blog-main h4 {
    font-family: Lora,Adobe Garamond,Garamond,serif;
}

.left-panel {
    width: 68.33333%;
    float: left;
}

.span1-of-1 {
    float: left;
    margin-right: 2.3%;
    width: 12.7%;
}

.span1-of-2 {
    width: 34%;
    float: left;
    margin-right: 20px;
}

.span1-of-2 .blog-img img {
    max-width: 280px;
}

.span1-of-3 {
    float: left;
    width: 47.5%;
}

.blog-page {
    border-bottom: 2px solid #e3e1e2;
    display: inline-block;
    margin: 0 0 46px;
    padding: 0 0 32px;
    width: 100%;
}

.blog-date {
    background: #9ecf42;
    text-align: center;
    padding: 12px;
    margin: 0 0 4px;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    margin: 0 0 0 1.5em;
}

.blog-date li,.blog-pic li,.resp-tab-content li {
    list-style: none;
    margin: 0;
}

img {
    max-width: 100%;
}

.blog-date li {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.blog-date li span {
    font-size: 28px;
    display: block;
}

.blog-pic {
    background: #eff0f2;
    padding: 20px 30px;
    text-align: center;
}

.blog-text h4 {
    font-size: 24px;
    color: #303030;
    margin: 0 0 10px;
}

.blog-text ul {
    margin: 0 0 15px -8px;
}

.blog-text ul li {
    border-left: 2px solid #999;
    color: #747474;
    display: inline-block;
    font-size: 13px;
    line-height: 12px;
    margin: 0 0 8px;
    padding: 0 8px;
}

.blog-text ul li:first-child {
    padding-right: 0;
    border-left: none;
}

.blog-text ul li a {
    color: #303030;
}

.caption {
    font-size: 13px;
    line-height: 22px;
    color: #747474;
    padding: 0 0 22px;
}

.caption span {
    color: #999;
    padding: 0 4px;
}

.caption a {
    color: #303030;
}

.caption a:hover {
    color: #a3cf5f;
}

.blog-text p {
    margin: 0;
    padding: 0;
    color: #747474;
}

.blog-text p a {
    font-size: 15px;
    line-height: 26px;
    color: #747474;
}

.more-btn {
    text-align: right;
    margin: 45px 0 10px;
}

.more-btn a {
    color: #303030;
    font-size: 17px;
    float: right;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/right-arrow.png) right center no-repeat;
    line-height: 17px;
    padding: 0 15px 0 0;
}

.more-btn a:hover {
    color: #00a1df;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/right-arrow-hover.png) right center no-repeat;
}

.points.page-section {
    padding-top: 0;
}

.sidebar {
    width: 25.8%;
    float: right;
}

.search-form {
    margin: 0 0 55px;
}

.search-form form {
    border: 2px solid #d6d6d6;
}

.search-form form input[type=text]:focus,input {
    border: none;
}

input {
    box-shadow: none;
}

.search-form form input[type=text] {
    padding: 15px 20px;
    display: block;
    width: 84%;
    font-size: 16px;
    color: #b3b3b3;
    font-family: MuseoSlab500Regular;
    border: none;
}

.search-form form input[type=submit] {
    cursor: pointer;
    padding: 10px;
    display: block;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/search.png) 15px 15px no-repeat #000;
    width: 50px;
    height: 51px;
    position: absolute;
    right: -1px;
    top: -1px;
}

div.categories {
    margin: 0 0 50px;
    border-bottom: 2px solid #e3e1e2;
}

::-webkit-input-placeholder {
    color: #a4a4a4;
    font-weight: 700;
    opacity: 1;
}

:-moz-placeholder {
    color: #a4a4a4;
    font-weight: 700;
    opacity: 1;
}

::-moz-placeholder {
    color: #a4a4a4;
    font-weight: 700;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #a4a4a4;
    font-weight: 700;
    opacity: 1;
}

.categories h5 {
    font-size: 18px;
    color: #303030;
    margin: 0 0 20px;
    font-family: Lora,Adobe Garamond,Garamond,serif;
}

.categories ul li {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    padding: 0 !important;
    text-indent: inherit !important;
    width: 93%;
}

span.sym {
    display: none !important;
}

.categories ul li ul li {
    border: none;
}

.categories ul li a {
    font-size: 15px;
    color: #303030;
    line-height: 24px;
    padding: 0 0 0 22px;
    display: block;
    margin: 10px 0;
    position: relative;
    font-weight: 400 !important;
}

.categories ul li ul li a {
    padding: 0 0 0 35px;
}

.categories ul li ul li a:before {
    left: 12px;
}

.categories ul li a:before {
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/right-arrow.png) 1px 0 no-repeat;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 14px;
    padding-right: 0;
    position: absolute;
    top: 6px;
    left: 0;
}

.categories ul li a:hover {
    color: #9fd043;
}

#widget-collapscat-2-top li.collapsing.categories.item:before {
    display: none;
}

#parentHorizontalTab {
    border: 1px solid #d0d0d0;
    float: left;
}

ul.resp-tabs-list {
    margin: 0;
    padding: 0;
    text-align: center;
}

.resp-tabs-list li {
    color: #303030;
    font-size: 18px;
    display: table-cell;
    padding: 13px 15px;
    margin: 0 0 0 -4px;
    list-style: none;
    cursor: pointer;
    width: 24.5%;
    border-top: 4px solid #f5f5f5 !important;
}

.resp-tabs-list li:first-child {
    margin: 0;
}

.resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-accordion-active,.resp-content-active,.resp-tab-content-active,.tab-text a {
    display: block;
}

.resp-tabs-list li.resp-tab-active {
    border: none;
    border-top: 4px solid #9ccd3d !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.tab-pic {
    float: left;
    width: 68px;
    margin-right: 10px;
}

.tab-text,.tab-text ul li {
    float: left;
    width: 100%;
}

.tab-text h6 {
    font-size: 18px;
    color: #303030;
    margin: 0 0 5px;
}

.resp-tabs-container {
    font-size: 16px;
}

.resp-tabs-container a {
    color: #393939;
}

.resp-tabs-container p {
    margin-top: 0;
}

.resp-tabs-container a:hover {
    color: #a3cf5f;
}

.tab-text span {
    font-size: 14px;
    color: #646464;
    line-height: 24px;
}

.single-title,.single-title a,.single-title a:hover {
    color: #a3cf5f;
}

.tab-text ul li {
    margin: 0 0 8px;
}

.testimonials-wrapper {
    min-height: inherit !important;
}

.content.page-program .testimonials .controls .next,.content.page-program .testimonials .controls .prev {
    padding: 0 .5em;
}

.content.page-program .testimonials .controls {
    top: 50%;
    height: 40px;
    margin-top: -15px;
}

.followus {
    clear: both;
    float: left;
    width: 220px;
    margin: -8.2em 0 0;
}

.wrap .footer .followus h4 {
    margin: 0 0 .4em;
    padding: 0;
    top: auto;
    font-size: 2.4em;
    font-family: HelveticaNeue-Bold;
    font-weight: 400;
}

.wrap .footer .followus h4:after {
    display: none;
}

.followus ul {
    margin: 0;
    padding: 0;
}

.followus ul li {
    display: inline-block;
    list-style: none;
    margin: 0 5px 0 0;
}

.followus ul li a {
    display: block;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/social-sprite.png) no-repeat;
    width: 32px;
    height: 32px;
}

.followus ul li.fb a {
    background-position: 0 -2px;
}

.followus ul li.tw a {
    background-position: -40px -1px;
}

.followus ul li.gplus a {
    background-position: -80px -2px;
}

.followus ul li.lin a {
    background-position: -120px -1px;
}

.followus ul li.utube a {
    background-position: -159px -1px;
}

.single-title {
    font-size: 3.5em;
    font-weight: 400;
    margin-bottom: 0;
    font-family: Lora,Adobe Garamond,Garamond,serif;
}

.blog-img.single {
    float: left;
    padding: 25px 20px 0 0;
    width: 250px;
}

.single-post .single-title {
    margin: 18px auto;
    clear: none;
    text-align: center;
    width: 85%;
}

.single-post .single-title-image{
   clear: none;
   margin: 18px auto 0;
   text-align: left;
   width: auto;
}

.fa {
    display: inline-block;
    font: 22px FontAwesome;
    text-rendering: auto;
}

ul.wpfai-list {
    margin: 6px 0;
    list-style: none;
}

ul.post-details {
    list-style: none;
    margin: 0 0 2em -7px;
    padding: 0;
}

ul.post-details li {
    border-left: 2px solid #999;
    color: #747474;
    display: inline-block;
    font-size: 1.5em;
    line-height: 14px;
    list-style: none;
    margin: 0 0 8px -4px;
    padding: 0 10px;
}

ul.post-details li:first-child {
    border: none;
}

ul.post-details li a {
    color: #000;
}

.event_right_sidebar {
    border: 4px solid #a3cf5f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    margin: 4.5em 0 2em 2em;
    padding: 14px;
    width: 268px;
}

.single-event h1,.single-event h2,.single-event h3,.single-event h4,.single-event h5,.single-event h6 {
    clear: none;
}

.contact-left,.contact-right {
    display: table-cell;
    vertical-align: top;
}

.contact-left {
    width: 78.2%;
}

.contact-left span {
    width: 100% !important;
    padding: 0;
}

.contact-left span span {
    width: 100%;
    display: block;
}

.contact-left span:first-child {
    padding: 0;
}

.contact-left input[type=text],.contact-left input[type=email] {
    border: 1px solid #d7d7d7;
    font-weight: 700;
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    font-family: Helvetica Neue,Helvetica,sans-serif;
    font-size: 16px;
    height: 40px;
    color: #222;
}

.contact-left textarea {
    width: 100%;
    font-weight: 700;
    border: 1px solid #d7d7d7;
    padding: 6px;
    font-family: Helvetica Neue,Helvetica,sans-serif;
    font-size: 16px;
    color: #222;
    height: 182px;
}

.contact-left input[type=submit] {
    cursor: pointer;
    background: #a0cf4d;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    text-transform: uppercase;
    padding: 16px 24px;
    margin: 12px 0 0;
}

.contact-left span.your-message {
    width: 100%;
    display: block;
}

.contact-left span.wpcf7-not-valid-tip {
    font-size: 15px;
    padding: 0;
}

.contact-left div.wpcf7-mail-sent-ok,.contact-left div.wpcf7-validation-errors {
    border: none;
    color: red;
    font-size: 21px;
    margin-left: 0;
    padding: 0;
}

.contact-left div.wpcf7-mail-sent-ok {
    color: #a3cf5f;
}

.breadcrumbs,.breadcrumbs span a {
    color: #747474;
}

.contact-right {
    font-size: 1em;
    width: 222px;
    min-width: 222px;
    padding: 0 0 0 2.7%;
}

.contact-right span {
    display: block;
    margin: 0 0 48px;
}

.map-section {
    display: block;
    margin: 9em 0 4em;
    border: 5px solid #d9d9d7;
}

#map-canvas {
    height: 600px;
    margin: 0;
    padding: 0;
}

.map-section-mobile {
    display: none;
    margin: 0;
    border: 5px solid #d9d9d7;
    width: 300px;
}

#fancybox-content .map-section-mobile,#map-mobile {
    display: inline-block;
}

#map-mobile {
    height: 300px;
    margin: 0;
    padding: 0;
    width: 300px;
}

.contact-right span.contact_mobile {
    display: none;
}

.breadcrumbs {
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 10px;
}

.breadcrumbs span a:hover,.breadcrumbs span span {
    color: #a3cf5f;
}

.supporter-partner {
    display: block;
    width: 100%;
}

.partner_thumbs {
    display: inline-block;
    height: 225px;
    margin: 0 .4% .6%;
    width: 225px;
}

.partner_thumbs img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 100%;
}

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

table.tablepress {
    border: 1px solid #e6e6e6;
    float: left;
    margin: 20px 0;
}

.tablepress tbody td,.tablepress tfoot th {
    font-size: 16px;
    border: 1px solid #e6e6e6;
}

.authnet_item_desc {
    padding: 0 !important;
}

.donation_type_block {
    margin: 0 !important;
}

.authnet_item_desc>div {
    width: 100%;
}

.page-id-11 header.entry-header {
    display: none;
}

.page-id-11 .content {
    margin-bottom: 6em;
}

#uniform-variable_subscription_2 #variable_subscription-error {
    left: 0;
    position: absolute;
    top: -28px;
}
.default-amount-list #uniform-preset_amount_1 label#preset_amount-error {  position: absolute;  top: -22px;} 
.amount-header,.authnet_heading h2,.authnet_variable_payment fieldset legend,.your_payment {
    color: #a3cf5f;
    font-family: Lora,Adobe Garamond,Garamond,serif;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: left;
    display: inline-block;
    width: 100%;
    line-height: normal;
}

.authnet_heading h2 {
    margin-bottom: .8em;
}

#recurring-period {
    float: left;
    font-size: 20px;
    font-weight: 400;
    padding: 18px 0;
    width: 22%;
}

label.payment-label {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    width: 242px;
    float: left;
    margin-top: 19px;
}

.donate-type,.select-amount {
    background: #a4d16c;
    color: #000;
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    min-width: 186px;
    padding: 18px 13px;
    position: relative;
    margin: 0 11px 15px 0;
}

.select-amount {
    padding: 18px 14px;
}

.donate-type div.radio,.donate-type div.radio input,.donate-type div.radio span,.select-amount div.radio,.select-amount div.radio input,.select-amount div.radio span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
}

.donate-type.active,.select-amount.active {
    background: #24890d;
    color: #fff;
}

.select-amount.other {
    background: 0 0;
    padding: 0 0 0 242px;
    color: #000 !important;
    text-align: left;
    min-width: 354px;
}

.amount-select-box .select-amount.other {
    padding: 0 0 0 14.3em;
    text-align: left;
    width: 100%;
}

.select-amount.other div.radio,.select-amount.other div.radio input,.select-amount.other div.radio span {
    cursor: default;
}

.select-amount.other label {
    display: inline-block;
    margin: 13px 10px 0 0;
}

.select-amount.other input[type=text], #donate_ocbf .select-amount.other input[type=text]{
    border: 2px solid #a4d16c;
    margin: 0;
    position: relative;
    display: inline-block !important;
    font-size: 17px;
    padding: 10px;
    width: 222px;
}

#variable_amount::-webkit-input-placeholder {
    font-weight: 400;
}

#variable_amount:-moz-placeholder {
    font-weight: 400;
}

#variable_amount::-moz-placeholder {
    font-weight: 400;
}

#variable_amount:-ms-input-placeholder {
    font-weight: 400;
}

.amounts {
    padding: 0 0 0 242px;
}

.authnet_billing_box {
    display: block;
    margin: 0 -10px !important;
    width: 102% !important;
}

.authnet_form_part {
    width: 48%;
    margin: 0 0 20px;
    padding: 0 .8%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.authnet_form_part.cvv {
    width: 164px;
}

.authnet_label_container {
    color: #000;
    display: block;
    font-size: 15px;
    padding: 0 0 3px;
}

.authnet_form_part input[type=text],.authnet_form_part input[type=email],.authnet_form_part input[type=password],.authnet_form_part textarea {
    border: 1px solid #b7b7b7;
    font-size: 15px !important;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000 !important;
    padding: 10px;
    width: 100%;
}

.authnet_form_part textarea {
    height: 39px !important;
    resize: none;
}

#donate_ocbf .error {
    color: red;
    display: block;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
}

div.selector select {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    color: #000 !important;
}

.authnet_billing_box div.selector,div.selector {
    width: 96% !important;
}

div.selector select option {
    font-size: 15px !important;
    padding: 2px 10px;
    font-weight: 400;
    font-family: HelveticaNeue;
}

div.selector {
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top !important;
    padding: 6px 10px !important;
    height: auto !important;
    font-size: 15px !important;
    overflow: visible !important;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/dropdown-icon.png) right center no-repeat !important;
}

.authnet_list_area2 {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
}

.authnet_list_area2 div.selector {
    width: 82% !important;
}

.authnet_input-small {
    float: left;
    padding: 9px 10px 10px !important;
}

.authnet_paynow_container {
    float: right;
    margin: 0 6px 0 0;
}

#cc_name-error,#exp_month-error,#exp_year-error,#variable_subscription-error {
    left: 0;
    line-height: normal;
    margin: 6px 0 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
}

#variable_subscription-error {
    width: 300px;
}

#CreditCardCCV-error {
    float: left;
    margin: 3px 0 0;
}

a.whatsthis {
    float: left;
    padding: 8px 6px;
    text-decoration: underline;
    color: #000;
    font-size: 15px;
    position: absolute;
    top: 22px;
    right: 0;
}

.authnet_form_part2 {
    float: left;
    margin: 0 0 26px;
    padding: 0 10px;
}

.authnet_preset_amount {
    margin: 0;
}

.amount-select-box {
    width: 48%;
    min-width: 350px;
}

.amount-select-box .selector {
    padding: 6px 2% !important;
}

.amount-select-box div.selector span {
    font-weight: 400;
}

.amount-select-box .selector span {
    width: 100%;
}

.amount-select-box span {
    font-size: 17px;
    font-weight: 400;
    padding: 0 0 0 8px;
}

.amount-select-box span.checked {
    width: 242px;
    height: 24px;
    position: relative;
    top: -6px;
    float: left;
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/radio-blk.png) -32px 0 no-repeat !important;
}

.donation_type_block {
    position: relative;
    padding: 0 0 0 242px;
    clear: both;
}

.donation_type_block label {
    position: absolute;
    left: 0;
}

.text-index {
    display: block;
    margin: 0 0 18px;
}

.text-index a {
    margin: 0 10px 10px;
    display: inline-block;
    font-weight: 700;
}

.supporters_table {
    display: table-cell;
    padding: 0 2em 0 0;
    width: 40%;
}

.supporters_table span {
    font-size: 25px;
    display: block;
}

.tablepress tfoot th,.tablepress thead th {
    background-color: #cbe687 !important;
}

.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc {
    background-color: #a3cf5f !important;
}

.directors-img-container {
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    margin: 0 0 6px;
    min-height: 194px;
    padding: 20px .83% .83%;
    text-align: center;
    vertical-align: top;
    width: 14.48%;
}

.prof-image {
    display: block;
    margin: 0 0 12px;
}

.prof-name {
    font-size: 15px;
}

.director-wrap h1.entry-title {
    background: #a3cf5f;
    font-size: 22px;
    margin: 42px 0 5px;
    padding: 10px 15px;
    color: #000;
    font-family: HelveticaNeue;
    text-transform: uppercase;
}

.dataTables_filter input[type=search] {
    border: 1px solid #ccc;
}

.tb-close-icon {
    top: -13px !important;
    right: -15px !important;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 50%;
}

#TB_caption {
    padding: 7px 15px !important;
}

#TB_closeWindow {
    height: auto !important;
}

#TB_window img#TB_Image {
    border: none !important;
}

.asterisk {
    color: red !important;
    font-size: 17px;
    line-height: normal;
}

.page-id-11 .button-container a.button {
    font-family: HelveticaNeue,Helvetica,sans-serif;
    font-size: 18px;
    border-radius: 0;
    box-shadow: none;
    line-height: 26px;
    text-shadow: none;
}

.amazon-smile {
    display: block;
    margin: 5em 0 0;
}

.wrap>.footer .column .amazon-smile p {
    font-size: 14px;
    line-height: normal;
}

.amazon-smile a {
    display: block;
    margin: 0 0 16px;
    text-align: left;
}

.wrap>.footer .column .amazon-smile p a {
    display: initial;
    font-weight: 700;
    margin: 0;
    padding: 0;
    width: auto;
    word-wrap: break-word;
}

ul.footer-share {
    list-style: none;
    margin: 2em 0;
    padding: 0;
    text-align: center;
}

ul.footer-share li {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin: 0 25px 0 0;
    padding: 0;
    vertical-align: top;
}

ul.footer-share li a {
    color: #fff !important;
}

ul.footer-share li a:hover,ul.footer-share li span:hover {
    color: #00a1df !important;
}

ul.footer-share li span {
    float: left;
    margin: -1px 0 0;
    padding: 0 7px 0 0;
}

ul.footer-share li.share span {
    background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/share.png) left 5px no-repeat !important;
    cursor: pointer;
    height: 24px !important;
    padding: 0 0 0 22px;
    position: relative;
    width: auto;
}

ul.footer-share li.share span span {
    background: 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

div.printfriendly {
    margin: 0 !important;
}

.click-to-call {
    float: right;
    font-size: 2em;
    margin: 2px 0 0;
    text-transform: uppercase;
}

.click-to-call a {
    color: #999;
}

.click-to-call a.fancybox-inline img {
    position: relative;
    top: -2px;
}

.click-to-call a:hover {
    color: #00a1df;
}

.click-to-call-contact.mobile,.click-to-call.mobile {
    display: none;
}

#contact_form_pop {
    padding: 10px;
}

input[type=search],input[type=text],input[type=email],input[type=password],input[type=phone],textarea {
    font-size: 13px;
    border: 1px solid #ccc;
    display: block;
}

.wpcf7-form>span,.wpcf7-form>span span {
    display: block;
    margin: 0 0 10px;
}

.wpcf7-form>span input[type=search],.wpcf7-form>span input[type=text],.wpcf7-form>span input[type=email],.wpcf7-form>span input[type=password],.wpcf7-form>span input[type=phone],.wpcf7-form>span textarea {
    width: 100%;
}

.wpcf7-form>span p {
    display: none;
}

span.wpcf7-not-valid-tip {
    font-size: 12px;
}

div.wpcf7-validation-errors {
    border: none;
    color: red;
    font-size: 12px;
}

div.wpcf7-mail-sent-ok {
    border: none;
    font-size: 12px;
    color: green;
}

div.wpcf7-response-output {
    margin: 10px 0 0;
    padding: 0;
}

#theme-my-login1.login {
    border: 10px solid #efefef;
    float: none;
    margin: 30px auto;
    padding: 30px 30px 20px;
    width: 400px;
}

#theme-my-login1.login label {
    text-align: left;
    font-weight: 400;
}

#theme-my-login1.login input[type=text],#theme-my-login1.login input[type=password],#theme-my-login1.login input[type=mail] {
    width: 100%;
    font-size: 14px;
}

#theme-my-login1.login p.submit {
    text-align: right;
}

.error {
    color: #ffa1a1;
    font-size: 13px;
    line-height: normal;
}

ul.tml-action-links {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: right;
}

ul.tml-action-links li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
}

ul.tml-action-links li a {
    color: #999;
    font-weight: 400;
}

ul.tml-action-links li a:hover {
    color: #00a1df;
}

.blog-page .span1-of-3 {
    float: none;
    overflow: hidden;
    width: inherit;
}

.reports_container {
    display: inline-block;
    margin: 10px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 275px;
}

.reports_container h5 {
    margin: 0 0 10px;
    min-height: 48px;
}

.reports_container .partner_thumbs {
    width: 225px !important;
}

.contact_logo {
    margin: 0 auto 20px;
    width: 90%;
}

.members-section {
    display: block;
    width: 100%;
    margin: 0 -1.4%;
    padding: 8px 0 0;
    position: relative;
    text-align: left;
}

.member-col {
    display: inline-block;
    vertical-align: top;
    margin: 0 .9% 3%;
    text-align: center;
    width: 22%;
}

.member-col span.mem-image {
    width: 96%;
    border: 5px solid #dbdbda;
    overflow: hidden;
    display: block;
    vertical-align: top;
    border-radius: 5px;
    margin: 0 0 10px;
}

.member-col span.mem-image img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    transition: all .2s ease-in-out;
}

.member-col span.mem-image:hover img {
    transform: scale(1.2);
}

.member-col span.mem-title {
    text-transform: uppercase;
    display: block;
    line-height: normal;
    font-family: GaramondPremrPro-BdCapt;
    font-size: 15px;
    min-height: 45px;
}

.member-col span.mem-title,.member-col span.mem-title a {
    color: #a4ce65;
}

.member-col span.mem-title a:hover {
    color: #000;
}

.breadcrumb a,.member_logout a {
    color: #a3cf5f;
}

.default-amount-list #variable_amount-error.error {
    position: absolute;
    top: -206px;
}

.selector>span {
    width: 96% !important;
}

#uniform-amount-selector-dd {
    margin: 0 0 33px 16.3em;
}
.amount-select-box #uniform-amount-selector-dd{ margin: 0 0 33px 0; }
.authnet_preset_amount .amount-select-box {margin: 0 0 0 18.7em; }
#uniform-amount-selector-dd .error {
    left: 0;
    margin: 6px 0 0;
    position: absolute;
    top: 100%;
}

.breadcrumb {
    font-size: 15px;
}

.member_logout {
    float: right;
    font-family: Lora,serif;
    font-size: 20px;
    font-weight: 700;
    width: auto;
}

.member_logout a:hover {
    color: #000;
}

#contact_form_pop2 {
    width: 600px;
    text-align: center;
    padding: 10px 0;
}

#contact_form_pop2 .contact_logo {
    margin-bottom: 0;
}

#contact_form_pop2 .wpcf7 {
    padding: 8px;
    font-size: 14px;
}

#contact_form_pop2 .wpcf7 span {
    text-align: left;
    margin: 0;
}

#contact_form_pop2 .wpcf7 span.field {
    display: inline-block;
    margin: 0 2% 10px;
    text-align: left;
    width: 46%;
    vertical-align: top;
}

#contact_form_pop2 .wpcf7 .required {
    float: right;
    font-size: 12px;
    width: auto;
    padding: 0 2%;
    text-align: right;
}

#contact_form_pop2 .wpcf7 .required span {
    color: red;
    display: initial;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 0;
}

#contact_form_pop2 .wpcf7 h4 {
    font-size: 22px;
    margin: 0 0 10px;
}

#contact_form_pop2 .wpcf7 h5 {
    font-size: 17px;
    margin: 0 0 10px;
}

#contact_form_pop2 .wpcf7 .description {
    text-align: left;
    padding: 0 2% 12px;
}

#contact_form_pop2 .wpcf7 label {
    width: 100%;
}

#contact_form_pop2 .wpcf7 label span {
    display: inherit;
    width: auto;
    line-height: normal;
    color: red;
    font-size: 18px;
}

#contact_form_pop2 .wpcf7 span.fellow-name {
    display: block;
    float: none;
    padding: 0 2% 24px;
    width: 96%;
}

#contact_form_pop2 .wpcf7 span.fellow-name span {
    padding: 0;
    width: 100%;
}

#contact_form_pop2 .wpcf7 span.submit-btn {
    text-align: right;
    position: relative;
    padding: 10px 2% 0;
}

#contact_form_pop2 .wpcf7 span.submit-btn img {
    position: absolute;
    right: 117px;
    top: 21px;
}

.extra_notes {
    margin-bottom: 20px !important;
    clear: both;
    padding: 0 0 0 13.5em;
}

.extra_notes .authnet_form_part {
    padding: 0;
    width: 97.9%;
}

.extra_notes .authnet_form_part textarea {
    height: 79px !important;
}

.extra_notes .authnet_billing_box {
    margin: 0 !important;
}

s div.selector span {
    font-family: Lato,sans-serif;
}

@media only screen and (max-width: 1267px) {
    .authnet_list_area2 div.selector,div.selector {
        width: 100% !important;
    }

    #cboxLoadedContent iframe,#cboxLoadedContent img {
        max-width: 900px;
    }

    div.selector {
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 1220px) {
    .header .container {
        padding: 0;
    }

    .container,.mainmenu-section {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .boxydoodle .container,.hero-image .container {
        padding: 0;
    }

    .container.page-section {
        padding-bottom: 2em;
    }

    .container.page-section.post {
        padding-top: 2em;
    }

    .partner_thumbs {
        width: 18.5%;
        height: auto;
    }

    .span1-of-2 .blog-img img {
        max-width: 100%;
        width: 100%;
    }

    .content.page-program .contact-section .half {
        width: 32.4%;
    }
}

@media only screen and (max-width: 1217px) {
    .wrap .footer .column h4,.wrap .footer .followus h4 {
        font-size: 2vw;
    }

    .wrap>.footer .column p.button-container {
        font-size: 1.5vw;
    }

    .wrap>.footer .column p.button-container a {
        width: auto;
    }

    .content.page-program .contact-section .contact.middle {
        padding: 0 1.5%;
    }

    .content.page-program .contact-section .documents.half {
        width: 26%;
    }

    .content.page-program .contact-section .half {
        width: 30%;
    }
}

@media only screen and (max-width: 1205px) {
    .directors-img-container {
        width: 14.47%;
    }
}

@media only screen and (max-width: 1181px) {
    .directors-img-container {
        width: 14.45%;
    }
}

@media only screen and (max-width: 1168px) {
    .wrap>.footer .column form input,.wrap>.footer .column p {
        font-size: 1.7em;
    }

    .content.page-program .contact-section .documents.half {
        width: 250px;
        min-height: 188px;
        margin: 0 0 50px;
    }

    .content.page-program .contact-section .half {
        width: 338px;
        min-height: 188px;
        margin: 0 0 50px;
    }
}

@media only screen and (max-width: 1143px) {
    .directors-img-container {
        width: 14.4%;
    }
}

@media only screen and (max-width: 1140px) {
    .sidebar {
        width: 294px;
    }
}

@media only screen and (max-width: 1125px) {
    .wrap .footer .column {
        height: 342px;
    }

    .wrap .footer .column.col-1,.wrap .footer .column.col-2,.wrap .footer .column.col-3 {
        min-width: inherit;
    }

    .wrap .footer .column h4 {
        min-width: 204px;
    }

    .followus {
        width: auto;
    }
}

@media only screen and (max-width: 1066px) {
    .content.page-program .contact-section .container {
        text-align: center;
    }

    .content.page-program .contact-section .container h1 {
        text-align: left;
    }

    .content.page-program .contact-section .contact.last {
        float: none;
        display: inline-block;
        clear: both;
        margin: 0;
    }

    .content.page-program .contact-section .contact.middle {
        padding: 0;
        float: right;
    }
}

@media only screen and (max-width: 1049px) {
    .directors-img-container {
        width: 17.73%;
    }
}

@media only screen and (max-width: 1040px) {
    .left-panel {
        width: 65%;
    }

    .span1-of-3 {
        width: 45%;
    }
}

@media only screen and (max-width: 1020px) {
    .directors-img-container {
        width: 17.7%;
    }
}

@media only screen and (max-width: 1010px) {
    .header-wrap .header .top-nav {
        display: none;
    }

    .header .main-nav ul {
        background: #a3cf5f;
        border: 1px solid #7ca638;
        border-top: none;
        border-bottom: none;
        display: none;
        position: absolute;
        text-align: left;
        top: 36px;
        width: 336px;
        z-index: 1;
    }

    .header-wrap .header .main-nav ul>li {
        float: left;
        border: none;
        -webkit-transition: none;
        transition: none;
        border-bottom: 1px solid #7ca638;
        border-top: 1px solid #b9e375;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    .header-wrap .header .main-nav ul li.menu-item-314,.header-wrap .header .main-nav ul li.menu-item-315,.header-wrap .header .main-nav ul li.menu-item-316 {
        display: block;
    }

    .header-wrap .header .main-nav ul>li>a {
        width: 100%;
        -webkit-transition: none;
        transition: none;
        box-sizing: border-box;
        color: #000;
        padding: .8em;
        font-size: 1.6em;
    }

    .header-wrap .header .main-nav ul>li a:hover,.header-wrap .header .main-nav ul>li.current-menu-item>a {
        background: #c0ec7c;
    }

    .responsive-navbtn {
        display: inline-block;
        width: 35px;
        position: absolute;
        margin: 6px 0 0;
        cursor: pointer;
        height: 24px;
        background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/resp-nav.png) no-repeat;
    }

    .header .main-nav ul li ul {
        position: relative;
        display: none;
        background: #a3cf5f;
        border: none;
        border-top: 1px solid #7ca638;
        float: left;
        top: auto;
        left: 0;
        width: 100%;
    }

    .header-wrap .header .main-nav ul li ul li {
        background: #a3cf5f;
        border: none;
        border-bottom: 1px solid #7ca638;
        border-top: 1px solid #b9e375;
    }

    .header-wrap .header .main-nav ul li ul li:last-child {
        border-bottom: none;
    }

    .header-wrap .header .main-nav ul li ul li a {
        background: 0 0;
        color: #000;
        padding: .68em .8em .8em 2em;
    }

    .header .main-nav ul li ul ul {
        left: 0;
        top: auto;
    }

    .drop-down {
        float: right;
        right: 0;
        position: absolute;
        z-index: 2;
        height: 41px;
        display: block;
        width: 45px;
        background: url(/web/20160602030353im_/http://ocbarfoundation.org/wp-content/themes/ocbf/images/down-arrow.png) center no-repeat;
        cursor: pointer;
        border-left: 1px solid #000;
    }

    .header-wrap .header .main-nav ul li a span {
        display: block;
        width: 88%;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-wrap .header .main-nav ul li a span br {
        display: none;
    }
}

@media only screen and (max-width: 984px) {
    #cboxLoadedContent iframe,#cboxLoadedContent img {
        max-width: 768px;
    }

    .page-home .boxydoodle .box p {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .authnet_billing_box div.selector {
        width: 100% !important;
        box-sizing: border-box;
    }
	
}

@media only screen and (max-width: 974px) {
    .directors-img-container {
        width: 22.68%;
    }
}

@media only screen and (max-width: 960px) {
    .wrap .footer .container {
        text-align: center;
    }

    .wrap .footer .column.col-2 {
        border: none;
    }

    .wrap .footer .column {
        display: inline-block;
        margin: 0 0 8em;
        min-height: inherit;
        height: auto;
        padding: 0 !important;
        text-align: center;
        width: 50% !important;
    }

    .followus,.wrap>.footer .column form input {
        width: 100%;
    }

    .followus {
        margin: 3em 0 0;
        text-align: center;
    }

    .wrap .footer .column h4,.wrap .footer .followus h4 {
        font-size: 2.4em;
        display: block;
        text-align: center;
    }

    .wrap .footer .column h4:after {
        left: 0;
        right: 0;
        bottom: -.5em;
    }

    .wrap .footer .column.col-3 {
        width: 64% !important;
        text-align: center;
        margin: 0;
    }

    .column.col-3 p br:nth-of-type(1),.column.col-3 p br:nth-of-type(5) {
        display: none;
    }

    .wrap .footer .column.col-3 h4:after {
        left: 0;
        right: 0;
    }

    .login {
        width: 100%;
        display: block;
    }

    .wrap>.footer .column form input,.wrap>.footer .column p {
        font-size: 17px;
        text-align: center;
    }

    .wrap .footer .column.col-1 form {
        width: 100%;
        text-align: center;
    }

    .wrap>.footer .column p.button-container {
        font-size: 17px;
    }

    .content.page-program .points .points-nav {
        width: 220px;
    }

    .content.page-program .points .points-content {
        padding: .8em 0 0 11.5em;
    }

    .amazon-smile a {
        text-align: center;
    }

    .wrap>.footer .column form input.submit {
        margin: 0 auto;
        text-align: center;
        width: 128px;
    }
}

@media only screen and (max-width: 920px) {
    .blog-page {
        margin: 0 0 20px;
    }

    .left-panel,.sidebar {
        width: 100%;
    }

    .search-form {
        margin: 0 0 28px;
        width: 300px;
    }

    .categories {
        margin: 0 0 42px;
    }

    .categories ul {
        width: 100%;
    }

    .categories>ul li {
        display: inline-block;
    }

    ul.resp-tabs-list {
        display: table;
        width: 100%;
    }

    .resp-tabs-list li {
        margin: 0;
        display: table-cell;
        float: none;
    }

    #parentHorizontalTab {
        margin: 0 0 42px !important;
    }

    .amounts,.extra_notes,.select-amount.other {
        padding: 0 0 0 15%;
    }

    .amount-select-box .select-amount.other {
        padding: 0 0 0 32%;
    }

    #uniform-amount-selector-dd {
        margin-left: 32%;
    }

    .categories>ul li {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
	.authnet_preset_amount .amount-select-box {
		margin: 0 0 0 10em;
	}
}

@media only screen and (max-width: 906px) {
    .directors-img-container {
        width: 22.64%;
    }
}

@media only screen and (max-width: 892px) {
    .page-home .boxydoodle .box.display .display-content .content h2,.page-home .boxydoodle .box>a strong {
        font-size: 1.5em;
    }

    a.button.button-donate {
        background-size: 18% auto;
    }

    .page-home .boxydoodle .box.display .display-content .content p {
        margin: 0;
    }

    #uniform-_dgx_donate_donor_state {
        background-position: 96% center;
    }

    .partner_thumbs {
        width: 23.57%;
    }
	
}

@media only screen and (max-width: 868px) {
    #recurring-period {
        width: 100%;
        padding-top: 0;
    }

    .amount-select-box .select-amount.other,.amounts,.extra_notes,.select-amount.other {
        padding: 0;
    }

    #uniform-amount-selector-dd {
        margin-left: 0;
    }

    .donate-type {
        float: left;
    }

    .authnet_form_part {
        width: 47.5%;
        padding: 0 1%;
    }

    .extra_notes .authnet_form_part {
        width: 97.5%;
    }
	.authnet_preset_amount .amount-select-box {
		margin: 0;
	}
}

@media only screen and (max-width: 856px) {
    .directors-img-container {
        width: 22.59%;
    }
}

@media only screen and (max-width: 820px) {
    .wrap .footer .column {
        width: 390px !important;
    }
}

@media only screen and (max-width: 843px) {
    #cboxLoadedContent iframe,#cboxLoadedContent img {
        max-width: 550px;
    }
}

@media only screen and (max-width: 800px) {
    .directors-img-container {
        width: 22.54%;
    }
}

@media only screen and (max-width: 768px) {
    .contact-left span {
        display: block;
        padding: 0 0 10px;
        width: 100%;
    }

    .content.page-program .media-section .media-item .item-title {
        font-size: 18px;
    }

    .contact-left span.wpcf7-not-valid-tip {
        font-size: 13px;
    }

    .doodle-inner {
        font-size: 2.8vw;
    }
}

@media only screen and (max-width: 767px) {
    .login p {
        margin-top: 0;
    }

    .amount-header,.authnet_heading h2,.authnet_variable_payment fieldset legend,.entry-title,.main-content h1,.section-title,.single-title,.your_payment,h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    .content.page-program .contact-section .half h3,.content.page-program .program-news h3,h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 17px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    .content.page-program .media-section .media-item .item-title {
        font-size: 15px;
    }

    .partner_thumbs {
        width: 23.4%;
    }

    .click-to-call,.click-to-call-contact {
        display: none;
    }

    .click-to-call-contact.mobile,.click-to-call.mobile {
        display: block;
        margin: 0 0 10px;
    }

    .click-to-call.mobile a {
        display: block;
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 755px) {
    .directors-img-container {
        width: 22.45%;
    }
}

@media only screen and (max-width: 728px) {
    .donation_type_block {
        display: inline-block;
        margin: 0 0 10px !important;
        padding: 0;
    }

    .donation_type_block label {
        position: relative;
        margin: 0 0 8px;
        width: 100%;
    }
}

@media only screen and (max-width: 726px) {
    .page-home .home-section .column {
        width: 45%;
    }

    .authnet_variable_payment fieldset {
        margin: 0 0 25px !important;
    }
}

@media only screen and (max-width: 710px) {
    .content.page-program .contact-section .contact.last,.content.page-program .contact-section .contact.middle,.content.page-program .contact-section .documents.half {
        margin: 0 0 40px;
        min-height: inherit;
        clear: both;
    }

    .content.page-program .contact-section .contact.middle {
        clear: right;
        float: right;
    }

    .content.page-program .contact-section .contact.last {
        clear: left;
        float: left;
        margin: 0;
    }

    .content.page-program .contact-section .contact.last .contact-photo {
        float: left;
        margin: 0 2em 0 0;
    }

    .content.page-program .contact-section .contact.last .info,.content.page-program .contact-section .contact.last .info>span {
        text-align: left;
        float: left;
        width: 185px;
    }
}

@media only screen and (max-width: 700px) {
    .header-wrap .header .logo,.login {
        width: 100%;
    }

    .login {
        text-align: right;
        font-weight: 700;
        letter-spacing: .5px;
    }

    .header-wrap .header .top-nav {
        margin: 15px 0 0;
        text-align: center;
        width: 100%;
        font-weight: 700;
    }

    .header-wrap .header .top-nav ul li {
        padding: 0 1em .5em;
    }

    .header-wrap .header .logo h1 {
        width: 65%;
        margin: 10px auto;
    }

    .contact-right {
        font-size: .9em;
        min-width: 234px;
        width: auto;
        padding: 0 0 0 30px;
    }

    .page-home .home-section .container>p.button-container {
        text-align: center;
        width: 100%;
        padding: 22px 0 0;
    }

    #fancybox-wrap {
        width: 88% !important;
        left: 50% !important;
        margin: 0 0 0 -49% !important;
    }

    #fancybox-content {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #contact_form_pop2 {
        width: 100%;
        box-sizing: border-box;
    }

    .amount-select-box {
        box-sizing: border-box;
        width: 99.5%;
    }

    .contact-right span.contact_desktop {
        display: none;
    }

    .contact-right span.contact_mobile {
        display: block;
    }

    .map-section-mobile {
        width: 100%;
        box-sizing: border-box;
    }

    #map-mobile {
        width: 100%;
    }
}

@media only screen and (max-width: 681px) {
    .directors-img-container {
        width: 30.7%;
    }
}

@media only screen and (max-width: 670px) {
    .blog-content-section {
        clear: both;
    }

    .span1-of-1 {
        width: 100%;
        margin: 0 0 15px;
    }

    .blog-date {
        width: 197px;
        margin: 0 4px 0 0;
        float: left;
        padding: 15px;
    }

    .blog-date li {
        text-align: left;
    }

    .blog-date li span {
        display: inline;
        font-size: 18px;
        position: relative;
    }

    .blog-date li span:after {
        position: relative;
        content: ",";
    }

    .blog-pic {
        float: left;
        padding: 12px 20px 13px;
        width: 46px;
    }

    .blog-img img {
        height: auto !important;
    }

    .span1-of-3 {
        width: 60%;
    }

    .contact-left div.wpcf7-mail-sent-ok,.contact-left div.wpcf7-validation-errors {
        font-size: 13px;
    }

    .page-home .boxydoodle .box.display .display-content .content {
        width: 41%;
    }

    .page-home .boxydoodle .box h1 {
        font-size: 22px;
        margin: 0;
    }
}

@media only screen and (max-width: 645px) {
    .media-items {
        display: block;
        width: 100%;
        text-align: center;
    }

    .content.page-program .media-section .media-item.video {
        margin: 0 0 25px;
        width: 100%;
    }

    .content.page-program .media-section .media-item.video .item-title {
        font-size: 16px;
    }

    .content.page-program .media-section .media-item.photo_gallery {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 1.2% 10px;
        width: 22%;
    }

    .content.page-program .media-section .media-item .item-title {
        font-size: 14px;
        display: block;
        text-align: left;
    }
}

@media only screen and (max-width: 635px) {
    .donate-type,.select-amount {
        font-size: 15px;
        padding: 15px;
        font-weight: 700;
    }

    .amounts .select-amount {
        padding: 15px 10px;
        width: 50px;
    }

    .authnet_billing_box {
        margin: 0 !important;
        width: 100% !important;
    }

    .authnet_form_part,.extra_notes .authnet_form_part {
        padding: 0;
        width: 100%;
    }

    .authnet_form_part2 {
        padding: 0 10px 16px 0;
    }

    .authnet_paynow_container {
        float: none;
        margin: 24px 0 15px;
    }

    input.authnet_pay_now_image {
        padding: 15px 25px !important;
    }
}

@media only screen and (max-width: 630px) {
    article.news-item {
        padding: 0 0 12px;
    }

    .page-home .home-section .column {
        width: 100% !important;
    }

    .header .top .container,.media-section .container {
        padding: 0;
    }

    .wrap .footer .column.col-3 {
        width: 100% !important;
        padding: 0 !important;
    }

    .content.page-program .points .points-content,.content.page-program .points .points-nav {
        width: 100%;
    }

    .content.page-program .points .points-nav {
        margin: 0 0 20px;
    }

    .content.page-program .points .points-content {
        clear: both;
        padding: 0;
    }

    .wrap>.footer .column a {
        word-wrap: break-word;
    }

    .partner_thumbs {
        width: 31.61%;
        margin: 0 .4% .4%;
    }
}

@media only screen and (max-width: 600px) {
    #cboxLoadedContent iframe,#cboxLoadedContent img {
        max-width: 400px;
    }

    .page-home .home-section .embed {
        width: 100%;
        box-sizing: border-box;
    }

    .page-home .boxydoodle .box {
        background-image: none !important;
    }

    .doodle-wrap {
        bottom: auto;
        top: 0;
        height: 100%;
        padding: 8%;
    }

    .doodle-inner {
        font-size: 3.5vw;
    }

    .page-home .boxydoodle .box.green:hover,.page-home .boxydoodle .box.green:hover:before {
        background-color: #7caf2d;
    }

    .page-home .boxydoodle .box.purple:hover,.page-home .boxydoodle .box.purple:hover:before {
        background-color: #761681;
    }

    .page-home .boxydoodle .box.blue:hover,.page-home .boxydoodle .box.blue:hover:before {
        background-color: #037caa;
    }
}

@media only screen and (max-width: 586px) {
    #contact_form_pop2 .wpcf7 .required {
        padding: 0 2% 12px;
    }

    #contact_form_pop2 .wpcf7 span.field {
        margin: 0;
        padding: 0 2% 10px;
        width: 100%;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 583px) {
    .directors-img-container {
        width: 47.4%;
    }

    .single-post .single-title {
        clear: both;
    }

    .blog-img.single {
        display: inline-block;
        float: none;
        padding: 25px 0 0;
        width: 100%;
    }

    .blog-img.single img {
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (max-width: 539px) {
    .span1-of-2 {
        margin: 0;
        width: 100%;
    }

    .blog-img,.contact-right span {
        margin: 0 0 20px;
    }

    .blog-img {
        text-align: center;
        width: 100%;
    }

    .span1-of-3 {
        width: 100%;
        clear: both;
    }

    .contact-left input[type=submit] {
        font-size: 16px;
        padding: 12px 20px;
    }

    .contact-left,.contact-right {
        display: block;
        vertical-align: top;
        width: 100%;
        margin: 0 0 20px;
    }

    .contact-right {
        padding: 0;
    }

    #map-canvas {
        height: 280px;
    }

    .map-section {
        margin: 4em 0;
    }

    .content.page-program .contact-section {
        padding: 2.2em 0 6em;
    }

    .categories>ul li {
        box-sizing: border-box;
        margin: 0;
        width: 100%;
    }

    .search-form {
        width: 100%;
    }
}

@media only screen and (max-width: 520px) {
    #theme-my-login1.login {
        width: 100%;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 516px) {
    .directors-img-container {
        width: 47.3%;
    }

    .director-wrap h1.entry-title,.tablepress tfoot th,.tablepress thead th {
        font-size: 16px;
        font-weight: 700;
    }
}

@media only screen and (max-width: 493px) {
    .donate-type,.select-amount {
        width: 200px;
    }
}

@media only screen and (max-width: 480px) {
    .content.page-program .media-section .media-item,.content.page-program .media-section .media-items {
        margin: 0;
    }

    .content.page-program .media-section .media-item.video {
        width: 100%;
        margin: 0 0 15px;
    }

    .content.page-program .media-section .media-item.photo_gallery {
        width: 47%;
    }

    .content.page-program .media-section .media-item:nth-of-type(3) {
        float: right;
    }

    .partner_thumbs {
        width: 48.2%;
    }

    .extra_notes .authnet_form_part,.extra_notes .authnet_form_part textarea {
        width: 100%;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 479px) {
    .wrap>.footer .bottom-footer p {
        font-size: 1.2em;
    }

    .header-wrap .header .logo h1 {
        width: 246px;
    }
}

@media only screen and (max-width: 470px) {
    #cboxLoadedContent iframe,#cboxLoadedContent img {
        max-width: 300px;
    }

    .directors-img-container {
        width: 47.1%;
    }

    .wrap .footer .column {
        width: 100% !important;
    }

    input.authnet_pay_now_image {
        font-size: 16px;
    }

    .authnet_form_part2 {
        padding: 0;
        margin: 0;
    }

    .authnet_list_area2 {
        width: 100%;
        margin: 0 0 24px;
    }

    .authnet_slash {
        display: none;
    }

    .wrap .footer .container .columnwrap {
        display: block;
        width: 100%;
    }

    .wrap>.footer .column form input,.wrap>.footer .column p {
        font-size: 14px;
    }

    .header-wrap .header .logo h1 {
        width: 90%;
    }
}

@media only screen and (max-width: 440px) {
    .amounts .select-amount,.donate-type,.donation_type_block {
        width: 100%;
        box-sizing: border-box;
    }

    #recurring-period {
        padding: 10px 0 0;
    }

    .donate-type {
        float: left;
        margin: 0 0 15px;
    }

    .select-amount {
        margin: 0 10px 10px 0;
        width: 100%;
    }

    .authnet_form_part2 {
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {
    .directors-img-container {
        box-sizing: border-box;
        width: 100%;
    }

    .amount-select-box,.select-amount.other {
        min-width: inherit;
    }
}

@media only screen and (max-width: 378px) {
    .header .main-nav ul {
        width: 100%;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 370px) {
    #fancybox-wrap {
        margin: 0 0 0 -50% !important;
    }
}

@media only screen and (max-width: 365px) {
    .entry-content p img,.partner_thumbs img {
        width: 100%;
    }

    #cboxLoadedContent iframe,#cboxLoadedContent img {
        max-width: 250px;
    }

    .partner_thumbs {
        width: 100%;
        margin: 0 0 .4%;
    }

    .page-home .boxydoodle .box.display .display-content .content {
        width: 38%;
    }

    .page-home .boxydoodle .box.display .display-content h1 {
        font-size: 18px;
    }

    .page-home .boxydoodle .box.display .display-content p {
        font-size: 14px;
        line-height: normal;
    }

    .page-home .boxydoodle .box.display .display-content a {
        font-size: 14px;
    }

    .supporters_table {
        display: block;
        padding: 0;
        width: 100%;
    }

    #theme-my-login1.login {
        padding: 15px 15px 10px;
    }

    .select-amount.other label {
        margin: 13px 10px 8px 0;
        font-weight: 700;
    }

    .select-amount.other input[type=text] {
        width: 100%;
    }

    .amount-select-box .select-amount.other {
        text-align: left;
    }
}

.not-found {
    text-align: center;
}

.wpcf7-form-control.wpcf7-captchar {
    width: 19% !important;
}

/*
     FILE ARCHIVED ON 03:03:53 Jun 02, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:56:18 Mar 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.796
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.046
  esindex: 0.013
  cdx.remote: 59.471
  LoadShardBlock: 255.993 (3)
  PetaboxLoader3.datanode: 226.1 (4)
  load_resource: 163.765
  PetaboxLoader3.resolve: 93.95
*/