/*
Theme Name: op-eyesight
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: op-eyesight
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

op-eyesight is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: "Arial", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover, a:focus {
    outline: 0;
}
:focus {
    outline: -webkit-focus-ring-color auto 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
  
 
 label {
    font-weight: 300;
}
mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}
.default-content ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    padding-bottom: 12px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #0e0e0e;
    font-family: "Arial",sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}
body, button, input, select, textarea {
    font-family: "Arial", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    font-family: "Arial";
    margin-bottom: 1.5em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

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

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}
/** Bootstrap edit **/
.fluid-container > .row {
    margin-left: 0;
    margin-right: 0;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 0;
    border-radius: 3px;
    padding: 3px;
    background: #F2F2F2;
}
select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
}

/*****
******
*** Menu CSS
******
******/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul > li > ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
.main-navigation ul > li > ul {
   
    top: 0;
}

/*--------------------------------------------------------------
## Main Menu
--------------------------------------------------------------*/
  .main-navigation li {
    color: black;
    float: left;
    font-size: 21px;
    font-family: "Arial";
    font-weight: 300;
    position: relative;
    padding: 0 28px;
}
.menu-item a {
    color: black;
}
button.menu-toggle .fa-bars {
       color: #25588D;
    margin-right: 0;
    font-size: 36px;
}
span.menutext {
    clear: both;
    display: block;
    text-align: center;
}
button.menu-toggle {
    margin-top: 28px;
}
.mobilelogo {
    padding: 12px 24px;
}
button.menu-toggle {
    float: right;
    font-size: 24px;
}
.main-navigation ul li > ul {
    left: 0;
}
.main-navigation li.menu-item {
   
    width: 100%;
}
.header-wrapper > .row > .col-xs-12 {
    padding: 0;
}
.logo-holder {
    max-width: 185px;
    width: 185px;
    float: left;
}
img.ttlogo {
    display: block;
    margin: 8px auto auto auto;
    max-width: 150px;
    width: 150px;
}

#primary-menu .menu-item > a {
    color: #25588D;
    padding-top: 21px;
    padding-bottom: 21px;
    min-width: 108px;
    font-weight: 400;
    font-size: 21px;
    /* mix-blend-mode: color-burn; */
}
 
.main-navigation .menu-item  {  
    padding: 0;
}
.site-branding > .main-padding > .row > .col-xs-12 {
    position: unset;
}
 
nav#site-navigation {
    border: 0;
    border-radius: 0;
    width: 41%;
    float: left;
    clear: none;
    margin-bottom: 0;
}
span.newsletter-text {
    display: none;
}
#primary-menu .menu-item > a {
    background: #e7e7e7;
    border-bottom: 1px solid lightgrey;
}
/* custom menu */
#bb-header {
  background-color: #fff;
  position: relative; }
  #bb-header .bars {
    margin: 0;
    padding: 0; }
    #bb-header .bars li {
      width: 14.285714285714285714285714285714%;
      height: 8px;
      display: inline;
      float: left; }
      #bb-header .bars li:nth-child(1) {
        background: #4c83c3; }
      #bb-header .bars li:nth-child(2) {
        background: #4c83c3; }
      #bb-header .bars li:nth-child(3) {
        background: #4c83c3; }
      #bb-header .bars li:nth-child(4) {
        background: #4c83c3; }
      #bb-header .bars li:nth-child(5) {
        background: #4c83c3; }
      #bb-header .bars li:nth-child(6) {
        background: #4c83c3; }
      #bb-header .bars li:nth-child(7) {
        background: #4c83c3; }
#primary-menu .menu-item .dropdown-menu a {
    color: black;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 18px;
    font-weight: 300;
}
li.dropdown-header {
    min-height: 25px;
}
#primary-menu .menu-item .dropdown-menu .dropdown-header a {
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0px 0;
    border-bottom: 0!important;
}
.mega-dropdown-menu .dropdown-header {
    font-family: "Merriweather";
    color: black;
    margin: 21px 0;
    width:100%;
}
button.menu-toggle {
    font-size: 18px;
    font-family: "Arial";
    background: transparent;
    border: 0;
    margin-top: 0;
    padding-top: 28px;
    padding-bottom: 16px;
}
button.menu-toggle.menu-open {
    background: #e7e7e7;
}
.menu-toggle .menutext {
    color: #25588d;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
span.menutext {
    font-size: 16px;
}
a.donate-heart {
    width: 44px;
    display: block;
    float: right;
    margin-top: 12px;
    padding: 14px 0;
    margin-right: 0;
    color: #f4a23e;
}
.menu-toggle span.menutext {
    margin-top: 7px;
}
.donate-heart:hover, .donate-heart:focus, .donate-heart:active {
    color: #f4a23e;
}
button.menu-toggle .fa-close { 
    display:none;
    color: #25588D;
    margin-right: 0;
    font-size: 36px;
}
button.menu-toggle.active .fa-close { display:block;}
button.menu-toggle.active .fa-bars { display:none;}
/*----------------------------
## Mega Dropdown
-----------------------------*/
.navbar, li#menu-item-51 {
    position: unset;
}
ul#primary-menu {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    background: #e7e7e7;
}
a.dropdown-toggle {
    margin: 0px 18px;
}
a.dropdown-toggle.tabopen:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.main-navigation ul li > .mega-dropdown-menu.visuallyopen {
    opacity: 1;
}
.closemenumega {
    text-align: right;
    font-size: 24px;
    position: absolute;
    right: -18px;
    top: 16px;
    cursor: pointer;
}
 .mega-dropdown .container.main-padding {
    max-width: 1500px;
    width: 100%;
    position: relative;
}
.mega-dropdown-menu .row:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -33px;
    left: 244px;
    z-index: 10;
}
.mega-dropdown-menu .row:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -35px;
    left: 242px;
    z-index: 8;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: bold;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    left: 0;
}
ul.dropdown-menu.mega-dropdown-menu {
    position: relative;
    border: 0;
    box-shadow: none;
}
.main-navigation ul li > ul.mega-dropdown-menu {
    display: none;
    opacity: 0;
    height: 0;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.main-navigation ul li > .mega-dropdown-menu.visuallyopen {
    opacity: 1;
    height: auto;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.mega-dropdown-menu .row:before, .mega-dropdown-menu .row:after {
    display: none;
}
ul.dropdown-menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#primary-menu > li {
    width: 100%;
    float: none;
    clear: both;
    display: block;
}
#primary-menu > li {
    padding: 0;
    text-align: center;
}
#primary-menu > li.menu-item {
    border-bottom: 0;
}
.mega-dropdown-menu {
    padding: 8px 0;
}
#primary-menu .menu-item .dropdown-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #e7e7e7;
}
.main-navigation ul li > .dropgp-canvas {
    padding-left: 32px;
    padding-right: 32px;
}
#primary-menu > li > a {
    text-align: left;
    margin: 0 56px;
}
a.dropdown-toggle {
    cursor: pointer;
}
.main-navigation ul li > .mega-dropdown-menu.open {
    display: block;
}
#primary-menu .menu-item .dropdown-menu a:hover {
    color: #29bca2;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}

/** double nav **/
.main-navigation ul.dropdown-menu ul li.dropdown-header {
    display: none;
}
.main-navigation ul .dropdown-menu .col-sm-12:nth-child(2) > ul li, .main-navigation ul .dropdown-menu .col-sm-12:nth-child(3) > ul li, .main-navigation ul .dropdown-menu .col-sm-12:nth-child(4) > ul li {
    display: none;
}
a.dropdown-toggle {
    text-align: left;
}
.mega-dropdown-menu .fa-chevron-right {
    display: none;
}
a.dropdown-toggle:after {
    content: "\f054";
    font-family: "fontawesome";
    float: right;
     margin-right: 4px;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.dropdown:hover a.dropdown-toggle:after {
    margin-right: 0;
    /* display: block; */
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
a.sub-mob {
    background: #f4a23e;
    color: white;
    padding: 12px 24px;
    font-size: 18px;
    border-radius: 6px;
    display: block;
    box-shadow: none;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    margin: 12px 56px 12px 56px;
}
a.sub-mob:hover, a.sub-mob:focus, a.sub-mob:active {
    color: white;
}
i.fa.fa-envelope {
    float: right;
    font-size: 28px;
}
ul#primary-menu {
    padding-bottom: 18px;
}
#primary-menu .menu-item .dropdown-menu li:last-child a {
    border-bottom: 0;
}
 
@media screen and (max-width: 420px) {
i.fa.fa-envelope {
    display: none;
}
}

/*** phone ***/
@media screen and (min-width: 370px) {
a.donate-heart {
 
    margin-right: 24px;
}
img.ttlogo {
    display: block;
    margin: 2px auto auto auto;
    max-width: 185px;
    width: 185px;
}
}

@media screen and (min-width: 420px) {
a.sub-mob {
    font-size: 18px;
}
    .logo-holder {
    max-width: 200px;
    width: 200px;
    float: left;
}
}
/** end double nav **/
@media screen and (min-width: 768px) {
button.menu-toggle {
 
    padding-top: 32px;
}
 a.donate-heart {
        padding: 18px 0;
}
    a.dropdown-toggle {
    text-align: center;
}
    #primary-menu > li > a {
    text-align: left;
    margin: 0 56px;
}
    .logo-holder {
    max-width: 228px;
    width: 228px;
    float: left;
}
}

/***
** Tablet
****/
@media screen and (min-width: 992px) {
.header-wrapper {
        padding: 0 32px;
    }
    #primary-menu .menu-item > a { margin:0;}
/* Mobile Button */
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    a.donate-heart {
  display: none;
}
    a.sub-mob {

    display:none;
   
}
    a.dropdown-toggle:after {
        display: none;
    }
    ul#primary-menu {
    padding-bottom: 0;
}
 
    #primary-menu .menu-item > a {
    background: transparent;
    border-bottom: 0;
}
    #primary-menu > li {
    width: auto;
    float: left;
    clear: unset;
    display: block;
}
    #primary-menu > li {
    padding: unset;
    text-align: left;
}
    ul#primary-menu {
    border-top: 0;
}
    #primary-menu > li.menu-item {
    border-bottom: 0;
}
    #primary-menu .menu-item > a {
    color: #464646;
    padding-top: 75px;
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
    min-width: 108px;
    font-weight: 400;
    font-size: 18px;
    /* mix-blend-mode: color-burn; */
}
.intern {
    font-size: 18px;
}
    .main-navigation ul li > ul {
    left: auto;
}

.main-navigation ul li > ul.mega-dropdown-menu {
    left: 0;
    bottom: 0;
    top: 150px;
    height: 530px;
    padding: 18px 90px;
    position: absolute;
    display:none;
}
    .main-navigation ul li > .mega-dropdown-menu.visuallyopen {
        height: 530px;
    }
    
.main-navigation ul li > ul.mega-dropdown-menu.open {
    left: 0;
}
 .mega-dropdown-menu {
    padding: 20px 0px;
}
    #primary-menu .menu-item .dropdown-menu a {

    border-bottom: 0;
}
ul.dropdown-menu.mega-dropdown-menu {
    /* position: relative; */
    /* border: 0; */
    /* box-shadow: none; */
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.15);
}
#primary-menu .menu-item .dropdown-menu a {
     padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#primary-menu .menu-item .dropdown-menu li:last-child a {
  
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
    primary-menu .menu-item .dropdown-menu li ul li:last-child a {
   
    border-bottom: 0;
}
    .mega-dropdown-menu .row:before, .mega-dropdown-menu .row:after {
    display: block;
}
 .main-navigation ul.dropdown-menu ul li.dropdown-header {
    display: block;
}
 .main-navigation ul .dropdown-menu .col-sm-12:nth-child(2) > ul li, .main-navigation ul .dropdown-menu .col-sm-12:nth-child(3) > ul li, .main-navigation ul .dropdown-menu .col-sm-12:nth-child(4) > ul li {
    display: block;
}
 .hide-ondesktop, #primary-menu > li.hide-ondesktop { 
        display: none ;
}
}
/*** Tablet Wide
***
**/

@media screen and (min-width: 992px) and (max-width: 1024px){
#primary-menu .menu-item > a {
    padding: 56px 12px;
    float: left;
    clear: both;
    min-width: 64px;
}
nav#site-navigation {
    width: 42%;
}
nav.secondary-nav {
    width: 32%;
}

}



@media only screen and (min-width: 1349px) {
span.newsletter-text {
    display: inline-block;
}
 nav#site-navigation {
    width: 50%;
}
    h4.gf-sign-up {

    padding: 170px 36px 36px 36px;

}
}

/*****
******
*** End Menu CSS
******
******/



.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: #25588D;
}

a:hover,
a:focus,
a:active {
    color: #25588D;
}

a:focus {
    outline: 0;
}

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}


a {
    color: #0063a7;
}
a:visited {
    color: #0063a7;
}
.default-content a {
    font-weight: 400;
}


 

/** Nav Edits **/

 
    
    
 
/* payer misc */
span.sf-range-postfix {
    padding-left: 6px;
}
select.sf-input-select, .chosen-container-single .chosen-single span {
    font-family: "Arial",sans-serif;
    letter-spacing: .5px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 21px;
}
 
#audio-info .artist {
    font-weight: 100;
}
#audio-info .title {
    font-weight: 600;
}
.filter-mobile {
    position: fixed;
    bottom: 12px;
    left: 12px;
    background: #22578f;
    border-radius: 8px;
    color: white;
    padding: 6px;
    width: 120px;
    text-align: center;
    font-size: 18px;
    font-family: "Arial",sans-serif;
}
form#search-filter-form-22 {
    max-width: 370px;
    margin: auto;
}
.filter-mobile {
  display:none;
}
 .close-filter-list {
    display:none;
  }
/* hide other provider field */
.searchandfilter ul li:nth-child(7) {
  
    display: none;
}

@media only screen and (max-width: 767px) {
/* mobile */
    .searchandfilter ul {
        margin-left:0;
        margin-right:0;
        padding-left:0;
    }
  .filter-list {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.96);
  
          padding: 24px 18px;
    display: none;
}
    .filter-list {
    color: white;
    background: rgba(66, 108, 153, 0.97);
    }
    .searchandfilter ul li {
    margin-bottom: 12px;
}
    .searchandfilter ul {
    margin-top: 36px;
}
    span.filter-title {
 
    margin-top: 32px;
}
    span.filter-title {
    max-width: 380px;
    margin: 36px auto;
}
    .close-filter-list {
    margin-top: 36px;
}
  .filter-mobile {
    display:block;
    cursor:pointer;
  }
  .filter-mobile .fa-ellipsis-v {
    padding-left: 8px;
}
.close-filter-list {
    cursor:pointer;
    font-size: 36px;
    position: absolute;
    top: 0;
    right: 12px;
    padding: 12px;
}
  .filter-mobile {
  display:block;
}
  .close-filter-list {
    display:block;
  }
  .chosen-container {
    width: 100% !important;
}
  .row.singnup-row {

    position: relative;
}
/*  filter mobile */
  .searchandfilter ul li:nth-child(7) {
    display: block;
}
  .searchandfilter ul li:nth-child(6) {
  
    display: none;
}
  div#promo-canvas {
    padding: 32px 12px;
}
}


/* Popup */
#promo-canvas {
  display:none;
}
div#promo-canvas {
    background:rgba(0, 0, 0, 0.75);
    bottom: 0;
    color: white;
    left: 0;
    padding: 64px; 
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
   
}
.close-offer {
    font-size: 28px;
    position: absolute;
    top: 24px;
    right: 36px;
}
/* mobile pop up */

div#gform_wrapper_1 {
    padding: 12px;
}
@media only screen and (max-width: 580px) {
div#promo-canvas {
     padding: 64px 32px 32px 32px; 
}
}
/* Form */

form#gform_1 {
    max-width: 320px;
    margin: auto;
}
 .gform_heading {
    margin-bottom: 32px;
}
.gform_body {
    margin-bottom: 32px;
}
.ginput_container input {
    width: 100%;
}

#gform_fields_1 li {
    list-style-type: none;
    width: 100%;
    margin-bottom: 16px;
}
h3.gform_title {
    font-size: 48px;
}
span.gform_description {
    font-size: 16px;
}
label.gfield_label {
    display: none;
}
.close-offer {
 cursor: pointer;
}
.row.singnup-row {
    background: black;
    padding: 32px 0 48px 0;
    max-width: 670px;
    margin: auto;
}
.ginput_container input {
    font-size: 16px;
    padding: 4px;
    border-radius: 0;
}
    .redrow.row.singnup-row {
      background: #ca4e2e;
}
#gform_fields_1 input {
    padding: 6px;
}
.redrow.row.singnup-row input[type="submit"] {
    font-size: 16px;
    color: #ffffff;
    border: #ffffff solid 1px;
}

.lib-content {
    padding-bottom: 140px;
}
.redrow.row.singnup-row {
   
    position: relative;
}


a.download-track i {
    font-size: 32px;
    color: rgba(0, 0, 0, 0.1);
}
a.download-track i:hover {
    color: #333333;
}
.tt-title {
    letter-spacing: 1px;
}

.description p {
    font-size: 16px;
    padding: 24px 0 0 0;
}

.description {
    max-width: 700px;
    width: 100%;
    margin: auto;
    text-align:center;
}

.searchandfilter .noUi-connect {
    background-color: #333;
}
.redrow.row.singnup-row {
    background: #000000;
}
 

#masthead {
    background: #f9f9f9;
}

.searchandfilter .noUi-connect {
    background-color: #333;
}
.filter-mobile {
    z-index: 999;
}

/* footer */
/** hide menu **/
.row.mid-fr {
    display: none;
}
.footercolright i {
    font-size: 32px;
    margin-top: 28px;
    padding-right: 32px;
}
 
.footercolright a:last-child i {
    padding-right: 0;
}
 .footercolcenter, .footercolleft p {
    font-size: 12.5px;
    text-align: center;
}
.footer {
    padding-top:8px;
  padding-bottom:8px;
}
ul.ft-navigation {
    padding: 18px 21px 0 21px;
    /* margin-top: 64px; */
    margin-bottom: 0;
    list-style-type: none;
    margin-left: 12px;
    font-size: 21px;
    font-family: "Arial";
    color: black;
}
img.imgrand {
    max-width: 240px;
}
.ft-navigation a {
    color: black;
    font-weight: 300;
    font-size: 18px;
}
span.ft-heading {
    font-family: "Arial";
    font-size: 24px;
    display: block;
    margin-bottom: 16px;
}
.footer-address {

    text-align: left;
}

.row.top-fr {
    padding: 50px 0 50px 0;
    border-bottom: 1px solid #0000001a;
}
.row.mid-fr {
    margin-top: 32px;
}
.footercolright a {
    color: #4c83c3;
    margin-bottom: 18px;
}
a.donate-button.donate-standard {
    float: center;
    clear: both;
    margin: auto;
}
.footercolright p {
    width: 228px;
    margin: auto;
}
 @media only screen and (min-width:608px) {
a.donate-button.donate-standard {
   float: center;
    clear: unset;
}
     .footercolright p {
    width: auto;
    margin: auto;
}
}
 @media only screen and (min-width:768px) {
a.donate-button.donate-standard {
  
    margin: auto;
}
.footercolright i {
    font-size: 36px;
    padding-right: 32px;
     margin-top: 6px;
}
}
/* page numbers */
a.page-numbers {
    padding: 4px 24px;
    background: #e5e5e5;
    color: #333;
    margin-top:8px;
}
a.page-numbers, span.page-numbers {
    font-size: 16px;
}
span.page-numbers.current {
    background: #d5e4df;
    padding: 4px 24px;
        margin-top:12px;
}
a.page-numbers, span.page-numbers {
    font-size: 18px;
    margin-top: 12px;
    display: block;
    float: left;
    margin-right: 4px;
}
a.prev.page-numbers {
    margin-left: 6px;
}
/* Search Reset */
a.search-filter-reset:after {
    content: "\f021";
    font-family: "FontAwesome";
    font-size: 18px;
    padding-left: 12px;
}
a.search-filter-reset {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    background: #333;
    padding: 8px 24px;
}


div#promo-canvas {
    z-index: 99999999;
}
.row.singnup-row.redrow {
    max-height: 636px;
}

.searchandfilter select.sf-input-select {
    min-width: 230px;
    height: 52px;
}
.sf-field-search input[type="text"] {
    height: 52px;
    border-radius: 0;
    min-width: 230px;
}

/* search filter horizontal */
@media only screen and (min-width: 768px) {
 .searchandfilter .sf-range-max, .searchandfilter .sf-range-min {
    max-width: 50px;
}

.sf-field-search input[type="text"] {
    height: 42px;
    min-width:230px;
}
.searchandfilter .meta-slider {
    width: 90%;
    margin: 10px auto 0 auto;
    cursor: pointer;
}
.sf-field-search input[type="text"] {
    height: 42px;
    width: 90%;
    margin: auto;
    display: block;
    font-family: "Arial",sans-serif;
    font-size: 16px;
    padding-left: 4px;
    color: #333333;
}
.sf-meta-range.sf-meta-range-slider {
    text-align: center;
}
.sf-field-search label {
    height: 48px;
    min-width: 130px;
    display: block;
    width: 100%;
}
 
.searchandfilter select.sf-input-select {
    max-width: 240px;
    width: 100%;
}
.sf-field-search input[type="text"] {
    height: 48px;
    width: 100%;
    font-weight: 300;
    font-size: 21px;
    color: black!important;
    margin: 0;
    display: block;
    min-width: 130px;
}
.searchandfilter .sf-field-taxonomy-genre label, .searchandfilter .sf-field-taxonomy-mood label {
    width: 100%;
}
li.sf-field-reset {
    text-align: center;
}
a.search-filter-reset {
    font-size: 17px;
    color: #333;
    text-transform: uppercase;
    background: #fff0;
    padding: 5px 24px;
    border: #333333 2px solid;
    display: block;
    max-width: 120px;
    margin:auto;
}
.searchandfilter select.sf-input-select {
   
    height: 48px;
}
    .filter-list .sf-field-post_date   input[type="text"] {
    height: 38px;
    margin: 0;
    padding: 0 4px;
    font-size: 16px;
    font-family: "Arial";
    font-weight: 300;
    color: black;
            width: 100%;
}
    .searchandfilter ul li li {
    padding: 5px 0;
    float: left;
    width: 48%!important;
    margin-right: 0px;
    display: block;
}
    .searchandfilter ul li li:first-child {
    margin-right: 4%;
}
    .sf-field-category label {
    width: 100%;
}
    .sf-field-category label {
    width: 100%;
    border-radius: 0;
    background: #F2F2F2;
    border: 0;
}
    .filter-list .sf-field-post_date input[type="text"] {
    height: 48px;
    border-radius: 0;
    font-size: 21px;
    font-family: "Arial";
    font-weight: 300;
    color: black;
    width: 100%;
}
/* Sticky Nav Tricks */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.stickya {
  position: fixed;
 
}



/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}
div#filter-box.sticky {
    z-index: 999999;
    background: white;
    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.05);
}


/* stick sidebar */
.audio-container {
    width: 100%;
    height: 400px;
    /* position: fixed; */
    position: absolute;
    top: 0;
    left: 6px;
    bottom: 0;
}
.stickya + .content {
  padding-top: 102px;
}

.stickya {
    position: fixed;
    top: 100px;
    width: 300px;
}
    div#filter-region {
    height: 67px;
    width: 100%;
    display: block;
}
div#filter-region {
    margin-bottom: 18px;
}
    #page > #filter-region {
    height: 0;
}
    .searchandfilter select.sf-input-select {
    min-width: 130px;
}
}


.title-detail {
    display: none;
}
 
section#primary {
    min-height: 767px;
}


 

/* filter header */
.filter-header th {
    padding: 0 2px;
}
.filter-header {
   padding: 8px 12px;
   margin: 0 0 0 3em;
/* border-bottom: 1px solid rgba(0, 0, 0, .16); */
     padding-bottom:8px;
}
.filter-header th {
    padding: 0 2px;
    font-size: 18px;
    font-weight: 300;
    font-family: "Arial",sans-serif
}
 
/** thin progress bar **/
.progress-thin .progress-n-time {
    height: 10px;
    background: #ececec;
}

.progress-thin span.ui-slider-handle.ui-state-default.ui-corner-all {
    top: 0;
}
.progress-thin span#progress {
    height: 10px;
}
.progress-thin div#progressbar {
    height: 10px;
}
.progress-thin  #progress {
  margin-top:0;
}
.progress-thin .waveform-holder {
  display:none; 
}
.extra-controls {
    /* position: absolute; */
    margin-top: 18px;
    cursor: pointer;
}
/** smaller audio controls 
.playbttn-sm button#play {
    width: 56px;
    height: 56px;
    margin-left: -2px;
}
.playbttn-sm button#play {
    width: 56px;
    height: 56px;
    margin-left: -2px;
}
.playbttn-sm button#prev {
    width: 56px;
    height: 56px;
    margin-right: 33px;
}
.playbttn-sm button#next {
    width: 56px;
    height: 56px;
    margin-left: 33px;
}
.playbttn-sm button#pause {
    width: 56px;
    height: 56px;
}
.playbttn-sm div#buttons span {
    display: block;
    height: 64px;
}
**/
/* SFPro shortcode mode */
.pagination .nav-next a, .pagination .nav-previous a {
    padding: 12px 24px;
    background: #e5e5e5;
    color: #333;
    font-size: 18px;
    display: block;
    float: left;
}
.nav-previous, .nav-next {
    float: left;
    margin-right: 12px;
}
.pagination.next-prev-mode {
    margin: 18px 6px;
}
.page-count {
    margin: 18px 6px;
    font-size: 12px;
}
.hidecontrols {
  display:none;
}
/* Buckets */
hr.first-sep {
    margin-top: 0;
}

/***/
/****/
/*****/
/******/
/*******/
/********/
/*********/
/* new css */
/***/
/**/
/**/

/***
 *      Blog 
 ***/

/** Blog Archive **/
.pagination.next-prev-mode {
    clear: both;
    float: none;
    display: block;
}
.blog .post .inner-content {
    padding: 12px;
}
@media only screen and (min-width: 1300px) {
.blog .container {
    width: 1252px;
}
}
.col-xs-12.col-sm-6.post:nth-child(odd) {
    padding-left: 16px;
}

.col-xs-12.col-sm-6.post:nth-child(even) {
    padding-right: 16px;
}
@media only screen and (min-width: 768px) {
.blog .inner-content {
    min-height: 512px;
}
}
@media only screen and (min-width: 992px) {
.blog .inner-content {
    min-height: 520px;
}
    .post-image {
    max-height: 250px;
    overflow: hidden;
}
}
@media only screen and (min-width: 1200px) {
.blog .inner-content {
    min-height: 500px;
}
.post-image {
    max-height: 270px;
    overflow: hidden;
}
}
.post.first-post {
    margin-bottom: 72px;
}
.post-el {
    width: 100%;
    max-width: 600px;
    margin: 6px auto 12px auto;
    color: rgba(0, 0, 0, 0.6);
}
.col-xs-12.col-sm-6.post {
    margin-bottom: 56px;
}

.post-heading {
    padding: 24px 0 12px 0;
    margin: auto auto 12px auto;
    max-width: 640px;
    font-family: "Arial"
}
.post-heading span {
    color: #426C99;
    font-size: 32px;
    font-weight: 700;
}

.read-button a {
    background: #ed1a3d;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 18px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
}
.searchandfilter select.sf-input-select {
   
    max-width: 320px;
    width: 100%;
}
select {
    border: 0;
    height: 42px;
    font-size: 16px;
    border-radius: 0!important;
    background: #F2F2F2;
}
.searchandfilter label {
    width: 100%;
}
.searchandfilter label {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: #f2f2f2;
}
.col-xs-12.col-sm-6.post .inner-content {
    max-width: 450px;
    margin: auto;
    display: block;
}
.inner-content {
    padding: 18px;
}
@media only screen and (min-width: 768px) {
.inner-content {
    padding: 18px;
}
}
@media only screen and (min-width: 992px) {
    div#playlist {
    padding: 0 28px 0 56px;
}
}
/** Single Blog Post **/
.full-post .post-heading span {
    font-size: 32px;
    line-height: 38px;
    display: block;
}

 .post-image .wp-post-image {
    margin: 32px 0 12px 0;
    display: block;
}
 .full-post .post-image .wp-post-image {
    margin: 0 auto 12px 0;
}
.first-post .post-image {
    max-height: 375px;
}
.post-body p {
    clear: both;
    float: none;
    font-family: "Arial", sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 32px;
    margin: auto auto 24px auto;
    max-width: 600px;
}
.post-body.big-text p {
    font-size: 28px;
    line-height: 36px;
    }
 .single-post .post-body p > a {
    font-weight: 500;
    font-size: 17px;
}
.post-category a {
    color: #f2a149;
}
.full-post .post-heading {
    font-size: 32px;
    padding: 36px 0 0 0;
    margin: auto auto 0 auto;
    max-width: 600px;
}
.full-post .post-heading span {
    font-size: 32px;
  
}
.lead-text {
    color: #426c99;
    display: block;
    font-size: 42px;
    font-family: "Arial";
    font-weight: 200;
    line-height: 1.25em;
    margin: 0 auto 32px auto;
    clear: both;
    float: none;
}
span.filter-title {
    font-family: "Arial";
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 21px;
    display: block;
}
/* post details */
.post-details span:nth-child(2), .post-details span:nth-child(3) {
    padding: 0 10px 0 10px;
}
.post-details span {
    font-size: 18px;
    font-family: "Arial";
    font-style: italic;
    border-right: 1px solid;
}
.post-details span:nth-child(3) {
    border-right: 0;
    color: orange;
}

.post-details2.post-el {
    float: none;
    clear: both;
    display: block;
    /* width: 100%; */
    margin-top: 14px;
    margin-bottom: 32px;
}
span.post-access {
    cursor: pointer;
    font-size: 21px;
    font-family: "Arial";
    display: block;
    float: left;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}
span.post-social {
    float: left;
}
.post-details2.post-el {
    float: none;
    clear: both;
    display: block;
    /* width: 100%; */
    margin-top: 14px;
    margin-bottom: 24px;
    height: 32px;
}
i.a-up, i.a-up-2 {
    color: orange;
    font-family: "Arial";
}
i.a-up-2 {
    font-size: 28px;
        margin-right: 8px;
}
/** **/
/** Slide Show **/
section.post-slideshow {
    padding-top:8px;
    padding-bottom:8px;
    background: #426c99;
}
.slideshow {
  
    padding: 0px;
    margin: 64px 0;
}
.slide-cap {
    padding-top: 64px;
    display: block;
    color: white;
    font-size: 21px;
    font-weight: 200;
    font-family: "Arial";
}
section.post-slideshow {
    margin: 56px 0;
}
.post-slideshow .slick-arrow {
    font-size: 56px;
    color: white;
    cursor: pointer;
    padding: 0 12px;
}
.slide-cap {
    padding-top: 0;
    display: block;
    color: white;
    font-size: 21px;
    font-weight: 200;
    font-family: "Arial";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
}
.slide-cap {
    margin-bottom: 127px;
}
.cap-wrap {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    min-height: 420px;
    padding-left: 72px;
}
span.regionname {
    display: block;
    font-size: 56px;
    font-family: "Arial";
    font-weight: 900;
}
.inslide .tabler {
    min-height: 1px; /* uncomment to center */
    height: auto;
    top: auto;
}
.brad-grad {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.46) 71%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.46) 71%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.46) 71%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.slcap {
    margin-top: 18px;
}
.slcap a:hover, a:focus, a:active {
    color: white;
}
.next-arrow.slick-arrow:hover {
    background: rgba(66, 108, 153, 1);
}
.slick-slide img {
    display: block;
    margin: auto;
}
.next-arrow.slick-arrow {
    position: relative;
}
.slideshow .item p {
    color: white;
    font-family: "Arial";
    font-size: 21px;
    font-weight: 300;
    line-height: 32px;
}
.gallery-lightbox section.post-slideshow {
    padding-top: 24px;
    padding-bottom: 80px;
    background: inherit;
}
.gallery-lightbox section.post-slideshow  .next-arrow {
    position: absolute;
    top: 18px;
    left: 80px;
    bottom: auto;
}
.slcap{
    display: block;
}
 .gallery-lightbox .slideshow {
    /* padding-top: 24px; */
    margin: 21px 0;
}
button.lightbox-close.gallery-close:hover {
    font-weight: 300;
    border: 1px solid white;
     transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
button.lightbox-close.gallery-close {
    border: 1px solid transparent;
    padding-bottom: 12px;
}

@media only screen and (min-width: 769px) {
.gallery-lightbox section.post-slideshow  .next-arrow {
    position: absolute;
    bottom: auto;
    top: 18px;
    left: 28px;
}
.post-slideshow .prev-arrow {
 position: absolute;
    bottom: 21px;
    left: 28px;
    z-index: 999;
    font-size: 36px;
    background: rgba(66, 108, 153, 0.71);
    padding: 0px 21px;
    border-radius: 4px;
    
}
.slcap {
    margin-top: 0;
}
    
.post-slideshow .next-arrow {
    position: absolute;
    bottom: 0;
    right: 43%;
    z-index: 999;
}
.slideshow .item p {
    color: white;
    max-width: 430px;
    width: 75%;
    float: left;
    padding-left: 33px;
}
    
}
/********* Donate Section: Main 1 *********/
/*****/

h2.donate-now-message {
    color: #426c99;
    display: block;
    font-size: 52px;
    line-height: 80px;
    font-family: "Arial";
    font-weight: 200;
    padding: 36px 32px 36px 32px;
}
img.eye-img {
    margin: auto;
    display: block;
}
#DonateNow {
    background: white;
    border-bottom: 1px solid rgba(4, 4, 4, 0.15);
    border-top: 1px solid rgba(4, 4, 4, 0.15);
    padding: 80px 0;
}
#DonateNow div > a {
    background: #ed1a3d;
    border-radius: 8px;
    color: white;
    font-family: "Arial";
    font-size: 21px;
    font-weight: 300;
    padding: 18px 48px;
    margin-left: 32px;
    margin-bottom: 21px;
    display: block;
    max-width: 160px;
    text-align: center;
}
.post-body {
    padding-bottom: 120px;
}

.holdaja .post-body {
    padding-bottom: 0;
}
.holdaja .post-body p {
    /* padding: 0; */
    margin: 0;
    padding: 0 0 18px 0;
    max-width: 768px;
}
.holdaja .post-heading {
    margin: 0;
}
.first-post .post-image {
    max-height: 360px;
    overflow: hidden;
}
.first-post .post-image img {
    max-height: 400px;
    margin: auto;
    visibility: hidden;
}
#DonateNow div > a {
    margin: 0 auto 28px auto;
}
h2.donate-now-message {
    color: #426c99;
    display: block;
    font-size: 42px;
    line-height: 56px;
    font-family: "Arial";
    font-weight: 200;
    padding: 36px 32px 36px 32px;
    text-align: center;
}
.full-container .row {
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (min-width: 768px) {
#DonateNow div > a {

      margin: 0 auto 32px auto;
}
h2.donate-now-message {
    color: #426c99;
    display: block;
    font-size: 52px;
    line-height: 80px;
    font-family: "Arial";
    font-weight: 200;
    padding: 36px 32px 36px 32px;
}
 
}
/******************************/
/*** Front Page ***/
/******************************/
/*8 mobile hero **/
div#hero {
    background: #25588D;
    color: white;
    font-size: 18px;
}
.herowrap {
    padding: 21px;
}
#hero .fluid-container .col-xs-12 {
    padding: 0;
}


.panel-contents h1 {
    margin: 0;
}

.panel-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
}
.h1-panel.heighta {
    display: table;
    height: 100%;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 365px;
    background: #f2f2f2;
}
.panel-contents {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    padding: 100px 74px;
    text-align: center;
}
.mainer-hold {
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
}
.mainer-hold {
    background: #f2f2f2;
}
.desc-panel {position:relative;}
.popup-inform {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
    font-size: 21px;
    font-family: "Arial";
    width: 100%;
    height: 100%;
    background:#29BCA0;
    padding: 28px 18px;
}

.desc-panel:hover .popup-inform {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-inform p {
    font-weight: 300;
    margin-bottom: 0;
}
    span.heading-pop {
    display: block;
    font-weight: 500;
    margin-bottom: 18px;
}
.desc-panel {
    position: relative;
    margin-bottom: 12px;
}
a.main-donate {
    background: #F4A23E;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial";
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
    max-width: 128px;
    padding: 8px 32px;
}
.panel-contents h1 {
    font-family: "Arial";
    font-weight: 300;
    font-size: 32px;
    line-height: 42px;
    color: #25588d;
}
@media only screen and (min-width: 1250px) {
    .popup-inform {
    padding: 64px 56px;
}
    
}

/* Mosaic **/
#mosaic-graphic > .fluid-container > .row {
 
    margin: 0 -6px;
}
#mosaic-graphic > .fluid-container {

    overflow: hidden;
}
.desc-panel:hover .popup-inform {
  opacity:1;
     
 transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.popup-inform {
    padding: 64px 56px;
    position: absolute;
    display: table;
        display: flex;
    align-items: center;
    justify-content: center;
    opacity:0;
     transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

img.sq-img {
    max-width: 135%;
    width: 100%;
}
    .panel-contents {
        vertical-align: middle;
        display: table-cell;
        width: 100%;
        padding: 6px 12px;
        text-align: center;
    }
@media only screen and (min-width: 1100px) {
    .panel-contents {
        padding: 56px 42px;
    }
}

@media only screen and (min-width: 1250px) {
    .panel-contents {

        padding: 100px 74px;
    }
}
@media only screen and (min-width: 1450px) {
.panel-contents {
    padding: 120px 74px;
}
.panel-contents h1 {
    font-size: 36px;
    line-height: 42px;
}

}
@media only screen and (min-width: 1750px){
.panel-contents {
    padding: 120px 74px;
    font-size: 32px;
}
.panel-contents h1 {
    font-size: 42px;
    line-height: 48px;
}
}
@media only screen and (min-width: 1900px) {
.panel-contents {
    padding: 180px 90px;
    font-size: 56px;
}

a.main-donate {
    background: #F4A23E;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 28px;
    font-family: "Arial";
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
    max-width: 180px;
    padding: 8px 32px;
}
.panel-contents h1 {
    font-family: "Arial";
    font-weight: 300;
    font-size: 48px;
    line-height: 52px;
    color: #25588d;
}
}
/** Region Slider **/
section#regions-of-operation {
    margin-top: 28px;
}
 
.country-card {
    position: relative;
    color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: table;
    z-index: 99;
}

.tabler {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 300px;
    bottom: 0;
    top: 0;
    display: table;
    display: flex;
   /* align-items: center; */
    justify-content: center;
     flex-direction: column;
}
.country-card p {
    clear: both;
    float: none;
    width: 100%;
    display: block;
    font-size: 18px;
    font-family: "Arial";
}
.first-slide h2 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 80px;
    width: 100%;
    font-family: "Arial";
}
 
.country-card h2, .country-card p {
    width: 100%;
    padding-left: 28px;
    padding-right: 120px;
    /* padding-left: 0; */
}
.country-slider .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 64px;
    margin-right: 80px;
}
.prev-arrow.slick-arrow {
    display: none!important;
}
a.read-more {
    /* width: 180px; */
    display: block;
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    color: #2abca0;
    padding-bottom: 32px;
    width: 180px;
    float: left;
    clear: both;
    text-align: left;
     margin-left: 28px;
}
.country-card p {
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
}
.country-card h2 {
    font-size: 56px;
    font-weight: 600;
    font-family: Arial;
}
.country-card .first-slide h2 {
    font-weight: 400;
}
.first-slide .country-card h2 {
    font-weight: 400;
    font-size: 42px;
}
.mimic-bs-padding    { 
padding: 0 120px;
}
/** mobile country cards **/
 
.mimic-bs-padding {
    padding: 0;
}
.country-card p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}
.country-card h2 {
    font-size: 36px;
    }
.country-card p {
    display: none;
}
.tabler {display:block;top:27%;}
.first-slide .country-card h2 {
    font-weight: 400;
    font-size: 28px;
}
.first-slide .country-card h2 {
    position: absolute;
    bottom: 0;
}
.tabler {
    height: auto;
    min-height: 0;
}
@media only screen and (min-width: 480px) {
.first-slide .country-card h2 {
    font-weight: 400;
    font-size: 42px;
}
    a.read-more {
 
    margin-left: 80px;}
.country-card p {
    display: block;
}
.tabler{display:flex;top:0;}
    .first-slide .country-card h2 {
    position: relative;
    bottom: 0;
}
    .country-card h2, .country-card p {
    width: 100%;
    padding-left: 80px;
    padding-right: 120px;
    /* padding-left: 0; */
}
    .tabler {
    height: 100%;
    min-height: 300px;
}
}

@media only screen and (min-width: 640px) {
.mimic-bs-padding {
    padding: 0 32px;
}
.country-card p {
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
}
.country-card h2 {
    font-size: 56px;
    }
}
@media only screen and (min-width: 768px) {

.mimic-bs-padding {
    padding: 0 90px;
}
    section#regions-of-operation {
    margin-top: 90px;
}
}
@media only screen and (min-width: 992px) {

.mimic-bs-padding {
    padding: 0 120px;
}
}
@media only screen and (min-width: 1200px) {

.country-card p {
    font-size: 21px;
    font-weight: 300;
    line-height: 21px;
}

.country-card h2 {
    font-size: 48px;
    line-height: 48px;
}
.country-card h2, .country-card p {
    width: 100%;
    padding-left: 48px;
    padding-right: 100px;
    /* padding-left: 0; */
}
    a.read-more {
 
    margin-left: 48px;
}
}
@media only screen and (min-width: 1300px) {
.country-card p {
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
}
.country-card h2 {
    font-size: 56px;
}
.country-card h2, .country-card p {
    width: 100%;
    padding-left: 80px;
    padding-right: 120px;
    /* padding-left: 0; */
}
a.read-more {
 
    margin-left: 80px;
}
}
 
/** Timeline **/

.timeline .events ul li a {
    margin: auto;
    display: block;
    }
    
    .timeline .events ul li:first-child a {
    margin-left: 0;
    margin-right: auto;
    float: left;
}
    .timeline .events ul li:nth-child(6) a {
    margin-left: auto;
    margin-right: 0;
    float: right;
}
section#timeline-sec {
    overflow: hidden;
}
.timewrap2 {
    min-width: 780px;
    padding: 0 32px;
}
.timewrap {
    min-height: 510px;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.quarter-box p {
    font-size: 21px;
    font-weight: 300;
    font-family: "Arial";
    margin-top: 18px;
}
.help-now-desc {
    font-size: 24px;
    font-family: "Merriweather";
}
/**
 * ** ABF FREE Villages ***
**/
 section#timeline-sec {
    padding: 52px 0;
}
.timeline {
  width: 100%;
  height: 100px;
  
  margin: 0 auto;
  display: flex;      
  justify-content: center;    
    
}

.timeline .events {
  position: relative;
  background-color: #606060;
  height: 3px;
  width: 100%;
  border-radius: 4px;
  margin: 5em 0;
 }

.timeline .events ol {
  margin: 0;
  padding: 0;
  text-align: center;
}

.timeline .events ul {
  list-style: none;
}

.timeline .events ul li {
  display: inline-block;
  width: 16.4%;
  margin: 0;
  padding: 0;
}

.timeline .events ul li a {
  font-family: 'Arapey', sans-serif;
  font-style: italic;
  font-size: 1.25em;
  color: #606060;
  text-decoration: none;
  position: relative;
  top: -32px;
}

.timeline .events ul li a:after {
    background: #2abca0;
    border: 3px solid #2abca0;
  content: '';
  position: absolute;
  bottom: -32px;
  left: 50%;
  right: auto;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  transition: 0.3s ease;
  transform: translateX(-50%);
}

.timeline .events ul li a:hover::after {
  background-color: #F2A240;
  border-color: #F2A240;
}

.timeline .events ul li a.selected:after {
  background-color: #F2A240;
  border-color: #F2A240;
}
            
.events-content {
  width: 100%;
  height: 100px;
  max-width: 800px;
  margin: 0 auto;
  display: flex;      
  justify-content: left;
}

.events-content li {
  display: none;
  list-style: none;
}

.events-content li.selected {
  display: initial;
}

.events-content li h2 {
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 500;
  color: #919191;
  font-size: 2.5em;
}
.events-content li.selected {
    display: block;
    background: #f2f2f2;
    width: 170px;
    height: 120px;
    padding: 16px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
}
h2.abf-title {
    color: #25588D;
    font-size: 36px;
    font-family: "Merriweather";
    font-weight: 900;
    padding: 56px 0;
    text-align: center;
    /* box-shadow: 0 0 black; */
        margin-top: 0;
    max-width: 100%;
    margin: auto;
    position: relative;
}
.timeline {
    padding-top: 268px;
}
.events-content {
    position: absolute;
    top: 0;
}
span.year-a {
    position: absolute;
    bottom: -130px;
    margin-left: -28px;
    font-size: 28px;
    font-family: "Arial";
    color: #25588d;
}
section#timeline-sec {
    margin-bottom: 0;
}
.events ul {
    margin: 0;
    padding: 0;
}

.timeline .events ul li a.selected:before {
    content: ' ';
    background: url('https://operationeyesight.com/wp-content/themes/op-eyesight/imgs/person-orange.svg');
    height: 60px;
    width: 100%;
    display: block;
    background-color: transparent;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
}
.timeline .events ul li:first-child a.selected:before {
    content: ' ';
    background: url('https://operationeyesight.com/wp-content/themes/op-eyesight/imgs/person-orange.svg');
    height: 60px;
    width: 60px;
    display: block;
    background-color: transparent;
    position: absolute;
    top: -70px;
    left: -30px;
    background-position: left;
}
.timeline .events ul li:last-child a.selected:before {
    content: ' ';
    background: url('https://operationeyesight.com/wp-content/themes/op-eyesight/imgs/person-orange.svg');
    height: 60px;
    width: 60px;
    display: block;
    background-color: transparent;
    position: absolute;
    top: -70px;
    left: -30px;
    background-position: left;
}
.pop-note {
      color: #26588d;
    font-size: 21px;
    text-align: left;
    font-family: "Arial";
    font-weight: 300;
    display: block;
    position: absolute;
    top: -300px;
    left: auto;
    background: #f2f2f2;
    padding: 50px;
    display: block;
    background: #f2f2f2;
    width: 250px;
    height: 170px;
    padding: 16px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
     display: flex;
  justify-content: center;
  /* align-self: center;    <---- REMOVE */
  align-items: center;   /* <---- NEW    */
    margin-left: -48px;
}

.timeline .events ul li {
    display: inline-block;
   width: 19.5%;
    margin: 0;
    padding: 0;
}
.timeline .events ul li:first-child {
    width: 10%;
}
.timeline .events ul li:first-child {
    width: 10%;
}
.timeline .events ul li:nth-child(6) {
    width: 10%;
}
.timeline .events ul li:nth-child(6) .pop-note {
    right: 0;
}
.pop-note {
    /* display: none; */
    opacity: 0;
        transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.pop-note.selected {
  
    opacity: 1;
        transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    z-index:0;
}
.qpop {
    background: #2abca0;
    font-size: 21px;
    font-family: "Arial";
    color: white;
    font-weight: 300;
    width: 300px;
    height: auto;
    padding: 24px 18px;
    position: absolute;
    top: 0;
    right: -203px;
    text-align: left;
}
.questionmark span {
    cursor: pointer;
    color: white;
    font-size: 21px;
    background: #2bbca0;
    border-radius: 50%;
    padding: 3px 11px 2px 11px;
    /* line-height: 6px; */
    text-align: center;
}
.questionmark {
    position: absolute;
    top: 80px;
    right: 0;
    z-index:1;
}
.qpop {
    position: absolute;
    top: 72px;
    opacity:0;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #2bbca0;
    top: -12px;
    position: absolute;
}
.questionmark.selected .qpop {
    opacity: 1;
}
.texthold a {
    color: white;
    font-weight: 500;
    margin-top: 12px;
    display: block;
}
h2.abf-title {
    padding: 20px 8px 12px 8px;
}

.qpop {
    position: relative;
    top: 0;
    clear: both;
    opacity: 0;
    left: 0;
    float: none;
    width: 100%;
        text-align: center;
}
.qpop {
    background: #fff;
    color: #0e0e0e;
        opacity: 1;
    }
.questionmark {
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
}
.questionmark span {
display:none;
width:30px;}
.qpop {
    margin-top: 21px;
}
.qpop .arrow-up {
    display: none;
}
.timewrap::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
     background-color:  #f2f2f2;
}
.timewrap::-webkit-scrollbar-thumb {
  border-radius: 4px;
     background-color: hsla(0, 0%, 0%, 0.13);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
section#timeline-sec {
    margin-bottom: 0;
    padding: 36px;
}
.timeline .events ul li:first-child .pop-note {
    margin-left: 0;
}
@media only screen and (min-width: 768px) {
h2.abf-title {
    padding: 56px 0 12px 0;
}
 section#timeline-sec {
    margin-bottom: 0;
    padding: 0;
}
    .pop-note {
        margin-left: -36px;
    }
     
}
@media only screen and (min-width: 992px) {
.timewrap {

    overflow-x: hidden;
    overflow-y: hidden;
}
    .questionmark span, .qpop .arrow-up {
    display: block;}
    .questionmark  {
   position:absolute;
}
    .qpop {
            opacity: 0;
    background: #2abca0;
    font-size: 21px;
    font-family: "Arial";
    color: white;
    font-weight: 300;
    width: 300px;
    height: auto;
    padding: 24px 18px;
    position: absolute;
    top: 0;
    right: -203px;
    text-align: left;
}
    .questionmark {
        position: absolute;
        top: 72px;
    }
    .qpop {
        top: 24px;
        left: -18px;
    }
    h2.abf-title {
        padding: 56px 28px;
    }
 
}
@media only screen and (min-width: 1150px) {
    .questionmark {
        top: 71px;
        right: -105px;
        margin-left: 46px;
        width: 130px;
    }
    .pop-note {
            margin-left: -16px;
    }   
}
/** Choice Section **/
.choice-card {
    border: 1px solid #00000017;
}
.caption-bar {
    background: white;
    padding: 21px;
    font-size: 21px;
    font-family: "Arial";
    font-weight: 300;
}
.capbar-title {
    font-size: 28px;
    font-weight: 600;
}
a.capbar-link {
    color: white;
    border-radius: 8px;
    display: block;
    font-size: 21px;
    font-weight: 500;
    background: #ed1a3d;
    margin-top: 12px;
    padding: 4px 42px;
    text-align: center;
    width: 195px;
}
 
@media only screen and (min-width: 768px) {
 
}
/* Help now box */

.blue-canvas.quarter-box {
    width: 100%;
    float: left;
    padding: 56px;
}
.quarter3-box {
    width: 100%;
    float: right;
}
.help-now-box {
    color: white;
    display: block;
    height: auto;
    min-height: 275px;
    /* font-size: 24px; */
    width: 100%;
    background: #25588d;
    position: relative;
    content: "";
    display: table;
    clear: both;
}
.help-now-desc {
    font-size: 24px;
    font-family: "Arial";
}
.help-now-box a {
    background: white;
    color: #25588d;
    font-size: 21px;
    font-weight: 500;
    padding: 12px 16px;
    display: block;
    /* padding: 42px; */
    font-family: "Arial";
    border-radius: 4px;
    margin-top: 21px;
}
.gos-box a {
    background: white;
    color: #ffffff;
    font-size: 21px;
    font-weight: 500;
    padding: 12px 16px;
    display: block;
    /* padding: 42px; */
    font-family: "Arial";
    border-radius: 4px;
    margin-top: 21px;
}
@media screen and (min-width: 1050px) { 
     .quarter3-box {
    width: 66.6%;
   
}
    .blue-canvas.quarter-box {
    width: 33.3%;
 
}
}



/* Video Section */
#video-sec h4 {
    font-size: 36px;
    font-family: "Arial";
    font-weight: 300;
    color: #25588D;
    margin-top:0;
}
#video-sec h3 {
    font-size: 36px;
    font-family: "Arial";
    font-weight: 300;
    color: #25588D;
    margin-top: 0;
}
#video-sec p {
    font-size: 21px;
    font-family: "Arial";
    font-weight: 300;
    padding-right:12px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 30; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#video-sec {
    padding-left: 21px;
    padding-right: 21px;
}

@media screen and (min-width: 768px) { 
    section#video-sec {
       padding-left: 21px;
    padding-right: 21px;
}
}
@media screen and (min-width: 992px) { #video iframe {
    float: right;
}
}
/* 3 choice nav section */
h2.indev-sight {
    color: #25588D;
    font-size: 64px;
    font-family: "Merriweather";
    font-weight: 600;
}
.choice-card {
    max-width: 420px;
    margin: 0 auto 18px auto;
}
.inner-padding {
    padding: 0 12px 80px 12px;
}
 

.card-front {
    /* border-radius: 8px; */
    color: white;
    padding: 42px 32px;
        position: absolute;
}
.navi-box-wrap {
    margin-bottom: 12px;
}
.navi-box {
    border-radius: 18px;
}
.navi-box {
    border-radius: 18px;
    height: 175px;
        overflow: hidden;
    position: relative;
}
.navi-box .brad-grad {
    border-radius: 18px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.46) 71%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.46) 71%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0.46) 40%, rgba(0,0,0,0.66) 71%,rgba(0,0,0,0.78) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

span.sil-t2 {
    color: white;
    font-size: 36px;
    font-family: "Arial";
    font-weight: 300;
}
span.sil-t2b {
    color: white;
    font-size: 36px;
    font-family: "Arial";
    font-weight: 600;
    float: none;
    clear: both;
    width: 100%;
    display: block;
}
.card-back {
    opacity: 0;
    height: 0;
}
.navi-box:hover .card-back {
    display: block;
    opacity: 1;
    height: auto;
     transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.navi-box:hover .card-front {
    opacity: 0;
    height: 0;
     transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
 
.card-back p {
    color: white;
    font-size: 21px;
    font-family: "Arial";
    font-weight: 300;
    padding: 42px 32px;
}
.card-back {
    opacity: 0;
    height: 0;
    position: absolute;
}
h2.indev-sight {
    margin: 0 0 90px 0;
}
h2.indev-sight {
    color: #25588D;
    font-size: 42px;
    font-family: "Merriweather";
    font-weight: 600;
    margin-bottom: 12px;
    margin: 0 0 28px 0;
}
.navi-box-wrap {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
h2.indev-sight {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 768px) {
.choice-card {
    max-width: 600px;
    margin: 0 auto 0 auto;
}
 .inner-padding {
    padding: 0 80px 120px 80px;
}
.page-template-about .inner-padding {
    padding: 0 28px 120px 28px;
}
 .navi-box-wrap {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}
h2.indev-sight {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}
}
@media only screen and (min-width: 768px) {
    h2.indev-sight {
    color: #25588D;
    font-size: 56px;
    font-family: "Merriweather";
    font-weight: 600;
    margin-bottom: 12px;
    margin: 0 0 56px 0;
}
}
@media only screen and (min-width: 992px) {
    h2.indev-sight {
    color: #25588D;
    font-size: 64px;
    font-family: "Merriweather";
    font-weight: 600;
    margin-bottom: 12px;
    margin: 0 0 90px 0;
}
    .navi-box-wrap{ 
    margin-left: 16.66666667%;
}
    .page-template-about .inner-padding {
    padding: 0 80px 120px 80px;
}
}
@media only screen and (min-width: 1200px) {
    h2.indev-sight {
    color: #25588D;
    font-size: 64px;
    font-family: "Arial";
    font-weight: 600;
    margin-bottom: 12px;
    margin: 0 0 90px 0;
}
    .navi-box-wrap{ 
    margin-left: 0;
}
}
/* Newsfeed Section */
section#newsfeed .post-body {
    color: #0e0e0e;
    font-size: 18px;
    font-family: "Arial";
    font-weight: 300;
    padding: 0;
}
#newsfeed .post-heading {
    padding: 12px 0;
    margin: 0;
}
#newsfeed .post-heading span {
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 700;
    font-family: "Arial";
}
.bdscol-xs-3 {
    width: 100%;
    float: left;
}
.bdscol-xs-9 {
    float: left;
    padding: 18px;
    width: 100%;
}
#newsfeed a {
    margin-bottom: 18px;
    display: block;
}
.post-image .wp-post-image {
    margin: 0;
}
.newsfeed-post.post {
    background: white;
}
.left-wrapper {
    padding: 0 24px;
}
.right-wrapper {
    padding: 21px 18px;
}
section#newsfeed {
    background: #E8E8E8;
}
span.big-title {
    display: block;
    font-size: 56px;
    font-family: "Arial", sans serif;
    color: #0e0e0e;
    padding: 24px 0;
}
a.view-more-posts {
    display: block;
    font-size: 28px;
    color: black;
    font-family: "Arial", sans serif;
    margin-bottom: 0;
    padding: 24px 0 36px 0;
    text-align: center;
}

section#newsfeed {
    margin: 108px 0 0 0;
}
.newsfeed-post .post-image {
    width: 100%;
    height: 150px;
}
#newsfeed a.view-more-posts { margin-bottom:0;}
.right-wrapper {
    background: #25588d;
    color: white;
}

@media only screen and (min-width: 480px) {
#newsfeed .bdscol-xs-3 {
    width: 30%;
    float: left;
}
#newsfeed .bdscol-xs-9 {
    float: left;
    padding: 18px;
    width: 70%;
}
}

@media only screen and (min-width: 768px) {
    .left-wrapper {
    padding: 0 56px;
}
    .right-wrapper {
    background: transparent;
    color: #0e0e0e;
}
.right-wrapper {
    padding: 21px 18px;
}
.newsfeed-post.post, .post-image {
    min-height: 156px;
}   
 span.big-title {
    font-size: 56px;
    padding: 36px 0;
}
}

@media only screen and (min-width: 992px) {
    .left-wrapper {
    padding: 0 80px;
}
.right-wrapper {
    padding: 28px 28px;
}
}
@media only screen and (min-width: 1200px) {
.left-wrapper {
    padding: 0 120px;
}
.right-wrapper {
    padding: 28px 28px;
}
    .newsfeed-post.post, .post-image {
    min-height: 175px;
}
}
/** Sign Up Sidebar **/
h4.gf-sign-up {
    font-size: 28px;
    font-family: "Arial", sans serif;
    font-weight: 600;
    padding: 30px 36px 36px 36px;
    text-align: center;
    line-height: 42px;
}
.right-wrapper p {
    font-size: 18px;
    font-family: "Arial", sans serif;
    text-align: center;
    font-weight: 300;
}
a.sign-up-link {
    font-size: 24px;
    color: #0e0e0e;
    background: transparent;
    font-family: "Arial", sans serif;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-align: center;
}
.sign-up-link span.fa.fa-angle-right {
    padding-left: 12px;
 
}
#newsfeed a.sign-up-link {
    background: #ed1a3d;
    color: white;
        padding: 4px;
    border-radius: 6px;
    margin-top: 42px;
    display: block;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 1349px) {
span.newsletter-text {
    display: inline-block;
}
 nav#site-navigation {
    width: 50%;
}
    h4.gf-sign-up {

    padding: 170px 36px 36px 36px;

}
}
/*** Events Section **/
span.event-title {
    display: block;
    font-size: 18px;
    font-family: "Arial", sans serif;
    font-weight: 600;
    text-align: center;
    padding: 21px 0;
    max-width: 300px;
    margin: auto;
}
a.event-link {
    display: block;
    font-size: 18px;
    background: #f2a240;
    width: 180px;
    text-align: center;
    color: white;
    margin: auto;
    border-radius: 8px;
    padding: 6px;
    font-family: "Arial", sans serif;
}

 
span.events-heading {
    display: block;
    font-size: 36px;
    font-family: "Arial", sans serif;
    padding: 12px;
}
.events-slider .next-arrow.slick-arrow {
    color: #f2a23f;
    cursor: pointer;
    font-size: 72px;
    /* font-weight: 100; */
    position: absolute;
    right: -50px;
    top: 25%;
}
section#eventsfeed {
    background: rgba(232, 232, 232, 0.43);
    padding: 72px 120px 72px 0;
}
 

.inslide {
    padding: 12px;
}
.item.first-slide {
    padding: 12px;
}
@media only screen and (min-width: 992px) {
#eventsfeed .col-md-3 {
    border-right: 2px solid #f2a23f;
}
    span.events-heading {

    font-size: 36px;

    padding: 64px;
}
}
/*****
 *  * 
 * Default Page *
 *  *
 * ****/
.reg-section .default-content .section-title-left {
    /* margin: 0; */
    padding: 28px 0 0 0;
}
/*****
 * ***
 * Our Cause 
 * ***/

.page-id-226 div#playme {
    box-shadow: 1px 2px 1px 1px #00000021;
    border: .5px solid #e6e6e6;
}
.page-id-226 .video-prev i {
    color: #2cbca2;
    font-size: 36px;
}
.lightbox-content {
    padding-top: 8px;
}
div#playme:hover .fa-play {
    opacity: .75;
}
.decoration-card {
    min-height: 350px;
}
#our-causes .card {
    margin-bottom: 28px;
}
.main-info h1 {
    color: #2abca2;
    font-size: 48px;
    font-family: "Arial", sans serif;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 1.5px;
}
.main-info {
    padding: 24px 64px;
}
span.about-desc {
    font-size: 21px;
    font-family: "Arial", sans serif;
    font-weight: 300;
}
.video-prev {
    /* position: absolute; */
    /* display: table; */
    display: flex;
    /* align-items: center; */
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    height: 150px;
    text-align: center;
}
.video-prev i {
    color: white;
    font-size: 36px;
}
.watch-text {
    color: #2bbca2;
    font-size: 18px;
    font-family: "Arial", sans serif;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 36px;
}
.video-attn {
    padding-top: 36px;
}
.decoration-card img {
    height: auto;
    max-width: 100%;
    max-height: 620px;
    visibility: hidden;
}
/** hover cards **/
section#our-causes {
    background: #fafafa;
    padding: 90px 0;
}
.card-inner {
    height: 270px;
    overflow: hidden;
}
.title-hov {
    font-size: 24px;
    font-family: "Arial", sans serif;
    text-align: center;
    padding: 32px;
}
.hover-content a {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin: auto;
    font-family: "Arial", sans serif;
    padding-top: 18px;
}
.hover-content .title-hov a {
    font-size: 24px;
    font-family: "Arial", sans serif;
    text-align: center;
    padding: 0;
}
.hover-content p {
    max-width: 380px;
    margin: auto;
}
.hover-inner-content {
   
        -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,0,0);
}
.card:hover .hover-inner-content {
   
        -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,28px,0);
}
.card {
    height: 370px;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
}
.card:hover .hover-content {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,-270px,0);
}
.hover-content {
    height: 365px;
    background: white;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.card:hover .hover-content {
   
   
     -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.hover-content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    opacity: 0;
    border-radius: 0;
    box-shadow: 1px 3px 8px rgba(0,0,0,0.23);
    transition: opacity 0.3s ease-in-out;
}
.card:hover .hover-content:before {
    border: 1px solid rgba(0, 0, 0, 0.16);
    -webkit-transition: -webkit-transform 0.35s;
    /* transition: transform 0.35s; */
    animation-delay: 3s;
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
    -webkit-animation: fadein 3s;
    -moz-animation: fadein 3s;
    -ms-animation: fadein 3s;
    -o-animation: fadein 3s;
    animation: fadein 3s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
 

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.card:hover .hover-content:before {
    opacity: 1;
}
hr.tsep {
    margin: 0 auto 36px auto;
    max-width: 300px;
    height: 3px;
}
.card:nth-child(1) hr.tsep{
    background: #a487b5;
}
.card:nth-child(2) hr.tsep{
    background: #29bca1;
}
.card:nth-child(3) hr.tsep{
    background: #f3a23e;
}
.card:nth-child(4) hr.tsep {
    background: #4c83c3;
}
.card:nth-child(5) hr.tsep {
    background: #6f7ab3;
}
.card:nth-child(6) hr.tsep {
    background: #ffd65a;
}
.card:nth-child(1), .card:nth-child(1) a {
    color: #a487b5;
}
.card:nth-child(2), .card:nth-child(2) a  {
    color: #29bca1;
}
.card:nth-child(3), .card:nth-child(3) a  {
    color: #f3a23e;
}
.card:nth-child(4), .card:nth-child(4) a  {
    color: #4c83c3;
}
.card:nth-child(5), .card:nth-child(5) a  {
    color: #6f7ab3;
}
.card:nth-child(6), .card:nth-child(6) a  {
    color: #ffd65a;
}
.title-hov {
    font-size: 24px;
    font-family: "Arial", sans serif;
    text-align: center;
}
.title-bar {
    padding: 48px 0;
    font-size: 24px;
    font-family: "Arial", sans serif;
    text-align: center;
}
.hover-content p {
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    font-family: "Arial", sans serif;
        margin-bottom: 12px;
}
@media only screen and (max-width: 1250px) {
.decoration-card {
    height: 750px;
}
.watch-text {
    color: #2bbca2;
    font-size: 18px;
    font-family: "Arial", sans serif;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 0;
}
}
@media only screen and (max-width: 768px) {
 .decoration-card {
    min-height: 200px;
    height: 200px!important;
}
}
/* Donate: Orange Bar */

.orange-bar {
    background: #F4A23E;
    color: white;
    font-size: 32px;
    font-family: "Arial", sans serif;
    padding: 56px 0 48px 0;
}
.orange-bar button.submit, .orange-bar a {
    color: white;
    background: none;
    border-radius: 8px;
    border: white 1px solid;
    font-size: 18px;
    font-family: "Arial", sans serif;
    margin-left: 48px;
    padding: 16px 24px;
    text-transform: uppercase;
    font-weight: 500;
}
 .orange-bar a {
    clear: both;
    float: none;
    max-width: 180px;
    margin: 0 auto 0 auto;
    display: block;
    margin-top: 12px;
}

 @media screen and (min-width:768px) {
     .orange-bar a {
    clear: unset;
    float: none;
    max-width: 180px;
    margin: 0 auto 24px 24px;
    display: inline-block;
    margin-top: -6px;
}
     span.help-donate-text {
    margin-top: 18px;
    display: inline-block;
}
}
/** end oragne bar **/
.default-content p {
    font-size: 19px;
    font-family: "Arial", sans serif;
    font-weight: 300;
}
section.default-layout {
    padding-bottom: 90px;
}
h2.cause-heading {
    font-size: 43px;
    color: #0063a7;
    text-transform: none;
    margin: 64px 0 56px 0;
}
ul.page-navigation {
    background: #f6f6f6;
    padding: 32px 21px;
    margin-top: 64px;
    list-style-type: none;
    margin-left: 12px;
    font-size: 21px;
    font-family: "Arial", sans serif;
}
ul.page-navigation a {
    color: black;
    line-height: 42px;
     transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
ul.page-navigation a:hover {
    color: #29bca2;
    text-decoration: none;
     transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}

span.menu-heading {
    display: block;
    font-weight: 900;
    margin-bottom: 8px;
}
ul.page-navigation a {
    color: black;
    line-height: 42px;
    padding: 3px 0;
    display: block;
}

.dyno-donate {
    text-align: center;
}
.mega-dropdown-menu .fa-chevron-right {
    color: #4d85c5;
    font-size: 12px;
    margin-top: 10px;
    margin-right: -6px;
}


ul.page-navigation {
    margin-left: 0px;
    margin-top: 21px;
    
}
@media screen and (min-width:768px) {
    ul.page-navigation {
        
        margin-top: 28px;
    }
}
@media screen and (min-width: 992px) {
    ul.page-navigation {
        margin-left: 12px;
        margin-top: 64px;
    }
}
/** Our Work **/

 
.promo-card {
    background: white;
    max-width: 600px;
    margin: 120px auto 320px auto;
    padding: 56px 56px;
}
.promo-card h1 {
    color: #26588d;
    font-size: 42px;
    font-family: "Arial", sans serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 2px;
    margin-top:0;
}
.bttn-attn {
    margin-top: 32px;
}
a.bttn-standard.link-donate {
    background: #f4a23e;
    color: white;
    display: block;
    font-size: 18px;
    padding: 8px;
    text-align: center;
    width: 100%;
    font-family: "Arial", sans serif;
    border-radius: 4px;
}
section.default-layout {
    position: relative;
}
.direction-box {
    background: #75cd9c;
    position: relative;
    left: 0;
    right: 0;
    height: auto;
    color: white;
    padding: 72px 72px 72px 72px;
    max-width: 1349px;
    margin-top: -90px;
    margin-left: 18px;
    margin-right: 18px;
}
 
 
section.vert-offset-follower {
    margin-top: 28px;
}
h2.our-work-lead {
    font-family: "Arial", sans serif;
    font-size: 36px;
    margin: 0;
}
ul.region-menu {
    margin: 0;
    padding: 21px 0;
}
.region-menu li {
    width: 100%;
    float: left;
    list-style-type: none;
    font-size: 18px;
    font-family: "Arial", sans serif;
}
.region-menu li a {
    color: #184575;
    display: block;
    font-size: 24px;
    padding: 42px 0 0 0;
    border-bottom: 2px solid #184575;
    margin-right: 0;
    text-decoration: none;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.region-menu li.isactive a {
    color: white;
    border-bottom: white solid 2px;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
.bttn-standard,.bttn-standard:visited {
    color: white;
    background: #72CE9B;
    display: block;
    font-size: 18px;
    padding: 8px;
    text-align: center;
    width: 100%;
    font-family: "Arial", sans serif;
    border-radius: 4px;
}
.section-title-left{
    color: #25588D;
    display: block;
    font-size: 48px;
    font-family: "Arial", sans serif;
    font-weight: 900;
    padding: 56px 0;
    text-align:left;
}
section.vert-offset-follower {
    margin-bottom: 90px;
}

.svg-pod {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.svg-pod {
    opacity: .0;
        transition: opacity 500ms ease;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    -o-transition: opacity 250ms ease;
}
.svg-pod.whiter {
    opacity: .3;
        transition: opacity 500ms ease;
    -webkit-transition: opacity 250ms ease;
    -moz-transition: opacity 250ms ease;
    -o-transition: opacity 250ms ease;
}
.nepal-bg {
    background:url('https://operationeyesight.com/wp-content/themes/op-eyesight/imgs/nepalLow.svg');
}
.region-menu li.isactive a:after {
    content: '\f061';
    font-family: "Arial", sans serif;
    float: right;
    color: white;
}
.bttn-attn .link-in {
    margin-bottom: 12px;
}
 
@media screen and (min-width:768px) {
    .region-menu li {
    width: 50%;
    float: left;
    list-style-type: none;
    font-size: 18px;
    font-family: "Arial", sans serif;
}
    .direction-box {
    position: absolute;
    left: 120px;
    right: 120px;
    padding: 90px 120px 120px 120px;
    max-width: 1349px;
    margin-top: -180px;
    margin-left: auto;
    margin-right: auto;
}
    section.vert-offset-follower {
    margin-top: 372px;
}
     .direction-box {
    margin-top: -180px;
}
    .promo-card {
    background: white;
    max-width: 600px;
    margin: 120px 120px 320px auto;
    padding: 56px 56px;
}
    .region-menu li a {
    color: #184575;
    display: block;
    font-size: 24px;
    margin-right: 48px;
    }
    .bttn-attn .link-in {
    margin-bottom: 0;
}
    h2.our-work-lead {
  
    font-size: 42px;
  
}
}
/** Lightbox CSS **/

.lightbox {
    background-color: rgba(114, 206, 155, 0.96);
    overflow: scroll;
    position: fixed;
    display: none;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
  .lightbox-container {
    position: relative;
    max-width: 880px;
    margin: 7% auto;
    display: block;    
    padding: 0 3%;
    height: auto;
    z-index: 10;
}
    
   
@media screen and (max-width: 768px) {.lightbox-container { margin-top: 10%;} }
    @media screen and (max-width: 414px) { .lightbox-container { margin-top: 13%;}  }
  
    
  .lightbox-content {
    box-shadow: 0 1px 6px fade(black, 70%);
  }
  
.lightbox-close {
    text-transform: uppercase;
    background: transparent;
    position: absolute;
    font-weight: 300;
    font-family: uppercase;
    font-size: 21px;
    display: block;
    border: none;
    color: white;
    top: -38px;
    right: 3%;
    font-family: "Arial", sans serif;
}

.video-container {  
    border: 1px rgba(0, 0, 0, 0.22) solid;
    border-style: hidden !important;
    padding-bottom: 56.25%;
    position: relative;  
    padding-top: 30px; 
    overflow: hidden;
    height: 0; 
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;  
    width: 100%;  
    left: 0;  
    top: 0;
}
div#playme {
    cursor: pointer;
}
 /** end lightbox css */

/*** About **/
.copy-title {
    padding: 24px 0 8px 0;
    
}
.bggrab {
    padding: 120px 90px;
    /* color: white; */
    font-size: 21px;
}
.tab-content {
    background: white;
    padding: 42px 80px;
    font-family: "Arial", sans serif;
    font-weight: 300;
    max-width: 1200px;
    margin: auto;
    padding: 28px 28px 0 28px;
}
.other-padding {
    margin: 0;
    padding: 0 0 56px 0;
}
.white-bg {
  
    background: white;
}
.about-text{
    margin-bottom: 90px;
}
.bggrab {
    padding: 72px 28px;
    /* color: white; */
    font-size: 21px;
}
@media screen and (min-width: 992px) {
.bggrab {
    padding: 120px 0;
    /* color: white; */
    font-size: 21px;
}
    .other-padding {
    margin: 36px 90px;
    padding: 0 0 56px 0;
}
    .tab-content {
    padding: 28px 80px 0 80px;
}
}
/** About Tabbed section **/
.nav-pills > li > a {
    border-bottom: 4px solid transparent;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #ffffff;
    border-bottom: 4px solid #25588D;
    border-radius: 0;
    color: #25588D;
    font-family: "Arial", sans serif;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 0;
    padding-left: 0;
    margin-right: 48px;
}
.nav-pills > li > a {
    border-radius: 0;
    color: rgba(0, 0, 0, 0.7);
    font-family: "Arial", sans serif;
    font-weight: 300;
    /* width: 33%; */
  
    background-color: #ffffff;
    border-bottom: 4px solid transparent;
    border-radius: 0;
    
    font-family: "Arial", sans serif;
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 0;
    padding-left:0;
}
ul.nav.nav-pills {
    padding: 36px 21px 0 21px;
    margin: 0;
}
.nav-pills > li {
    margin-left: 2px;
    width: 33%;
    
}
.about-tabber {
    font-size: 24px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: white;
    color:  #25588D;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
@media screen and (min-width: 992px) {
    ul.nav.nav-pills {
    padding: 64px 80px 0 80px;
    margin: 0;
}
}
.nav-pills > li + li {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
.nav-pills > li, .nav-pills > li a {
    width: 100%;
}
}
/** Region **/
.reg-section .lead-text {
    margin: 0 0 32px 0;
    width: 100%;
}
a.view-gallery {
    background: #ed1a3d;
    text-align: center;
    width: 100%;
    display: block;
    background: #f2a149;
    font-weight: 300;
    padding: 2px;
    color: white;
    border-radius: 6px;
    font-size: 21px;
    font-family: "Arial", sans serif;
    max-width: 150px;
    margin: 16px auto;
}

.gallery-lb-frame {
    border: solid 1px rgba(0, 0, 0, 0.06);
    display: block;
    height: auto;
    margin: 8px 4px 8px 14px;
    margin-top: 64px;
    /* margin: 0 0 1.5em 3em; */
}

.reg-section h3 {
    color: #25588D;
    font-size: 24px;
    font-family: "Arial", sans serif;
    font-weight: 300;
    padding: 25px 0 0 0;
    margin-top: 0;
}
 
.reg-section .section-title-left {
    font-size: 48px;
    margin-bottom: 0;
    padding-bottom: 32px;
}

.default-content a.bttn-standard {
    max-width: 230px;
}
.related-posts .post-body {
    padding-bottom: 12px;
}
.related {
    background: #F8F8F8;
    padding: 0px 0 36px 0;
}
.related-posts {
    max-width: 992px;
    margin: auto;
}
a.viewmorenews {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 24px;
    font-family: "Arial", sans serif;
    color: #26588d;
    font-weight: 300;
}
.default-content.small-row {
    padding-bottom: 32px;
    padding-top: 18px;
}
.related-posts .post-body {
    padding-bottom: 12px;
    margin-right: 56px;
}
.related .reg-section .section-title-left {
    /* font-size: 36px; */
    padding-left: 36px;
    padding-right: 36px;
}
@media screen and (max-width: 768px) {
    .related .reg-section .section-title-left {
    /* font-size: 36px; */
    padding-left: 36px;
    padding-right: 36px;
}
}
/** Lightbox: Gallery **/

.gallery-lightbox {
    background: rgba(37, 88, 141, 0.96);
    /* display: none; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
}
.gallery-lightbox section.post-slideshow {
    padding-top: 80px;
    padding-bottom: 80px;
    background: inherit;
}
.gallery-lightbox.open {
    visibility: visible;
}
button.lightbox-close.gallery-close {
    position: fixed;
    right: 90px;
    top: 90px;
}
.view-gallery{
    cursor: pointer;
}
.view-gallery:hover {
    text-decoration: none;
}
.gallery-lightbox span.slide-cap {
    margin-left: 56px;
}
@media screen and (max-width: 768px) {
.gallery-lightbox span.slide-cap {
        margin-top: 0;
        padding-top: 0;
    }
    .gallery-lightbox .slideshow {
        padding: 0px;
        margin: 64px 0;
        margin-bottom: 0;
    }
.gallery-lightbox   .slideshow.slick-initialized.slick-slider {
    padding: 0 56px;
}
}
/** Past Projects **/

.project {
    margin-bottom: 21px;
}
.project-title {
    color: #426C99;
    font-size: 32px;
    font-weight: 700;
      font-family: "Arial", sans serif;
}
span.project-location {
    display: block;
    font-size: 21px;
    color: #25588d;
}
.project i.fa.fa-play {
    border-radius: 4px;
    font-size: 16px;
    color: #426c99;
    padding: 2px;
    border: solid 3px #426c99;
    width: 44px;
    text-align: center;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0px;
}
.reg-section .section-title-left.default-pg-title {
  
    padding-bottom: 0;
}
.countrytitle {
    margin-top: 12px;
    margin-bottom: 28px;
    padding-top: 28px;
    color: #426c99;
    padding-bottom: 6px;
    border-bottom: solid 2px #426c99;
}
.project .read-button a {
    background: transparent;
    color: #29bca0;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    padding: 0;
}
.project .inner-content {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    border: rgba(0, 0, 0, 0.05) solid 1px;
    padding: 18px 28px;
}
.post-type-archive-past_projects .reg-section h3 {
    color: #25588D;
    font-size: 48px;
    font-family: "Arial", sans serif;
    font-weight: 400;
    line-height: 64px;
}
/** Footer **/
a.donate-button.donate-standard {
    background: #ed1a3d !important;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial", sans serif;
        font-weight: 500;
    padding: 4px;
    width: 225px;
    text-align: center;
}
.footercolright a {
    float: left;
}
 .footer-img img {
    width: 100%;
    margin-top: 28px;
}
/** Donate Page **/
.page-template-donate a.capbar-link {
    color: white;
   
    background: #f2a149;}
.page-template-donate .col-xs-6 {
    padding: 18px;
}
.pageheader {
    padding: 0 16px;
}
.page-description {
    font-size: 21px;
    font-weight: 300;
    max-width: 678px;
    margin-top: 28px;
}
.donate-cards {
    margin-bottom: 21px;
}
.row-card-margin {
    margin-bottom: 18px;
}

/** paddings **/
.section-padding {
    padding-top: 72px;
}
#navigation-section {
    padding: 0 12px 0 12px;
}
@media screen and (min-width: 580px) {
.section-padding {
    padding-top: 90px;
}
 
}
@media screen and (min-width: 768px) {
.section-padding {
    padding-top: 108px;
}
 
}
/** iframes **/
/** Map  Container no scroll iframe **/
.map-container {
    width: 100%;
    margin: 0 0 0 0;
    position: relative;
}
.map-container iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
    pointer-events: auto;
}
.cover-map {
    padding: 220px 80px;
    text-align: center;
    color: white;
    font-size: 21px;
    display: none;
    cursor: pointer;
}
 
.map-container:hover .cover-map{ display:block;}
.clicked.map-container:hover  .cover-map{ display: none; }
.cover-map { 
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #75cd9ca3;
    bottom: 0;}
.clicked .cover-map  { display: none; }

@media screen and (min-width: 768px) {
.cover-map {
    padding: 220px 220px;
  
    }
}
/** small screen blog filter **/
/** 404 **/
span.recentps {
    font-size: 24px;
    margin-top: 56px;
    width: 100%;
    text-align: center;
    display: block;
}
.error404 .post-body {
    padding-bottom: 12px;
}
.closemenumega {
    display: none;
}

@media screen and (max-width: 992px) {
.mega-drop-down-menu li.col-sm-12.col-md-3.aboutdropdown1, li.col-sm-12.col-md-3 ul li {
    display: none;
}

.mega-drop-down-menu li.col-sm-12.col-md-3.aboutdropdown1, li.col-sm-12.col-md-3.aboutdropdown1 ul li {
    display: block!important;
}
.main-navigation ul .dropdown-menu .col-sm-12:nth-child(2) > ul li.dropdown-header {
    display: none!important;
}
.main-navigation ul.giant-menu ul li {
    display: none;
}
}

@media screen and (max-width: 769px) {
.searchandfilter select.sf-input-select {
    width: 100%;
    margin-right: 0;
    max-width: 430px;
}
input.sf-input-text {
    font-size: 21px;
    color: #000000;
}
form#search-filter-form-22 {
    margin-top: 48px;
}
}
/** Rob CSS Newsletter Page **/


.page-id-581 form.form input.text {
    width: 100% !important;
    font-size: 20px !important;
    padding: 5px 7px !important;
}







.page-id-581 form.form span.value {
    display: block;
    margin-left: 0px;
    border-top: 2px solid #275791;
    padding-top: 8px;
    margin-top: 10px;
}

.page-id-581 form.form p label {
    display: block  !important;
    float: left  !important;
    margin: 0  !important;
    padding: 3px 13px 0 0  !important;
    text-align: left !important;
    width: 100% !important;
    font-family: "Arial", sans serif !important;
    font-size: 18px  !important;
    font-weight: 300  !important;
    color: #333  !important;
}


.page-id-581 form.form p.submit input {
    background: #F2A149;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial", sans serif;
    padding: 12px;
    width: 230px;
    text-align: center;
    border: none;
}



.page-id-581 form.form p.submit {
    margin: 0px;
    padding: 0;
}

.page-id-581 textarea {
    width: 100%;
    font-size: 20px;
}







.page-id-607 form.form input.text {
    width: 100% !important;
    font-size: 20px !important;
    padding: 5px 7px !important;
}

.page-id-607 form.form span.value {
    display: block;
    margin-left: 0px;
    border-top: 2px solid #275791;
    padding-top: 8px;
    margin-top: 10px;
}

.page-id-607 form.form p label {
    display: block  !important;
    float: left  !important;
    margin: 0  !important;
    padding: 3px 13px 0 0  !important;
    text-align: left !important;
    width: 100% !important;
    font-family: "Arial", sans serif !important;
    font-size: 18px  !important;
    font-weight: 300  !important;
    color: #333  !important;
}


.page-id-607 form.form p.submit input {
    background: #F2A149;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial", sans serif;
    padding: 12px;
    width: 230px;
    text-align: center;
    border: none;
}



.page-id-607 form.form p.submit {
    margin: 0px;
    padding: 0;
}

/** Rob CSS Homepage **/

span.sil-t2b {
    font-size: 25px;
}
.country-card img {
    max-width: 187%;
    width: 100%;
}

/** Rob CSS image caption **/

figcaption.wp-caption-text {
    font-size: 15px;
    font-style: italic;
}

/** Rob CSS remove author on blog post **/


span.post-author {
    display: none;
}

/** Rob CSS remove Where we Work on mobile because the editor wasn't working for me to update the typo **/


#regions-of-operation h2.abf-title {
    display: none;
}

/** old post CSS **/
figure {
    width: 100%;
    margin: auto;
    padding: 0 0 12px 0;
}
.post-body figure {
    max-width: 600px;
}
figcaption.wp-caption-text {
    padding: 12px;
    background: #25588D;
    color: white;
    font-style: normal;
    font-size: 16px;
}
figure.wp-caption {
    display: block!important;
    margin: auto;
    position: relative;
    float: none;
}
span.post-author {
    width: auto;
    display: inline;
}
.old-post .post-body figure:first-child img {
    display: none;
}

/** Page List Styles **/
ul.infolist {
    color: #25588D;
    font-size: 24px;
    font-family: "Arial", sans serif;
    font-weight: 300;
    margin: 0 0 0 0;
    padding: 24px 24px 56px 24px;
    margin-top: 0;
}

/** Blog List Styles **/

.post-body  ul, .post-body  ol {
     color: #25588D;
    max-width: 600px;
    margin: auto;
    font-size: 28px;
    padding: 21px 21px 21px 21px;
}
.post-body ul.large, .post-body ol.large {
    font-size: 36px;
}
.post-body ul.small, .post-body ol.small {
    font-size: 21px;
}
ul.thin, ol.thin {
    font-weight: 300;
}
ul.blue, ol.blue {
    color: #25588D;
}

/** Blog Heading Styles **/
.post-body > h1, .post-body > h2, .post-body > h3, .post-body > h4, .post-body > h5, .post-body > h6 {
    font-weight: 400;
    margin: 0 auto 12px auto;
    max-width: 600px;
}
.post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 {
    color: #25588D;
}
.post-body h1 {
    font-size: 42px;
}
.post-body h2 {
    font-size: 36px;
}
.post-body h3 {
    font-size: 28px;
}
.post-body h4 {
    font-size: 24px;
}
.post-body h5 {
    font-size: 21px;
}
.post-body h6{
    font-size: 18px;
}


/** Misc Blog Styles **/

blockquote {
    max-width: 600px;
    margin: auto;
    border-left: 5px solid #29bca2;
    background: #efefef;
    /* font-size: 21px; */
}
figure.gallery-item {
    float: left;
    width: 33%;
}
div#gallery-1 {
    width: 900px;
    max-width: 600px;
    margin: 0 auto!important;
    display: table!important;
    position: relative;
    /* position: static; */
    margin: auto;
}
figure.wp-caption.alignright {
    float: right;
}
figure.wp-caption.alignleft {
    float: left;
}
.full-post figure.wp-caption.alignleft, .full-post figure.wp-caption.alignright {
    float: none;
} 
.post-body a.button {
    background: #2bbca0;
    border: 0;
    color: white;
    font-size: 18px;
    /* padding: 16px 21px; */
    border-radius: 8px;
    display: block;
    font-size: 21px;
    font-family: "Arial", sans serif;
    font-weight: 500;
    padding: 4px;
    width: 230px;
    text-align: center;
    line-height: 1.5;
}
a.button.donate {
    background: #ed1a3d;
}
/** New Slideshow styles **/
.slideshow .item p {
    color: white;
}
.post-slideshow .next-arrow {
    border-radius: 4px;
    position: absolute;
    top: 18px;
    left: 28px;
    bottom: auto;
    background: rgba(66, 108, 153, 0.73);
    z-index: 999;
    font-size: 32px;
    width: 56px;
    text-align: center;
}
.full-post .inner-content {
    padding: 0;
}

.col-xs-12.post.full-post.old-post {
    padding: 0;
}
.full-post .inner-content > .row > .col-xs-12 {
    padding: 0;
}

.country-slider .next-arrow.slick-arrow:hover {
    background: transparent;
}

@media screen and (max-height: 655px) {
.post-slideshow .slimg {
    max-height: 400px;
    overflow: hidden;
}
}
@media screen and (max-width: 768px) {
.slimg {
    max-height: 300px;
    overflow: hidden;
}
.gallery-lightbox section.post-slideshow {
    padding-top: 56px;
    }
    .gallery-lb-frame {
    margin: 0;
}
}
.actgrid {
    margin-top: 36px;
}
a:visited span.menutext  {
    color: #f4a23e;
}

/** a.dropdown-toggle:hover:before {
    content: "^";
    content: "/f0d7";
    content: "\f0d7";
    font-family: "fontawesome";
    position: absolute;
    top: 140px;
    width: 48px;
    text-align: center;
}
**/
/** new home **/
.sign-up-link:hover span.fa.fa-angle-right {
    padding-left: 16px;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}
 .country-slider .next-arrow:hover span:before {
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    margin-right: -12px;
}
.country-slider .next-arrow:hover span:before {
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    margin-left: 4px;
}
.country-slider .next-arrow span:before {
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    margin-left: 0px;
}

.country-slider .next-arrow.slick-arrow {
    width: 50px;
}
.country-slider .next-arrow.slick-arrow {
    padding: 4px;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
.fade-in.zero {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0s;
}

.fade-in.one {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.fade-in.two {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay:0.4s;
  animation-delay: 0.4s;
}

.fade-in.three {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

/** New edits **/
.main-info.promo-card.fade-in {
    visibility: hidden;
    opacity: 0;
    height: 1px;
    padding: 0;
}
.nav-previous {
    margin-left: 12px;
}
.main-info.promo-card.fade-in {
    height: 0!important;
    visibility: hidden!important;
    padding: 0;
    /* margin: 0; */
}
.choice-card img {
    width: 100%;
    max-width: 768px;
}

.post-details span:nth-child(3) {
    padding: 0 24px 0 0;
}

.for-sr-only {
    display: none;
}
.pagecontent a:active,.pagecontent a:focus  {
    color: inherit;
}
a.search-filter-reset {
    margin-left: 0;
    margin-top: 18px;
}


/* remove featured image on post id 18515 */

.postid-18515 .post-image.post-el.fade-in.two {
    display: none;
}


.postid-18697 .post-image.post-el.fade-in.two {
    display: none;
}

/** New default page edits 3.04.19 **/

.page-template-default .reg-section .default-content .section-title-left {
    margin-bottom: 24px;
    display: block;
    line-height: 1.4em;
}
.sidebar-content ul.page-navigation a {
    line-height: 24px;
    padding: 12px 0;
}
@media screen and (min-width: 768px) {
.sidebar-content.fade-in.three {
    padding: 0 12px;
}
}

/*********                        **********/
/********* Sidebar premade styles *********/
/** Sidebar Well **/
.sidebar-well {
    background: #f6f6f6;
    padding: 32px 21px;
    margin-top: 64px;
    list-style-type: none;
    margin-left: 12px;
    font-size: 21px;
    font-family: "Arial";
}
span.well-title {
    display: block;
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 24px;
}
span.well-description {
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    display: block;
}
span.transparent-link {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.68);
}
.sidebar-well a:hover {
    color: #29bca2;
    text-decoration: none;
}
.sidebar-well a {
    color: black;
}


/** Internet Exporler 10 **/

/* 
    #ie10,11 will only be red in MSIE 10, 
    both in high contrast (display setting) and default mode 
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .pop-note {
        background: transparent;
        box-shadow: none;
        left: 0!important;
        width:100%;
    }
    /** Header **/
    #primary-menu > li {
        clear:none;
    }
    span.year-a{
        left: 50%;
    }
    .help-now-box {
        display: block;
    }
    .quarter-box.blue-canvas {
        float: none;
    }
    nav#site-navigation{
        clear: none!important;
    }
}

@media screen  and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px)  {
    ul.dropdown-menu.giant-menu.mega-dropdown-menu.open.visuallyopen {
    width: 880px;
        margin-left: -161px;
    }
    .mega-dropdown-menu .row:before, .mega-dropdown-menu .row:after {
        display:none;
    }
    }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1100px) {
    
    ul.dropdown-menu.giant-menu.mega-dropdown-menu.open.visuallyopen {
    margin-left: -261px;
    width: 1000px;
    }
    }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1300px)  {
    ul.dropdown-menu.giant-menu.mega-dropdown-menu.open.visuallyopen {
    margin-left: -261px;
    width: 1200px;
    }
    }
@media screen and (min-width: 992px) {
.mega-dropdown:hover ul.dropdown-menu.giant-menu.mega-dropdown-menu {
    display: block;
    opacity: 1;
}
}


li.socials.smiitem.smi-3 .donatemenu a {
    background: #ffffff;
    border-radius: 8px;
    color: #666666;
    display: block;
    font-size: 18px;
    font-family: "Arial";
    padding: 4px;
    width: 100%;
    text-align: left;
    clear: both;
}
.donatemenu ul {
    position: absolute;
    top: 138px;
    background: white;
    z-index: 999;
    width: 100%;
    font-size: 24px;
    /* left: -72px; */
    list-style-type: none;
    margin: 0 0;
    padding: 0 0 0 0;
    -webkit-box-shadow: 8px 6px 14px -4px rgba(158,158,158,1);
    -moz-box-shadow: 8px 6px 14px -4px rgba(158,158,158,1);
    box-shadow: 8px 6px 14px -4px rgba(158,158,158,1);
    border:1px solid rgba(0, 0, 0, 0.15);
}
li.socials.smiitem.smi-3 .donatemenu a {
    background: #ffffff;
    border-radius: 8px;
    color: #666666;
    display: block;
    font-size: 18px;
    font-family: "Arial";
    padding: 8px;
    width: 100%;
    text-align: left;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
li.socials.smiitem.smi-3 {
    height: auto;
    display: block;
    min-height: 61px;
    margin-bottom: 0;
    padding-bottom: 20px;
    clear: both;
    float: none;
}
.socials.smi-3:hover .donatemenu {
    display: block!important;
}
li.socials.smiitem.smi-3 .donatemenu a:hover {
    color: #29bca2;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    text-decoration: none;
}

/** mobile Donate Menu **/
.main-navigation .donatemenu-mobile ul.nav-menu {
    display: block;
}
.donatemenu-mobile li {
    width: 100%;
}
.donatemenu-mobile a {  
    background: #e7e7e7;
    border-bottom: 1px solid lightgrey;
    display: block;
    font-family: "Arial";
    width: 100%;
    text-align: left;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    width: 100%;
    color: #25588D;
    padding-top: 21px;
    padding-bottom: 21px;
    min-width: 108px;
    font-weight: 400;
    font-size: 21px;
 padding-left: 56px;
}
.main-navigation .donatemenu-mobile li {
    width: 100%;
    padding: 0;
}
.donate-heart{ cursor: pointer;}
.heart-close {
    font-size: 36px;
    text-align: center;
    width: 44px;
    height: 41px;
}
a.donate-heart.active .heart-close {
    display: block!important;
}
         a.donate-heart.active img {
    display: none;
}
@media screen and (min-width: 992px) {
.donatemenu-mobile {
    display: none!important;
}
}





#hero.visible-sm .herowrap a{
    background: #fff !important;
    margin-top: 20px!important;
    display: block !important;
    text-align: center !important;
    color: #72ce9b!important;
    padding: 7px !important ;
    border-radius: 9px !important;
}
span.main-donate {
    background: #F4A23E;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial";
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
    max-width: 128px;
    padding: 8px 32px;
}
.h1-panel a {
    text-decoration: none;
}
.h1-panel.heighta:hover .main-donate {
    /* color: red; */
    opacity: .8;
}

/** Hiogh Charts **/
#hc-container {
    min-width: 310px;
    max-width: 800px;
    height: 400px;
    margin: 0 auto
}
.highcharts-point-hover {
    fill: #F2A240;
    stroke: #F2A240;
}
.highcharts-point-hover:focus {
    fill: #F2A240;
    stroke: #F2A240;
}
.highcharts-point-hover:before{
  background:url('https://operationeyesight.com/wp-content/themes/op-eyesight/imgs/person-orange.svg');
  content: " ";
  width:30px;
  height:30px;
  
}

text.highcharts-title {

    display: none;
}
text.highcharts-subtitle {
    display: none;
}
section#highcharts-timeline {
    padding: 56px 0 108px 0;
}

section#SDG {
    padding: 90px 0 100px 0;
}


.abf-desc {
    font-size: 21px;
    font-weight: 300;
    font-family: "Arial", sans serif;
    /* margin-top: 18px; */
    max-width: 768px;
    margin: 0 auto 56px auto;
    text-align: center;
        padding: 0 18px;
}

/** Sponsor Slider **/
.item img {
    display: block;
    margin: auto;
}   
.sponsor-slider .prev-arrow.slick-arrow {
    z-index: 9999;
}           

/** Sponsors Section **/
.sponsor-slider .slick-list {
    padding: 28px 0 60px 0;
}
 .sponsor-slider .next-arrow, .prev-arrow {
    bottom: 48px;
    cursor: pointer;
    font-size: 21px;
    color: #25588d;
    position: absolute; 
}
.sponsor-slider  .next-arrow {
    left: 55%;
}
.sponsor-slider  .prev-arrow {
    right: 55%;
}
a.sponsor-pl {
    bottom: 50px;
    color: #25588d;
    font-size: 21px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center; 
    width: 80px;
    z-index: 0;
}
.item .sponsor {
    max-width: 180px;
}

.sponsor-slider .prev-arrow.slick-arrow {
    bottom: 48px;
    cursor: pointer;
    font-size: 21px;
    color: #25588d;
    position: absolute;
    left: 45%;
    display: block!important;
}

@media screen and (max-width: 768px) {
.sponsor-slider  .next-arrow.slick-arrow {
    position: relative;
    left: auto;
    right: 0;
    position: absolute!important;
    width: 18px;
}
.sponsor-slider  .prev-arrow.slick-arrow {
    position: relative;
    left: 0;
    right: auto;
    position: absolute!important;
    width: 18px;
}  /* right: 65%; */
.sponsor-slider  .next-arrow.slick-arrow {
    padding-right: 48px;
}

.sponsor-slider  .prev-arrow.slick-arrow {
    padding-left: 48px;
}


}
span.sec-title {
    color: #25588D;
    font-size: 43px;
    font-family: "Arial", sans-serif font-size:
    font-weight: 500;
    padding: 56px 0;
    text-align: center;
    /* box-shadow: 0 0 black; */
    margin-top: 0;
    margin: auto;
    position: relative;
    padding: 56px 28px;
    width: 100%;
    display: block;
}

.sponsor-slider .next-arrow.slick-arrow:hover {
    background: none;
}


.page-id-485 section.default-layout.fade-in.three {
    padding-bottom: 0px;
}
 

.page-id-20277 p.has-small-font-size {
    font-size: 18px;
}


.page-id-20441 p.has-small-font-size {
    font-size: 18px !important;
}


label#input_2_8_6_label {
    display: none;
}

input#gform_submit_button_2 {
    background: #F2A149;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial";
    padding: 12px;
    width: 230px;
    text-align: center;
    border: none;
}

input#gform_submit_button_2:hover {
    background: #F2A149;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial";
    padding: 12px;
    width: 230px;
    text-align: center;
    border: none;
    cursor:pointer;
}

label#label_2_6_1 {
    display: block;
    padding-top: 10px;
    font-size: 20px !Important;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 400;
    font-size: inherit;
}


label#input_2_8_6_label {
    display: none !Important;
}


.gform_wrapper div.validation_error {
    color: #790000;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 2px solid #790000;
    border-bottom: 2px solid #790000;
    padding: 16px 0;
    clear: both;
    width: 100%;
    text-align: center;
}

div#gform_confirmation_message_2 {
    font-size: 20px;
}

/**  header **/

@media only screen and (min-width: 1349px){
nav#site-navigation {
    width: 63%;
}
}
.menu-menu-1-container {
    float: center;
}
.intern a {
    color: #222;
    padding: 0 8px 0 28px;
}

.intern {
    padding-top: 72px;
    width: 168px;
    float: left;
    /* padding-left: 12px; */
    
    color: #222;
}
.intern a span {
    float: left;
    /* width: 32px; */
    padding-right: 16px;
    padding-left: 0px;
}


@media only screen and (min-width: 1150px){
nav#site-navigation {
    width: 57%;
}
 .other-holder {
      max-width: 230px;
    position: relative;
    width: 100%;
    /* margin-top: 45px; */
    padding-top: 56px;
 
}
}



.int-dropdown ul {
    position: absolute;
    top: 159px;
    background: white;
    z-index: 999;
        width: 200px;
    font-size: 24px;
    /* left: -72px; */
    list-style-type: none;
    margin: 0 0;
    padding: 0 0 0 0;
    -webkit-box-shadow: 8px 6px 14px -4px rgba(158,158,158,1);
    -moz-box-shadow: 8px 6px 14px -4px rgba(158,158,158,1);
    box-shadow: 8px 6px 14px -4px rgba(158,158,158,1);
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.int-dropdown li a {
    background: #ffffff;
    border-radius: 8px;
    color: #666666;
    display: block;
    font-size: 18px;
    font-family: "Arial";
    padding: 8px;
    width: 100%;
    text-align: left;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.int-dropdown li {
    width: 100%;
}
 

.int-dropdown {
    display: none;
}
.int-parent:hover .int-dropdown {
    display: block;
}
.int-parent {
    height: 150px;
    float: left;
}


nav.secondary-nav {
    padding-top: 12px;
    width: 210px;
}
.donatemenu-mobile ul {
    display: block;
}
.menu-menu-1-container {
    float: right; 
}
.int-parent:hover i {
    color: #0063a7;
}
.int-parent:hover i {
    color: #0063a7;
}

li.socials.smiitem.smi-3 {
    height: 82px;
}
.int-parent li a:hover {
    color: #0063a7;
    transition: all 500ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    text-decoration: none;
}
.cn-button.wp-default{
	background:#ed1a3d !important;
}
@media only screen and (max-width: 992px){
.int-parent {
    display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px){
.intern {
    font-size: 14px;
}
#primary-menu .menu-item > a {
    font-size: 18px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1050px){
.intern {
    font-size: 14px;
}
}

.dropdown-content a {
    background: #ffffff;
    color: #666666;
    display: block;
    font-size: 18px;
    font-family: "Arial";
    padding: 8px;
    width: 100%;
    text-align: left;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 2px;
}

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
}
.int-dropdown {
    display: none;
}
 


li#menu-item-62 {
    display: block;
	z-index:auto;
}




@media only screen and (max-width: 992px)  {
    li#menu-item-51 {
    display: block;
}
    
    li#menu-item-62 {
    display: none;
}


    
}


.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content ul {
    background: white;
    z-index: 999;
    width: 100%;
    font-size: 24px;
    list-style-type: none;
    margin: 0 0;
    padding: 0 0 0 0;
    
}
li.socials.smiitem.smi-3 .donatemenu a {
    background: #ffffff;
    border-radius: 0;
    /* margin: 12px; */
    color: #666666;
    display: block;
    font-size: 18px;
    font-family: "Arial";
    padding: 8px;
    width: 100%;
    text-align: left;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
li.socials.smiitem.smi-3 .donatemenu a {
    border-radius: 0;
    color: #666666;
    font-weight: 300;
}
.donatemenu ul {
    padding: 0 12px;
}
@media only screen and (min-width: 992px){
#primary-menu .menu-item > a {

    text-align: center;
}
 
}

img.flagiconone {
    width: 30px;
    float: left;
    padding-top: 6px;
    padding-right: 4px;
}
li.socials.smiitem.smi-3 {
    cursor: pointer;
}

@media only screen and (max-width: 992px){
#primary-menu .menu-item > a {
    color: #25588D;
}
}

.home section#navigation-section {
    display:none !important;
}

.home section#regions-of-operation {
    display: none !important;
}

.home section#highcharts-timeline {
    display: none !important;
}

.home section#timeline-sec {
    display: none !important;
}

.home section#choose-a-page {
    display:none !important;
}



input#gform_submit_button_3 {
    background: #F2A149;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 21px;
    font-family: "Arial";
    padding: 12px;
    width: 230px;
    text-align: center;
    border: none;
}


.SDG-slider div p1 img {
	text-align: center;
	margin: auto;
	display:block;
}

.SDG-slider span{
		width:100%;
		margin:0 auto;
		text-align:center;
		font-size: 35px;
	}



.help-now-desc {
    font-size: 24px;
    font-family: "Merriweather";
    color: #25588d !important;
    
}

.blue-canvas.quarter-box p {
    font-size: 21px;
    font-weight: 300;
    font-family: "Arial";
    margin-top: 18px;
    color: #25588d !important;
}

.help-now-box a {
    background: #25588d !important;
    color: #fff !important;
    font-size: 21px;
    font-weight: 500;
    padding: 12px 16px;
    display: block;
    font-family: "Arial";
    border-radius: 4px;
    margin-top: 21px;
}


.help-now-box {
    color: white !important;
    height: auto;
    min-height: 275px;
    width: 100%;
    background: #fff !important;
    position: relative;
    content: "";
    display: table;
    clear: both;
}

.leaflet-tooltip, 
.leaflet-rrose-content-wrapper {
  font-size: 1.5rem !important;
}

.wp-block-ctl-instant-timeline .ctl-instant-timeline .timeline-content .story-time { max-width: unset !IMPORTANT; }
.wp-block-ctl-instant-timeline .ctl-instant-timeline .timeline-content .story-time div { text-align: left; }

.cn-button.wp-default {
color: #fff;
background: #ed1a3d;
}

.grad1 {
  height: 400px;
  background-color: white;
  background-image: linear-gradient(#eee, white);
}


.table{
	width: 80%;
	margin: 0 auto;
	border-collapse: collapse;
}

.table td,{
  padding:12px 15px;
  font-size:16px;
}

.wide-page-title {
	text-align: center;
	color: #25588D;
    display: block;
    font-size: 40px;
    font-family: "Arial", sans serif;
    font-weight: 500;
    padding: 17px 0;
}

/*responsive*/

@media(max-width: 600px){
	
	.table {
		padding: 20px 0 5px 0;
	}
	
	.table, .table tbody, .table tr, .table td{
		display: block;
		width: 100%;
	}
	.table tr{
		margin-bottom:15px;
	}
	.table td{
		text-align: center;
		position: relative;
	}
	.table td::before{
		position: absolute;
		left:0;
		width: 50%;
		padding-left:15px;
		font-size:15px;
		font-weight: bold;
	}
	
	.table impactcharity img {
		width: 70%;
		margin:0 auto;
		padding: 30px 0;
	}
	
	.SDG-slider span{
		width:80%;
		margin:0 auto;
		text-align:left;
		font-size:40px;
		line-height: 1.2em;
	}
	
	.SDG-slider div p{
		width:90%;
		margin:0 auto;
		text-align:left;
		padding-bottom: 10px;
	}
	
	.description {
	    margin-top:70px;
	}
	
	.SDG-slider div p1 img {
		padding-top: 60px;
	}
	
	.sponsors-section span{
		width:80%;
		margin:0 auto;
		text-align:left;
	}
	
	.sponsors-section p{
		width:90%;
		margin:0 auto;
		text-align:left;
	}
	
	.footer {
		padding: 25px 0 25px 0;
	}
	
	.right-wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}
	
	.sponsor-slider .slick-list{
		padding: 0 0;
		width: 80%;
		margin: 0 auto;
		margin-top:-15px;
		z-index:-10;
	}
	
	.mb-text {
		font-size: 18px !important;
	}
	
	.maxbutton-5.maxbutton.maxbutton-learn-more-partners {
		width:100% !important;
	}
	
	.section-title-left {
		text-align: left;
	}
	
	.wide-page-title {
    	text-align: left;
	    font-size: 35px;
        font-family: "Arial", sans serif;
        font-weight: 700;
        padding: 40px 0 0 0;
    }

	.blackbud {
		margin-top:85px !important;
	}
		
}