/*!
Theme Name: Royal Far West
Author: The Hallway
Author URI: https://www.thehallway.com.au
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: royalfarwest
*/
/*--------------------------------------------------------------
# Import
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
html
{
    font-family: sans-serif;

        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

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

:focus
{
    outline: 0;
}

ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}

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

::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

:focus
{
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
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
{
    outline: 0;
}

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

b,
strong
{
    font-weight: bold;
}

dfn
{
    font-style: italic;
}

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

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

img
{
    border: 0;
}

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

figure
{
    margin: 1em 40px;
}

hr
{
    -webkit-box-sizing: content-box;
            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
{
    font: inherit;

    margin: 0;

    color: inherit;
}

button
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer;

    -webkit-appearance: button;
}

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

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

    border: 0;
}

input
{
    line-height: normal;
}

input[type='checkbox'],
input[type='radio']
{
    -webkit-box-sizing: border-box;
            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
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

legend
{
    padding: 0;

    border: 0;
}

textarea
{
    overflow: auto;
}

optgroup
{
    font-weight: bold;
}

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

td,
th
{
    padding: 0;
}

/*$thinwt: 100;*/
/*$exboldwt: 800;*/
/*$blackwt: 900;*/
/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
body
{
    font-family: 'Merriweather', serif;
    font-size: 16px;

    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear
{
    display: block;
    clear: both;
}

.clearfix:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

* html .clearfix,
* html .clearfix
{
    height: 1%;
}

.clearfix
{
    display: block;
}

/*--------------------------------------------------------------
# Box Sizing
--------------------------------------------------------------*/
*,
*:after,
*:before
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------
# Links
  --------------------------------------------------------------*/
a
{
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-decoration: none;

    color: #1a1a1a;
    outline: 0;
    /*letter-spacing: 0.063rem;*/
    /*&:hover{
    color: $maincolor;
  }*/
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
img
{
    max-width: 100%;

    vertical-align: middle;

    border: 0;
}

img.alignleft
{
    margin-right: 20px;
    margin-bottom: 20px;
}

img.alignright
{
    margin-bottom: 20px;
    margin-left: 20px;
}

img.aligncenter
{
    display: inherit;

    margin: auto;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.pullLeft,
.alignLeft,
.floatLeft
{
    float: left;
}

.pullRight,
.alignRight,
.floatRight
{
    float: right;
}

@media screen and (max-width: 768px)
{
    .alignLeft,
    .alignRight
    {
        float: none;
    }
}

/*--------------------------------------------------------------
# Accessibilty
--------------------------------------------------------------*/
.says,
.screen-reader-text
{
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
}

.site .skip-link
{
    font-size: 14px;

    top: -9999em;
    left: -9999em;

    display: block;

    padding: 15px 23px 14px;

    text-decoration: none;
    text-transform: none;

    color: #21759b;
    outline: none;
    background-color: #f1f1f1;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
}

.logged-in .site .skip-link
{
    font: bold 14px/normal 'Open Sans', sans-serif;

    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}

.site .skip-link:focus
{
    z-index: 100000;
    top: 7px;
    left: 6px;

    clip: auto;

    width: auto;
    height: auto;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*h1 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h2 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h3 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h4 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h5 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
/*h6 {
    @extend %headingstyle;
    font-size: ($font-size-upper / $font-size-base) + rem;
    $font-size-upper: $font-size-upper - $font-size-dec;
  }*/
p
{
    line-height: 1.375;
}

sup,
sub
{
    font-size: .6em;

    position: relative;
}

sup
{
    top: -7px;
}

sub
{
    bottom: -7px;
}

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

big
{
    font-size: 150%;
}

.bold,
strong
{
    font-family: 'Merriweather', serif;
}

/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# html
--------------------------------------------------------------*/
html
{
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
body
{
    font-family: 'Merriweather', serif;
    font-size: 16px;

    position: relative;
    z-index: 1;

    overflow-x: hidden;

    width: 100%;

    background-color: #fff;
}

/*--------------------------------------------------------------
# wrapper
--------------------------------------------------------------*/
.wrapper,
.noWrapper
{
    position: relative;

    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.wrapper h2,
.noWrapper h2
{
    text-align: center;
}

.midWrapper
{
    max-width: 970px;
    margin: 0 auto;
    padding: 0 20px;
}

.smallWrapper
{
    max-width: 735px;
    margin: 0 auto;
    padding: 0 20px;
}

.noWrapper
{
    padding: 0;
}

section .noWrapper h2
{
    padding: 0 20px;
}

a:hover
{
    color: #49bfd6;
}

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;

    margin-bottom: 20px;

    color: #1c223b;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style: initial;
}

@media screen and (min-width: 992px)
{
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
    {
        margin-bottom: 25px;
    }
}

h1
{
    font-size: 3.75rem;
    line-height: 4.250rem;
}

@media screen and (min-width: 992px)
{
    h1
    {
        font-size: 4.5rem;
        line-height: 5rem;
    }
}

@media screen and (max-width: 480px)
{
    h1
    {
        font-size: 2.813rem;
        line-height: 3.313rem;
    }
}

h2
{
    font-size: 2.813rem;
    line-height: 3.313rem;
}

@media screen and (min-width: 992px)
{
    h2
    {
        font-size: 3.75rem;
        line-height: 4.250rem;
    }
}

@media screen and (max-width: 480px)
{
    h2
    {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

h3
{
    font-size: 2.5rem;
    line-height: 3rem;
}

@media screen and (min-width: 992px)
{
    h3
    {
        font-size: 2.813rem;
        line-height: 3.313rem;
    }
}

@media screen and (max-width: 480px)
{
    h3
    {
        font-size: 1.875rem;
        line-height: 2.375rem;
    }
}

h4
{
    font-size: 1.875rem;
    line-height: 2.375rem;
}

@media screen and (min-width: 992px)
{
    h4
    {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media screen and (max-width: 480px)
{
    h4
    {
        font-size: 1.563rem;
        line-height: 2.063rem;
    }
}

h5
{
    font-size: 1.536rem;
    line-height: 2.063rem;
}

@media screen and (min-width: 992px)
{
    h5
    {
        font-size: 1.875rem;
        line-height: 2.375rem;
    }
}

@media screen and (max-width: 480px)
{
    h5
    {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }
}

h6
{
    font-size: 1.375rem;
    line-height: 1.875rem;
}

@media screen and (min-width: 992px)
{
    h6
    {
        font-size: 1.625rem;
        line-height: 2.125rem;
    }
}

@media screen and (max-width: 480px)
{
    h6
    {
        font-size: 1.25rem;
        line-height: 1.750rem;
    }
}

/*--------------------------------------------------------------
# Paragraphs, date, tags
--------------------------------------------------------------*/
p
{
    font-family: 'Merriweather', serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.625rem;

    margin: 15px 0;

    color: #1a1a1a;
}

p a
{
    text-decoration: underline;
}

p a:hover
{
    color: #49bfd6;
}

p strong
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;

    color: #1a1a1a;
}

@media screen and (min-width: 992px)
{
    p
    {
        font-size: .938rem;
        line-height: 1.875rem;
    }
    p strong
    {
        font-size: 1.125rem;
    }
}

/*--------------------------------------------------------------
# Headings & Paragraphs on Sections with backgrounds
--------------------------------------------------------------*/
.noBg p
{
    font-weight: 300;

    text-align: left;
}

.noBg:hover .col-2 .linkBtn img,
.noBg:hover .linkBtn img
{
    margin-left: 15px;
}

.noBg a
{
    color: #1a1a1a !important;
}

.noBg a:hover
{
    color: #49bfd6 !important;
}

.hasBgColor
{
    text-align: center;
}

.hasBgColor h1,
.hasBgColor h2,
.hasBgColor h3,
.hasBgColor h4,
.hasBgColor h5,
.hasBgColor h6
{
    color: #fff;
}

.hasBgColor p
{
    font-size: .813rem;
    font-weight: 400;
    line-height: 1.5rem;

    color: #fff;
}

@media screen and (min-width: 992px)
{
    .hasBgColor p
    {
        font-size: .875rem;
        line-height: 1.750rem;
    }
}

.hasBgColor span
{
    color: #fff;
}

.hasBgColor .elm-wrapper button,
.hasBgColor button,
.hasBgColor .socialIcon
{
    color: #fff;
    border-color: #fff;
}

.hasBgColor .elm-wrapper button:hover,
.hasBgColor button:hover,
.hasBgColor .socialIcon:hover
{
    color: #242c43;
    background-color: #fff;
}

.hasBgColor a
{
    color: #fff;
}

.hasBgColor .col-3-no:before,
.hasBgColor .col-3:before,
.hasBgColor .col-2-no:before,
.hasBgColor .col-2:before
{
    background-color: rgba(0, 0, 0, 0);
}

.hasBgColor .col-3-no:hover:before,
.hasBgColor .col-3-no:hover .featuredImage:before,
.hasBgColor .col-3-no:hover bgimage:before,
.hasBgColor .col-3:hover:before,
.hasBgColor .col-3:hover .featuredImage:before,
.hasBgColor .col-3:hover bgimage:before,
.hasBgColor .col-2-no:hover:before,
.hasBgColor .col-2-no:hover .featuredImage:before,
.hasBgColor .col-2-no:hover bgimage:before,
.hasBgColor .col-2:hover:before,
.hasBgColor .col-2:hover .featuredImage:before,
.hasBgColor .col-2:hover bgimage:before
{
    background-color: rgba(0, 0, 0, .2);
}

.hasBgColor .col-3-no:hover .linkBtn img,
.hasBgColor .col-3:hover .linkBtn img,
.hasBgColor .col-2-no:hover .linkBtn img,
.hasBgColor .col-2:hover .linkBtn img
{
    margin-left: 15px;
}

.hasImage h1,
.hasImage h2,
.hasImage h3,
.hasImage h4,
.hasImage h5,
.hasImage h6
{
    color: #1c223b;
}

.hasImage p
{
    font-size: .813rem;
    font-weight: 300;
    line-height: 1.5rem;

    color: #1a1a1a;
}

@media screen and (min-width: 992px)
{
    .hasImage p
    {
        font-size: .875rem;
        line-height: 1.750rem;
    }
}

.hasImage a
{
    color: #fff;
}

.hasBgImage
{
    text-align: center;
}

.hasBgImage h1,
.hasBgImage h2,
.hasBgImage h3,
.hasBgImage h4,
.hasBgImage h5,
.hasBgImage h6
{
    color: #fff;
}

.hasBgImage p
{
    font-size: .813rem;
    font-weight: 400;
    line-height: 1.5rem;

    color: #fff;
}

@media screen and (min-width: 992px)
{
    .hasBgImage p
    {
        font-size: .875rem;
        line-height: 1.750rem;
    }
}

.hasBgImage .elm-wrapper button,
.hasBgImage button,
.hasBgImage .socialIcon
{
    color: #fff;
    border-color: #fff;
}

.hasBgImage .elm-wrapper button:hover,
.hasBgImage button:hover,
.hasBgImage .socialIcon:hover
{
    color: #242c43;
    background-color: #fff;
}

.hasBgImage a
{
    color: #fff;
}

.hasBgImage .col-3-no:before,
.hasBgImage .col-3:before,
.hasBgImage col-2-no:before,
.hasBgImage col-2:before
{
    background-color: rgba(0, 0, 0, 0);
}

.hasBgImage .col-3-no:hover:before,
.hasBgImage .col-3-no:hover .featuredImage:before,
.hasBgImage .col-3-no:hover bgimage:before,
.hasBgImage .col-3:hover:before,
.hasBgImage .col-3:hover .featuredImage:before,
.hasBgImage .col-3:hover bgimage:before,
.hasBgImage col-2-no:hover:before,
.hasBgImage col-2-no:hover .featuredImage:before,
.hasBgImage col-2-no:hover bgimage:before,
.hasBgImage col-2:hover:before,
.hasBgImage col-2:hover .featuredImage:before,
.hasBgImage col-2:hover bgimage:before
{
    background-color: rgba(0, 0, 0, .2);
}

.hasBgImage .col-3-no:hover .linkBtn img,
.hasBgImage .col-3:hover .linkBtn img,
.hasBgImage col-2-no:hover .linkBtn img,
.hasBgImage col-2:hover .linkBtn img
{
    margin-left: 15px;
}

p.small
{
    font-size: .688rem;
    line-height: 1.375rem;
}

/*--------------------------------------------------------------
# Input, Textarea & Select Tags
--------------------------------------------------------------*/
select,
textarea,
input
{
    font-family: 'Montserrat', sans-serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1rem;

    color: #1a1a1a;
    border: 0 none;
    border-radius: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder
{
    opacity: 1;
    color: #696969;
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder
{
    opacity: 1;
    color: #696969;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder
{
    opacity: 1;
    color: #696969;
}

input[type=submit]
{
    font-size: 1.125rem;
    font-weight: 700;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-transform: uppercase;
}

@media screen and (max-width: 768px)
{
    input[type=submit]
    {
        font-size: 1rem;
    }
}

/*--------------------------------------------------------------
# search
--------------------------------------------------------------*/
.search .wrapper
{
    padding: 0 20px;
}

.search label
{
    position: relative;
}

.search label:before
{
    font-family: FontAwesome;

    position: absolute;
    top: 1px;
    left: 10px;

    display: block;

    content: '\f002';

    color: #242c43;
}

.search input[type='search']
{
    font-family: 'Montserrat', sans-serif;
    font-size: .875em;
    font-weight: 400;

    width: 100%;
    padding: 10px 15px 10px 45px;

    letter-spacing: .031rem;

    color: #242c43;
}

.search input[type='search']::-moz-placeholder
{
    opacity: 1;
    color: #242c43;
}

.search input[type='search']::-webkit-input-placeholder
{
    opacity: 1;
    color: #242c43;
}

.search input[type='search']:-ms-input-placeholder
{
    opacity: 1;
    color: #242c43;
}

.search input[type='submit']
{
    display: none;
}

/*--------------------------------------------------------------
# Date | Blog Page
--------------------------------------------------------------*/
.date,
.entryMeta
{
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.750rem;
}

/*--------------------------------------------------------------
# Tag | Blog Page
--------------------------------------------------------------*/
div.tag
{
    font-size: .875rem;

    margin-top: 20px;

    color: #49bfd6;
}

div.tag a
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;

    margin-left: 5px;

    color: #49bfd6;
}

/*--------------------------------------------------------------
# Video with iframe
--------------------------------------------------------------*/
/*.videoWrapper{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;
  iframe{width: 100%; height: 100%;
    @include position($p: absolute, $t: 0, $l: 0);
  }
}*/
.payment-preview
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 24px;

    max-width: 590px;
    margin: 0 auto;
    padding: 15px 0;

    border: 1px solid #ddd;
    background: #f9f9f9;
}

.payment-preview h4
{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;

    margin-bottom: 0;
}

.payment-preview p
{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;

    margin-top: 0;
}

.payment-preview .margintop td
{
    padding-top: 20px;
}

@media screen and (max-width: 500px)
{
    .payment-preview tr,
    .payment-preview td
    {
        display: block;
    }
    .payment-preview td
    {
        padding: 0 !important;
    }
    .payment-preview tr
    {
        margin: 0 0 15px;
        padding: 0;
    }
}

body.page-id-4530 .pageContent strong
{
    font-family: 'Merriweather', serif;
    font-size: 1rem;
    font-weight: 700;
}

body.page-id-4530 .textBlock
{
    max-width: 735px;
    margin: 0 auto;
    padding: 0 20px;
}

body.page-id-4530 .textBlock a
{
    font-weight: 700;
}

body.page-template-page-donationthankyou section.newsletter
{
    display: none;
}

.iframe-hack
{
    position: relative;

    overflow: hidden;
}

.iframe-hack iframe
{
    overflow: hidden;

    width: calc(100% + 16px);
    height: 450px;

    border: 0;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Section with padding
--------------------------------------------------------------*/
section
{
    padding: 40px 0;
}

@media screen and (min-width: 992px)
{
    section
    {
        padding: 50px 0;
    }
}

/*--------------------------------------------------------------
# site-content
--------------------------------------------------------------*/
body.search .site-content,
body.search-content .site-content,
body.error404 .site-content,
body.programs-template .site-content,
body.page-template .site-content,
body.page .site-content,
body.blog .site-content,
body.single .site-content,
body.archive .site-content
{
    padding: 85px 20px 0;
}

@media screen and (min-width: 1200px)
{
    body.search .site-content,
    body.search-content .site-content,
    body.error404 .site-content,
    body.programs-template .site-content,
    body.page-template .site-content,
    body.page .site-content,
    body.blog .site-content,
    body.single .site-content,
    body.archive .site-content
    {
        padding-top: 132px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    body.search .site-content,
    body.search-content .site-content,
    body.error404 .site-content,
    body.programs-template .site-content,
    body.page-template .site-content,
    body.page .site-content,
    body.blog .site-content,
    body.single .site-content,
    body.archive .site-content
    {
        padding-top: 122px;
    }
}

body.page .site-content,
body.page-template .site-content,
body.programs-template .site-content,
body.blog .site-content,
body.single .site-content,
body.archive .site-content
{
    padding-right: 0;
    padding-left: 0;
}

body.home .site-content
{
    padding: 0;
}

/*--------------------------------------------------------------
# Section with noPadding & halfPadding
--------------------------------------------------------------*/
.noPadding
{
    padding: 0;
}

.halfPadding
{
    padding: 20px 0;
}

@media screen and (min-width: 992px)
{
    .halfPadding
    {
        padding: 25px 0;
    }
}

/*--------------------------------------------------------------
# flexContainer
--------------------------------------------------------------*/
.flexContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.donateBtn
{
    font-family: 'Montserrat', sans-serif;
    font-size: .938rem;
    font-weight: 500;

    display: inline-block;

    padding: 10px 30px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-transform: uppercase;

    color: #fff;
    border-radius: 5px;
    background-color: #e94e00;
}

.donateBtn:hover
{
    color: #fff;
    background-color: #c14506;
}

.linkBtn
{
    display: inline-block;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-align: left;
    text-decoration: none;
}

.linkBtn img
{
    margin: -4px 0 0 5px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
}

.linkBtn:hover img
{
    margin-left: 15px;
}

.btnLink
{
    color: #1c223b;
}

.btnLink:hover
{
    color: #1c223b;
}

.moreLink
{
    color: #fff;
}

.moreLink:hover
{
    color: #fff;
}

.elm-wrapper button,
button,
.socialIcon
{
    padding: 10px 25px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;

    color: #242c43;
    border: 1px solid #242c43;
    border-radius: 2px;
    background: transparent;
}

.elm-wrapper button i.fa,
button i.fa,
.socialIcon i.fa
{
    margin-right: 5px;
}

.elm-wrapper button:hover,
button:hover,
.socialIcon:hover
{
    color: #fff;
    background-color: #242c43;
}

.socialIcon
{
    padding: 10px;
}

.linkBtn,
.elm-wrapper button,
button,
.socialIcon
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.250rem;

    text-transform: uppercase;
}

@media screen and (min-width: 992px)
{
    .linkBtn,
    .elm-wrapper button,
    button,
    .socialIcon
    {
        font-size: 1.188rem;
        line-height: 1.438rem;
    }
}

/*--------------------------------------------------------------
# Featured Image | BG Image
--------------------------------------------------------------*/
.featuredImage img
{
    width: 100%;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
}

.bgImage,
.withBgImage
{
    position: relative;
    z-index: 2;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bgImage:before,
.withBgImage:before
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;

    background-color: rgba(0, 0, 0, 0);
}

/*--------------------------------------------------------------
# Anchor tag has pdf
--------------------------------------------------------------*/
a[href$='pdf']
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;

    display: inline-block;

    margin: 5px 0;
    padding: 2px 0 0 30px;

    text-decoration: none;

    background-image: url(images/icon-pdf.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 21px 23px;
}

a[href$='pdf']:hover
{
    text-decoration: underline;
    /*color: $text*/
}

ul li a[href$='pdf']
{
    margin: 0 5px;
    padding-top: 0;
    padding-bottom: 0;
}

.hasBgColor a[href$='pdf'],
.hasBgImage a[href$='pdf'],
.hasImage a[href$='pdf']
{
    background-image: url(images/icon-pdf-white.png);
}

/*--------------------------------------------------------------
# cursor pointer only on div with links
--------------------------------------------------------------*/
div[onclick]
{
    cursor: pointer;
}

/*--------------------------------------------------------------
# missionBox
--------------------------------------------------------------*/
.centerAlign h2
{
    font-size: 2.5rem;
    line-height: 3rem;

    text-align: left;
}

.centerAlign p
{
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.625rem;
}

.centerAlign a:hover
{
    color: #1a1a1a !important;
}

@media screen and (min-width: 992px)
{
    .centerAlign h2
    {
        font-size: 3.75rem;
        line-height: 4.250rem;

        display: inline-block;

        margin-bottom: 0;
    }
    .centerAlign p
    {
        font-size: .938rem;
        line-height: 2rem;
    }
    .centerAlign .description
    {
        display: inline-block;

        margin: -65px 0 0 210px;
    }
}

@media screen and (max-width: 480px)
{
    .centerAlign h2
    {
        font-size: 1.875rem;
        line-height: 2.375rem;
    }
}

/*--------------------------------------------------------------
# animateHtml
--------------------------------------------------------------*/
.animateHtml h2
{
    margin-bottom: 15px;
}

.animateHtml p
{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.857rem;

    margin: 0;
}

@media screen and (min-width: 992px)
{
    .animateHtml h2
    {
        font-size: 4.375rem;
        line-height: 4.375rem;
    }
    .animateHtml h2 strong
    {
        font-size: 5.625rem;
        line-height: 5.625rem;
    }
    .animateHtml p
    {
        font-size: 1.071rem;
        line-height: 2.214rem;
    }
}

@media screen and (max-width: 768px)
{
    .animateHtml h2
    {
        font-size: 3.125rem;
        line-height: 3.125rem;
    }
    .animateHtml h2 strong
    {
        font-size: 4.375rem;
        line-height: 4.375rem;
    }
}

@media screen and (max-width: 600px)
{
    .animateHtml h2
    {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }
    .animateHtml h2 strong
    {
        font-size: 3.125rem;
        line-height: 3.125rem;
    }
}

/*--------------------------------------------------------------
# Columns
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Two column with margin
--------------------------------------------------------------*/
.col-2
{
    position: relative;
}

@media screen and (min-width: 992px)
{
    .col-2
    {
        width: calc(100%/2 - 50px/2);
        margin-left: 50px;
    }
    .col-2:first-child
    {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px)
{
    .col-2
    {
        width: 100%;
        margin-top: 30px;
    }
    .col-2:first-child
    {
        margin-top: 0;
    }
}

/*--------------------------------------------------------------
# Two column with no margin
--------------------------------------------------------------*/
.col-2-no
{
    position: relative;
}

@media screen and (min-width: 992px)
{
    .col-2-no
    {
        width: calc(100%/2);
    }
}

@media screen and (max-width: 991px)
{
    .col-2-no
    {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Three column with margin
--------------------------------------------------------------*/
.col-3
{
    position: relative;
}

@media screen and (min-width: 992px)
{
    .col-3
    {
        width: calc(100%/3 - 90px/3);
        margin: 0 15px;
    }
}

@media screen and (max-width: 991px)
{
    .col-3
    {
        width: 100%;
        margin-top: 30px;
    }
    .col-3:first-child
    {
        margin-top: 0;
    }
}

/*--------------------------------------------------------------
# Three column with no margin
--------------------------------------------------------------*/
.col-3-no
{
    position: relative;
}

@media screen and (min-width: 992px)
{
    .col-3-no
    {
        width: calc(100%/3.00005);
    }
}

@media screen and (max-width: 991px)
{
    .col-3-no
    {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*aside widget area*/
#secondary .widget
{
    margin-top: 40px;
}

#secondary .widget:first-child
{
    margin-top: 0;
}

#secondary .widget h2,
#secondary .widget .widget-title
{
    font-size: 1.75rem;
    line-height: 2.125rem;

    margin-bottom: 20px;

    text-align: left;
}

#secondary .widget ul li
{
    font-family: 'Montserrat', sans-serif;
    font-size: .875rem;
    font-weight: 500;

    margin: 10px 0 0 15px;
    padding-left: 5px;

    list-style-type: disc;

    color: #49bfd6;
}

#secondary .widget ul li:first-child
{
    margin-top: 0;
}

#secondary .widget ul li a
{
    font-weight: 500;

    color: #49bfd6;
}

#secondary .widget.widget_recent_entries ul li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin: 0;
    padding: 15px 0;

    list-style-type: none;

    border-bottom: 1px solid rgba(128, 128, 128, .2);

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#secondary .widget.widget_recent_entries ul li:first-child
{
    border-top: 1px solid rgba(128, 128, 128, .2);
}

#secondary .widget.widget_recent_entries ul li figure
{
    width: 100%;
    max-width: 70px;
    margin: 0 15px 0 0;
}

#secondary .widget.widget_recent_entries ul li a
{
    font-family: 'Merriweather', serif;
    font-size: .875rem;
    font-weight: 400;

    display: block;

    width: calc(100% - 85px);

    color: #1a1a1a;
}

@media screen and (min-width: 992px)
{
    #secondary .widget h2,
    #secondary .widget .widget-title
    {
        font-size: 2.125rem;
        line-height: 2.5rem;
    }
    #secondary .widget ul li
    {
        font-size: 1rem;
    }
}

/*--------------------------------------------------------------
# contactForm
--------------------------------------------------------------*/
/*contact form 7*/
.wpcf7-form
{
    padding: 35px;

    border: 1px solid #828282;
    border-radius: 5px;
}

.wpcf7-form .elemLabel
{
    line-height: 35px;

    float: left;

    width: 40%;
    padding-right: 20px;
}

.wpcf7-form .elemLabel label span
{
    margin-left: 5px;

    color: red;
}

.wpcf7-form .elemInput
{
    float: right;

    width: 60%;
}

.wpcf7-form .elem
{
    margin-bottom: 20px;
}

.wpcf7-form label
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select
{
    line-height: 40px;

    width: 100%;
    height: 40px;
    padding: 0 15px;

    border: 1px solid #828282;
    border-radius: 5px;
}

.wpcf7-form input.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid
{
    border-color: #c14506;
}

.wpcf7-form textarea
{
    height: auto;
    max-height: 150px;
}

.wpcf7-form select
{
    line-height: inherit;

    width: inherit;
    padding: 10px 40px 10px 15px;

    background-image: url(images/chevron-down-black-14.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.wpcf7-form input[type='submit']
{
    font-size: 1.188rem;
    font-weight: 700;
    line-height: 55px;

    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 0 40px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 3px;
    background: #e94e00;
}

.wpcf7-form input[type='submit']:hover
{
    background: #c14506;
}

.wpcf7-form .wpcf7-list-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wpcf7-form .wpcf7-list-item-label
{
    vertical-align: middle;
}

.wpcf7-form input[type=checkbox],
.wpcf7-form input[type=radio]
{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    padding: inherit;

    vertical-align: middle;
}

.wpcf7-form input[type=checkbox]
{
    -webkit-appearance: checkbox;
       -moz-appearance: checkbox;
            appearance: checkbox;
}

.wpcf7-form input[type=radio]
{
    border-radius: 50%;

    -webkit-appearance: radio;
       -moz-appearance: radio;
            appearance: radio;
}

.wpcf7-form span.wpcf7-not-valid-tip
{
    font-style: italic;

    margin-top: 5px;

    color: #c14506;
}

.wpcf7-form a
{
    font-family: 'Montserrat', sans-serif;

    text-decoration: underline;
    text-transform: capitalize;
}

.wpcf7-form .wpcf7-validation-errors
{
    font-style: italic;

    margin: 0;

    text-align: center;

    color: #c14506;
    border: none;
}

@media screen and (max-width: 768px)
{
    .wpcf7-form
    {
        padding: 40px 20px;
    }
    .wpcf7-form .elemLabel,
    .wpcf7-form .elemInput
    {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*Header CSS*/
/* # masthead*/
#masthead
{
    position: fixed;
    z-index: 9999;
    top: 0;

    width: 100%;
    max-width: 1280px;

    background-color: rgba(36, 44, 67, .9);

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    /*No transition CSS for Internet Explorer*/
    /*No transition CSS for Internet Explorer*/
    /* Mobile Toggle Nav*/
    /* Mobile Toggle Nav End*/
}

#masthead:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

#masthead .site-branding
{
    position: relative;
    z-index: 9999;

    margin-right: 20px;
    padding-bottom: 20px;
}

#masthead .site-branding a
{
    display: block;
}

#masthead .site-branding a img
{
    width: 100%;
    height: auto;
}

#masthead .phone
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;

    display: inline-block;

    margin-bottom: 5px;

    letter-spacing: .031rem;

    color: #fff;
}

#masthead .menu
{
    text-align: right;
}

#masthead .menu li
{
    line-height: 80px;

    display: inline-block;
}

#masthead .menu li span
{
    display: none;
}

#masthead .menu li > a
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;

    display: block;

    color: #fff;
}

#masthead .menu li.menu-item-has-children > .sub-menu > li
{
    line-height: initial;

    display: block;
}

#masthead .menu li.menu-item-has-children > .sub-menu > li > a
{
    color: #fff;
}

#masthead .menu li.menu-item-has-children > .sub-menu > li:hover
{
    background-color: #419fb2;
}

#masthead .menu li:hover > a,
#masthead .menu li.current-menu-item > a,
#masthead .menu li.current-menu-parent > a
{
    color: #3eb2cc;
}

#masthead .menu li.current-menu-parent .current-menu-item
{
    background-color: #419fb2;
}

#masthead .headerRight
{
    margin-left: 10px;
    padding-bottom: 20px;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#masthead .headerRight .searchIcon
{
    display: block;

    margin-right: 10px;

    text-align: center;
}

#masthead .headerRight .searchIcon i.fa
{
    line-height: 40px;

    width: 40px;
    height: 40px;

    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);

    color: #fff;
}

#masthead .headerRight .donate
{
    position: relative;
    top: -4px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-align: center;
}

#masthead.search-active .headerRight .search
{
    visibility: visible;

    opacity: 1;
}

@media screen and (min-width: 1200px)
{
    #masthead
    {
        padding: 20px 20px 0;
    }
    #masthead .site-branding
    {
        width: 250px;
    }
    #masthead .main-navigation
    {
        width: calc(100% - 483px);
    }
    #masthead .menu li > a
    {
        font-size: 1rem;
    }
    #masthead .headerRight
    {
        width: 203px;
    }
    #masthead .headerRight .donate
    {
        width: calc(100% - 50px);
    }
    #masthead .headerRight .phone
    {
        font-size: 1.25rem;

        margin-bottom: 10px;
    }
    #masthead .headerRight .donateBtn
    {
        font-size: .938rem;

        padding: 7px 30px;
    }
    #masthead .headerRight .donateBtn:hover
    {
        color: #fff;
    }
    #masthead.scroll-active .site-branding
    {
        width: 180px;
    }
    #masthead.scroll-active .main-navigation
    {
        width: calc(100% - 413px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    #masthead
    {
        padding: 20px 15px 0;
    }
    #masthead .site-branding
    {
        width: 200px;
    }
    #masthead .main-navigation
    {
        width: calc(100% - 393px);
    }
    #masthead .menu li > a
    {
        font-size: .938rem;
    }
    #masthead .headerRight
    {
        width: 163px;
    }
    #masthead .headerRight .donate
    {
        width: calc(100% - 50px);
    }
    #masthead .headerRight .phone
    {
        font-size: 1rem;
    }
    #masthead .headerRight .donateBtn
    {
        font-size: .875rem;

        padding: 7px 20px;
    }
    #masthead.scroll-active .site-branding
    {
        width: 160px;
    }
    #masthead.scroll-active .main-navigation
    {
        width: calc(100% - 353px);
    }
}

@media screen and (min-width: 1025px)
{
    #masthead .site-branding,
    #masthead .main-navigation,
    #masthead .headerRight
    {
        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;
    }
    #masthead .main-navigation .phoneNum,
    #masthead .main-navigation .donate,
    #masthead .main-navigation .search
    {
        display: none;
    }
    #masthead .menu li
    {
        margin: 0 15px;
        /*> a{@include font($s: 1rem);}*/
    }
    #masthead .menu li.menu-item-has-children
    {
        position: relative;
    }
    #masthead .menu li.menu-item-has-children:before
    {
        position: absolute;
        top: 1px;
        right: -16px;

        display: block;

        width: 16px;
        height: 100%;

        content: '';
        cursor: pointer;

        background-image: url(images/chevron-down-white-8.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
    #masthead .menu li.menu-item-has-children.current-menu-item:before,
    #masthead .menu li.menu-item-has-children.current-menu-parent:before,
    #masthead .menu li.menu-item-has-children:hover:before
    {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);

        background-position: left center;
    }
    #masthead .menu li.menu-item-has-children > .sub-menu
    {
        position: absolute;
        top: 80px;
        left: 0;

        visibility: hidden;
        overflow: hidden;

        width: 340px;
        height: 0;
        padding: 10px;

        text-align: left;

        opacity: 0;
        background-color: rgba(36, 44, 67, .8);
    }
    #masthead .menu li.menu-item-has-children > .sub-menu > li
    {
        margin: 5px 0 0;

        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;
    }
    #masthead .menu li.menu-item-has-children > .sub-menu > li:first-child
    {
        margin-top: 0;
    }
    #masthead .menu li.menu-item-has-children > .sub-menu > li a
    {
        padding: 10px;
    }
    #masthead .menu li.menu-item-has-children:hover > .sub-menu
    {
        visibility: visible;

        height: auto;

        opacity: 1;
    }
    #masthead .headerRight .search
    {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;

        visibility: hidden;

        width: 100%;
        height: 100%;

        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;

        opacity: 0;
        background: rgba(0, 0, 0, .7);
    }
    #masthead .headerRight .search .wrapper
    {
        height: 100%;
    }
    #masthead .headerRight .search form
    {
        padding: 200px 50px 0;
    }
    #masthead .headerRight .search label:before
    {
        color: #fff;
    }
    #masthead .headerRight .search input[type='search']
    {
        font-size: 1rem;

        width: 100%;
        padding: 10px 15px 12px 45px;

        color: #fff;
        border-bottom: 1px solid #fff;
        background: transparent;
    }
    #masthead .headerRight .search input[type='search']::-moz-placeholder
    {
        text-transform: uppercase;

        opacity: 1;
        color: #fff;
    }
    #masthead .headerRight .search input[type='search']::-webkit-input-placeholder
    {
        text-transform: uppercase;

        opacity: 1;
        color: #fff;
    }
    #masthead .headerRight .search input[type='search']:-ms-input-placeholder
    {
        text-transform: uppercase;

        opacity: 1;
        color: #fff;
    }
    #masthead .headerRight .closeBtn
    {
        position: absolute;
        z-index: 99999;
        top: 205px;
        right: 70px;

        display: block;

        width: 25px;
        height: 25px;

        cursor: pointer;

        background: transparent;
    }
    #masthead .headerRight .closeBtn div
    {
        position: absolute;
        top: 10px;
        left: 0;

        display: block;

        width: 100%;
        height: 2px;

        border-radius: 5px;
        background-color: #fff;
    }
    #masthead .headerRight .closeBtn div:nth-child(1)
    {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    #masthead .headerRight .closeBtn div:nth-child(2)
    {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
}

@media screen and (max-width: 1024px)
{
    #masthead
    {
        top: 0;
        left: 0;

        width: 100%;
        padding: 15px;

        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;
    }
    #masthead .site-branding
    {
        max-width: 150px;
        margin: 0;
        padding-bottom: 0;
    }
    #masthead .main-navigation
    {
        position: fixed;
        z-index: 999;
        top: 86px;
        left: 100%;

        overflow-y: scroll;

        width: 100%;
        height: 100%;
        padding: 20px;

        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;

        background-color: #242c43;
    }
    #masthead .main-navigation .phoneNum
    {
        display: none;

        margin: 15px 0 0;
    }
    #masthead .main-navigation .phoneNum .phone
    {
        font-size: 1.25rem;

        margin-bottom: 0;
    }
    #masthead .main-navigation .donate
    {
        margin-top: 20px;
        margin-bottom: 200px;

        text-align: left;
    }
    #masthead .main-navigation .search
    {
        position: fixed;
        bottom: 0;
        left: 0;

        visibility: hidden;

        width: 100%;

        -webkit-transition: .3s all ease-in-out .001s;
                transition: .3s all ease-in-out .001s;

        opacity: 0;
        background-color: #242c43;
    }
    #masthead .main-navigation .search .wrapper
    {
        padding: 20px;
    }
    #masthead .menu
    {
        text-align: left;
    }
    #masthead .menu li
    {
        line-height: initial;

        position: relative;

        display: block;

        margin-top: 5px;
    }
    #masthead .menu li:first-child
    {
        margin-top: 0;
    }
    #masthead .menu li span.drop
    {
        position: absolute;
        top: 0;
        right: 0;

        display: block;
    }
    #masthead .menu li span.drop i
    {
        font-size: 35px;
        line-height: 43px;

        display: block;

        width: 43px;
        height: 43px;

        cursor: pointer;
        text-align: center;

        color: #fff;
    }
    #masthead .menu li:first-child
    {
        margin-top: 0;
    }
    #masthead .menu li > a
    {
        font-size: 1.125rem;

        display: block;

        padding: 10px 0;
    }
    #masthead .menu li.menu-item-has-children > .sub-menu
    {
        position: static;

        display: none;
        visibility: visible;

        width: 100%;
        padding: 10px 0 0;

        opacity: 1;
        border-top: 1px solid rgba(255, 255, 255, .3);
    }
    #masthead .menu li.menu-item-has-children > .sub-menu li
    {
        position: relative;

        margin: 0;
        padding: 0;
        /*&:after{
                content: "-"; color: $white; font-weight: bold; display: block;
                @include position($p:absolute, $l:10px, $t:10px)
              }*/
    }
    #masthead .menu li.menu-item-has-children > .sub-menu li a
    {
        font-size: 1rem;

        padding-left: 20px;
    }
    #masthead .headerRight
    {
        position: absolute;
        z-index: 9999;
        top: 43px;
        right: 55px;

        display: none;

        width: initial;
        margin: 0;
        padding-bottom: 0;
    }
    #masthead .headerRight .search
    {
        display: none;
    }
    #masthead .headerRight .searchIcon,
    #masthead .headerRight .phone
    {
        display: none;
    }
    #masthead .headerRight .donateBtn
    {
        font-size: .813rem;

        padding: 5px 15px;
    }
    #masthead.active
    {
        background-color: #242c43;
    }
    #masthead.active .main-navigation
    {
        left: 0;
    }
    #masthead.active .main-navigation .search
    {
        visibility: visible;

        -webkit-transition: .3s all ease-in-out .2s;
                transition: .3s all ease-in-out .2s;

        opacity: 1;
    }
    #masthead.active .headerRight .donate
    {
        visibility: hidden;

        opacity: 0;
    }
}

@media screen and (max-width: 600px)
{
    #masthead .menu li a
    {
        font-size: 1rem;
    }
}

@supports (-ms-ime-align: auto)
{
    #masthead .site-branding,
    #masthead .main-navigation,
    #masthead .headerRight
    {
        -webkit-transition: 0s !important;
                transition: 0s !important;
    }
}

@supports (-ms-accelerator: true)
{
    #masthead .site-branding,
    #masthead .main-navigation,
    #masthead .headerRight
    {
        -webkit-transition: 0s !important;
                transition: 0s !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
    #masthead .site-branding,
    #masthead .main-navigation,
    #masthead .headerRight
    {
        -webkit-transition: 0s !important;
                transition: 0s !important;
    }
}

#masthead .mobile-nav
{
    position: absolute;
    z-index: 99999;
    top: 44px;
    right: 15px;

    display: none;

    width: 30px;
    height: 25px;

    cursor: pointer;
}

#masthead .mobile-nav div
{
    position: absolute;
    left: 0;

    display: block;

    width: 100%;
    height: 3px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);

    border-radius: 30px;
    background-color: #fff;
}

#masthead .mobile-nav div:nth-child(1)
{
    top: 0;
}

#masthead .mobile-nav div:nth-child(2),
#masthead .mobile-nav div:nth-child(3)
{
    top: 10px;
}

#masthead .mobile-nav div:nth-child(4)
{
    top: 20px;
}

#masthead .mobile-nav.open div:nth-child(1),
#masthead .mobile-nav.open div:nth-child(4)
{
    top: 10px;
    left: 50%;

    width: 0;
}

#masthead .mobile-nav.open div:nth-child(2)
{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

#masthead .mobile-nav.open div:nth-child(3)
{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

@media screen and (max-width: 1024px)
{
    #masthead .mobile-nav
    {
        display: block;
    }
}

/* # masthead end*/
/*--------------------------------------------------------------
# pageBanner
--------------------------------------------------------------*/
/* .pageBanner*/
.pageBanner
{
    height: 600px;
    padding: 0;

    background-position: center top;
}

.pageBanner:before
{
    background-color: rgba(0, 0, 0, .2);
}

.pageBanner .introText
{
    position: absolute;
    z-index: 4;
    top: 55%;
    left: 50%;

    display: block;

    width: 100%;
    padding: 0 15px;

    -webkit-transform: translate(-50%, -55%);
            transform: translate(-50%, -55%);
}

.pageBanner .introText h1,
.pageBanner .introText h2
{
    margin-bottom: 0;

    text-align: center;

    color: #fff;
    /*@include font($f: $base-font !important, $w: $lightwt !important, $st: italic !important);
      strong{@include font($f: $secondary-font !important);}*/
}

.pageBanner .buttons
{
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;

    width: 100%;
}

.pageBanner .buttons a.btn
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.286rem;
    font-weight: 700;

    display: block;

    width: 100%;
    padding: 20px;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-align: center;
    text-transform: initial;

    color: #fff;
}

.pageBanner .buttons a.btn.ourProgram
{
    background-color: rgba(65, 159, 178, .8);
}

.pageBanner .buttons a.btn.donateNow
{
    background-color: rgba(193, 69, 6, .8);
}

.pageBanner .buttons a.btn:hover.ourProgram
{
    background-color: #419fb2;
}

.pageBanner .buttons a.btn:hover.donateNow
{
    background-color: #c14506;
}

@media screen and (min-width: 1200px)
{
    .pageBanner .introText h1,
    .pageBanner .introText h2
    {
        font-size: 4.375rem;
        line-height: 4.875rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .pageBanner .introText h1,
    .pageBanner .introText h2
    {
        font-size: 3.75rem;
        line-height: 4.250rem;
    }
}

@media screen and (min-width: 992px)
{
    .pageBanner .introText
    {
        bottom: 220px;
    }
    .pageBanner .buttons
    {
        bottom: 50px;
    }
    .pageBanner .buttons a.btn
    {
        font-size: 2.143rem;

        width: calc(100%/2 - 20px/2);
        margin-left: 20px;
        padding: 30px;
    }
    .pageBanner .buttons a.btn:first-child
    {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px)
{
    .pageBanner .introText h1,
    .pageBanner .introText h2
    {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media screen and (max-width: 768px)
{
    .pageBanner .introText h1,
    .pageBanner .introText h2
    {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

@media screen and (max-width: 600px)
{
    .pageBanner
    {
        height: 500px;
    }
}

@media screen and (max-width: 480px)
{
    .pageBanner
    {
        height: 375px;
    }
    .pageBanner .introText h1,
    .pageBanner .introText h2
    {
        font-size: 2.25rem;
        line-height: 2.750rem;
    }
}

/* .pageBanner end*/
/* .pageBanner margin-top on all pages except homePage*/
@media screen and (min-width: 1200px)
{
    body.page-template .pageBanner,
    body.programs-template .pageBanner,
    body.blog .pageBanner,
    body.single .pageBanner,
    body.archive .pageBanner
    {
        margin-top: -132px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    body.page-template .pageBanner,
    body.programs-template .pageBanner,
    body.blog .pageBanner,
    body.single .pageBanner,
    body.archive .pageBanner
    {
        margin-top: -122px;
    }
}

@media screen and (max-width: 991px)
{
    body.page-template .pageBanner,
    body.programs-template .pageBanner,
    body.blog .pageBanner,
    body.single .pageBanner,
    body.archive .pageBanner
    {
        margin-top: -85px;
    }
}

/* body.home*/
body.home .pageBanner
{
    height: 743px;
    margin-top: inherit;

    background-position: center;
}

body.home .pageBanner .introText
{
    position: absolute;
    top: inherit;
    bottom: 180px;
    left: 50%;

    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

@media screen and (max-width: 991px)
{
    body.home .pageBanner
    {
        height: 600px;
    }
}

@media screen and (max-width: 480px)
{
    body.home .pageBanner
    {
        height: 100vh;
    }
}

/* body.home end*/
/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
/*Homepage*/
/* .howItWorks*/
.howItWorks .left_tile
{
    background-color: #419fb2;
}

.howItWorks .middle_tile
{
    background-color: #c14506;
}

.howItWorks .right_tile
{
    background-color: #067360;
}

.howItWorks .col-3-no
{
    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
}

.howItWorks h3
{
    margin-bottom: 20px;
    padding: 0;
}

.howItWorks h3 strong
{
    display: block;
}

.howItWorks .linkBtn img
{
    margin-left: 0;
}

.howItWorks .linkBtn:hover
{
    margin-left: 15px;
}

@media screen and (min-width: 1200px)
{
    .howItWorks .col-3-no
    {
        padding: 60px 50px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .howItWorks .col-3-no
    {
        padding: 40px 30px;
    }
    .howItWorks h3
    {
        font-size: 2.375rem;
        line-height: 2.875rem;
    }
}

@media screen and (max-width: 991px)
{
    .howItWorks .col-3-no
    {
        padding: 40px;
    }
}

/* .howItWorks end*/
/* .childStories*/
.childStories .col-3 .featuredImage
{
    position: relative;
}

.childStories .col-3 .featuredImage img
{
    position: relative;
    z-index: 2;

    -webkit-transform: translateZ(0);

    opacity: 1;
}

.childStories .col-3:hover .featuredImage:before
{
    background-color: rgba(0, 0, 0, .4);
}

.childStories .col-3 .intro
{
    position: relative;
    z-index: 3;

    margin-top: 35px;
}

.childStories a
{
    display: block;
}

.childStories h5
{
    position: absolute;
    z-index: 3;
    bottom: -65px;
    left: 15px;

    display: inline-block;

    padding: 15px 20px;

    background-color: #fff;
}

.childStories p
{
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 1200px)
{
    .childStories p
    {
        margin-left: 35px;
    }
    .childStories .story_2 h5
    {
        left: 40px;
    }
    .childStories .story_2 p
    {
        margin-left: 60px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .childStories h5
    {
        padding: 10px;
    }
    .childStories p
    {
        margin-left: 35px;
    }
    .childStories .story_2 h5
    {
        left: 40px;
    }
    .childStories .story_2 p
    {
        margin-left: 60px;
    }
}

@media screen and (min-width: 992px)
{
    .childStories h5
    {
        margin-top: -70px;
    }
    .childStories .flexContainer
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .childStories .story_1,
    .childStories .story_3
    {
        width: calc(29% - 30px);
    }
    .childStories .story_2
    {
        width: calc(42% - 30px);
    }
}

@media screen and (max-width: 991px)
{
    .childStories .flexContainer
    {
        max-width: 575px;
        margin: 0 auto;
    }
}

/* .childStories end*/
/* .statistics*/
.statistics
{
    background-color: #242c43;
}

/* .statistics end*/
/* .getInvolved*/
.getInvolved .bgImage:before
{
    background-color: rgba(0, 0, 0, .2);
}

.getInvolved .bgImage:hover:before
{
    background-color: rgba(0, 0, 0, .4);
}

.getInvolved h2
{
    color: #000;
}

.getInvolved .col-3-no
{
    padding: 60px 40px;

    cursor: pointer;
}

@media screen and (min-width: 1681px)
{
    .getInvolved .col-3-no
    {
        padding: 70px 35px 11vh 35px;
    }
    .getInvolved .col-3-no a.linkBtn
    {
        position: absolute;
        bottom: 70px;
        left: 50%;

        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1680px)
{
    .getInvolved .col-3-no
    {
        padding: 70px 35px 13vh 35px;
    }
    .getInvolved .col-3-no a.linkBtn
    {
        position: absolute;
        bottom: 70px;
        left: 50%;

        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .getInvolved .col-3-no
    {
        padding: 50px 30px 11vh 30px;
    }
    .getInvolved .col-3-no a.linkBtn
    {
        position: absolute;
        bottom: 50px;
        left: 50%;

        width: 60%;

        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
}

.getInvolved h4,
.getInvolved .intro,
.getInvolved .linkBtn
{
    position: relative;
    z-index: 4;

    margin-bottom: 20px;
}

.getInvolved .intro,
.getInvolved .linkBtn
{
    margin-bottom: 0;
}

/* .getInvolved end*/
/* .promotion*/
.promotion .noWrapper h2
{
    margin-bottom: 20px;
    padding: 0;

    text-align: left;
}

.promotion .itemMeta
{
    padding-right: 35px;
}

.promotion .itemMeta a:hover
{
    color: #1a1a1a !important;
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .promotion .itemMeta
    {
        padding-right: 15px;
    }
}

@media screen and (max-width: 991px)
{
    .promotion .itemMeta
    {
        padding: 0 20px;
    }
}

@media screen and (max-width: 991px)
{
    .promotion .flexContainer
    {
        max-width: 575px;
        margin: 0 auto;
    }
}

/* .promotion end*/
/* .newsArticle*/
.newsArticle
{
    text-align: left;
}

.newsArticle h2
{
    color: #000;
}

.newsArticle h5
{
    text-align: left;
}

.newsArticle .col-3 .featuredImage
{
    position: relative;

    cursor: pointer;
}

.newsArticle .col-3 .featuredImage:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;

    background-color: rgba(0, 0, 0, 0);
}

.newsArticle .newsItem
{
    position: relative;
}

.newsArticle .newsItem:nth-child(1)
{
    background-color: #067360;
}

.newsArticle .newsItem:nth-child(2)
{
    background-color: #419fb2;
}

.newsArticle .newsItem:nth-child(3)
{
    background-color: #c14506;
}

.newsArticle .itemMeta
{
    padding: 20px 15px;
}

.newsArticle .itemMeta h5
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;

    margin: 10px 0 10px;

    cursor: pointer;
}

@media screen and (min-width: 992px)
{
    .newsArticle .itemMeta
    {
        padding: 25px 25px 8vh 25px;
    }
    .newsArticle a.linkBtn
    {
        position: absolute;
        bottom: 25px;
        left: 25px;
    }
}

@media screen and (max-width: 991px)
{
    .newsArticle .flexContainer
    {
        max-width: 575px;
        margin: 0 auto;
    }
}

/* .newsArticle end*/
/*--------------------------------------------------------------
# Search Result Page
--------------------------------------------------------------*/
/*Search result page*/
body.search .page-header
{
    margin-bottom: 30px;
}

body.search h1.page-title
{
    font-size: 1.875rem;
    font-style: initial;
    line-height: 2.375rem;

    margin: 0;
}

body.search article
{
    padding: 30px 0;

    text-align: left;

    border-top: 1px solid rgba(128, 128, 128, .2);
}

body.search article h2.entry-title
{
    font-family: 'Montserrat', sans-serif;
    font-size: .875rem;
    font-weight: 500;
    font-style: initial;
    line-height: 1rem;

    margin-bottom: 5px;

    text-align: left;
    text-transform: uppercase;
}

body.search article h2.entry-title a
{
    color: #242c43;
}

body.search article h2.entry-title a:hover
{
    color: #bfa97d;
}

body.search article .entry-summary p
{
    font-size: .875rem;
    line-height: 1.5rem;
}

body.search .search-form input[type=search]
{
    border: 1px solid #828282;
}

@media screen and (min-width: 1200px)
{
    body.search .page-header
    {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    body.search .page-header
    {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 992px)
{
    body.search article
    {
        padding: 40px 0;
    }
}

/*--------------------------------------------------------------
# 404error
--------------------------------------------------------------*/
/*404error*/
body.error404 .smallWrapper
{
    max-width: 768px;
}

body.error404 .page-header h2.page-title
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style: initial;

    margin-bottom: 0;

    color: #1a1a1a;
}

body.error404 .page-content p
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;

    text-align: center;

    color: #1a1a1a;
}

@media screen and (min-width: 992px)
{
    body.error404 .page-content p
    {
        font-size: 1.125rem;
    }
}

body.error404 .page-content a
{
    text-decoration: underline;

    color: #1a1a1a;
}

/*--------------------------------------------------------------
# Blog | Blog Single Page | Single Program Page
--------------------------------------------------------------*/
/*News Article | single post | single programs | single promotion | category*/
body.blog,
body.single-post,
body.single-programs,
body.single-promotion,
body.archive
{
    /* .site-content*/
    /* .site-content end*/
}

body.blog .site-content .wrapper,
body.single-post .site-content .wrapper,
body.single-programs .site-content .wrapper,
body.single-promotion .site-content .wrapper,
body.archive .site-content .wrapper
{
    padding: 40px 20px;
}

@media screen and (min-width: 1200px)
{
    body.blog .site-content .wrapper,
    body.single-post .site-content .wrapper,
    body.single-programs .site-content .wrapper,
    body.single-promotion .site-content .wrapper,
    body.archive .site-content .wrapper
    {
        padding: 80px 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    body.blog .site-content .wrapper,
    body.single-post .site-content .wrapper,
    body.single-programs .site-content .wrapper,
    body.single-promotion .site-content .wrapper,
    body.archive .site-content .wrapper
    {
        padding: 60px 20px;
    }
}

body.blog #primary,
body.single-post #primary,
body.single-programs #primary,
body.single-promotion #primary,
body.archive #primary
{
    width: 100%;
}

body.blog #secondary,
body.single-post #secondary,
body.single-programs #secondary,
body.single-promotion #secondary,
body.archive #secondary
{
    width: 100%;
    margin-top: 40px;
}

body.blog #secondary section,
body.single-post #secondary section,
body.single-programs #secondary section,
body.single-promotion #secondary section,
body.archive #secondary section
{
    padding: 0;
}

@media screen and (min-width: 992px)
{
    body.blog #primary,
    body.blog #secondary,
    body.single-post #primary,
    body.single-post #secondary,
    body.single-programs #primary,
    body.single-programs #secondary,
    body.single-promotion #primary,
    body.single-promotion #secondary,
    body.archive #primary,
    body.archive #secondary
    {
        margin: 0 15px;
    }
    body.blog #primary,
    body.single-post #primary,
    body.single-programs #primary,
    body.single-promotion #primary,
    body.archive #primary
    {
        width: calc(100% - (400px + 30px));
    }
    body.blog #secondary,
    body.single-post #secondary,
    body.single-programs #secondary,
    body.single-promotion #secondary,
    body.archive #secondary
    {
        width: calc(400px - 30px);
        margin-top: 0;
    }
}

/* body.blog*/
body.blog,
body.archive
{
    /* #primary*/
    /* #primary end*/
}

body.blog #primary article,
body.archive #primary article
{
    margin-top: 40px;

    border-bottom: 1px solid rgba(128, 128, 128, .2);
}

body.blog #primary article:first-child,
body.archive #primary article:first-child
{
    margin-top: 0;
}

body.blog #primary .entryContent,
body.archive #primary .entryContent
{
    padding: 20px 0 40px;
}

body.blog #primary .entryMeta,
body.archive #primary .entryMeta
{
    margin-bottom: 15px;
}

body.blog #primary h4,
body.archive #primary h4
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-style: initial;
}

body.blog #primary h4 a,
body.archive #primary h4 a
{
    font-weight: 700;

    color: #1a1a1a;
}

body.blog #primary .elm-wrapper,
body.archive #primary .elm-wrapper
{
    margin: 40px 0 0;
}

/* body.blog end*/
/* body.single-post | body.single-programs | body.single-promotion | body.category*/
body.single-post #primary article,
body.single-programs #primary article,
body.single-promotion #primary article,
body.category #primary article,
body.blog #primary article,
body.tag #primary article
{
    border: 0 none;
}

body.single-post #primary .entryContent,
body.single-programs #primary .entryContent,
body.single-promotion #primary .entryContent,
body.category #primary .entryContent,
body.blog #primary .entryContent,
body.tag #primary .entryContent
{
    padding: 20px 0 40px;

    border-bottom: 1px solid rgba(128, 128, 128, .2);
}

body.single-post #primary .entryMeta,
body.single-programs #primary .entryMeta,
body.single-promotion #primary .entryMeta,
body.category #primary .entryMeta,
body.blog #primary .entryMeta,
body.tag #primary .entryMeta
{
    margin-bottom: 15px;
}

body.single-post #primary h4,
body.single-programs #primary h4,
body.single-promotion #primary h4,
body.category #primary h4,
body.blog #primary h4,
body.tag #primary h4
{
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;

    margin-bottom: 20px;
}

body.single-post #primary .content p,
body.single-programs #primary .content p,
body.single-promotion #primary .content p,
body.category #primary .content p,
body.blog #primary .content p,
body.tag #primary .content p
{
    margin-top: 30px;
}

body.single-post #primary .content p:first-child,
body.single-programs #primary .content p:first-child,
body.single-promotion #primary .content p:first-child,
body.category #primary .content p:first-child,
body.blog #primary .content p:first-child,
body.tag #primary .content p:first-child
{
    margin-top: 0;
}

body.single-post #primary .entryFooter,
body.single-programs #primary .entryFooter,
body.single-promotion #primary .entryFooter,
body.category #primary .entryFooter,
body.blog #primary .entryFooter,
body.tag #primary .entryFooter
{
    margin-top: 30px;
}

body.single-post #primary .tag,
body.single-programs #primary .tag,
body.single-promotion #primary .tag,
body.category #primary .tag,
body.blog #primary .tag,
body.tag #primary .tag
{
    margin-top: 0;
}

body.single-post #primary .share,
body.single-programs #primary .share,
body.single-promotion #primary .share,
body.category #primary .share,
body.blog #primary .share,
body.tag #primary .share
{
    margin-top: 30px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.single-post #primary .socialIcon,
body.single-programs #primary .socialIcon,
body.single-promotion #primary .socialIcon,
body.category #primary .socialIcon,
body.blog #primary .socialIcon,
body.tag #primary .socialIcon
{
    display: inline-block;

    width: calc(100%/3 - 40px/3);
    margin-left: 20px;

    text-align: center;
}

body.single-post #primary .socialIcon:first-child,
body.single-programs #primary .socialIcon:first-child,
body.single-promotion #primary .socialIcon:first-child,
body.category #primary .socialIcon:first-child,
body.blog #primary .socialIcon:first-child,
body.tag #primary .socialIcon:first-child
{
    margin-left: 0;
}

body.single-post #primary .post-navigation,
body.single-programs #primary .post-navigation,
body.single-promotion #primary .post-navigation,
body.category #primary .post-navigation,
body.blog #primary .post-navigation,
body.tag #primary .post-navigation
{
    margin-top: 40px;
    padding: 20px 40px;

    border: 1px solid rgba(128, 128, 128, .2);
    border-radius: 2px;
}

body.single-post #primary .nav-links,
body.single-programs #primary .nav-links,
body.single-promotion #primary .nav-links,
body.category #primary .nav-links,
body.blog #primary .nav-links,
body.tag #primary .nav-links
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body.single-post #primary .nav-links .nav-previous,
body.single-post #primary .nav-links .nav-next,
body.single-programs #primary .nav-links .nav-previous,
body.single-programs #primary .nav-links .nav-next,
body.single-promotion #primary .nav-links .nav-previous,
body.single-promotion #primary .nav-links .nav-next,
body.category #primary .nav-links .nav-previous,
body.category #primary .nav-links .nav-next,
body.blog #primary .nav-links .nav-previous,
body.blog #primary .nav-links .nav-next,
body.tag #primary .nav-links .nav-previous,
body.tag #primary .nav-links .nav-next
{
    position: relative;

    width: calc(100%/2 - 40px/2);
    margin-left: 40px;
}

body.single-post #primary .nav-links .nav-previous a,
body.single-post #primary .nav-links .nav-next a,
body.single-programs #primary .nav-links .nav-previous a,
body.single-programs #primary .nav-links .nav-next a,
body.single-promotion #primary .nav-links .nav-previous a,
body.single-promotion #primary .nav-links .nav-next a,
body.category #primary .nav-links .nav-previous a,
body.category #primary .nav-links .nav-next a,
body.blog #primary .nav-links .nav-previous a,
body.blog #primary .nav-links .nav-next a,
body.tag #primary .nav-links .nav-previous a,
body.tag #primary .nav-links .nav-next a
{
    font-size: .875rem;
}

body.single-post #primary .nav-links .nav-previous,
body.single-programs #primary .nav-links .nav-previous,
body.single-promotion #primary .nav-links .nav-previous,
body.category #primary .nav-links .nav-previous,
body.blog #primary .nav-links .nav-previous,
body.tag #primary .nav-links .nav-previous
{
    margin-left: 0;

    text-align: left;
}

body.single-post #primary .nav-links .nav-previous:before,
body.single-programs #primary .nav-links .nav-previous:before,
body.single-promotion #primary .nav-links .nav-previous:before,
body.category #primary .nav-links .nav-previous:before,
body.blog #primary .nav-links .nav-previous:before,
body.tag #primary .nav-links .nav-previous:before
{
    font-family: FontAwesome;

    position: absolute;
    top: 2px;
    left: -25px;

    display: block;

    content: '\f053';

    color: #242c43;
}

body.single-post #primary .nav-links .nav-next,
body.single-programs #primary .nav-links .nav-next,
body.single-promotion #primary .nav-links .nav-next,
body.category #primary .nav-links .nav-next,
body.blog #primary .nav-links .nav-next,
body.tag #primary .nav-links .nav-next
{
    text-align: right;
}

body.single-post #primary .nav-links .nav-next:before,
body.single-programs #primary .nav-links .nav-next:before,
body.single-promotion #primary .nav-links .nav-next:before,
body.category #primary .nav-links .nav-next:before,
body.blog #primary .nav-links .nav-next:before,
body.tag #primary .nav-links .nav-next:before
{
    font-family: FontAwesome;

    position: absolute;
    top: 2px;
    right: -25px;

    display: block;

    content: '\f054';

    color: #242c43;
}

@media screen and (min-width: 992px)
{
    body.single-post #primary .nav-links .nav-previous a,
    body.single-post #primary .nav-links .nav-next a,
    body.single-programs #primary .nav-links .nav-previous a,
    body.single-programs #primary .nav-links .nav-next a,
    body.single-promotion #primary .nav-links .nav-previous a,
    body.single-promotion #primary .nav-links .nav-next a,
    body.category #primary .nav-links .nav-previous a,
    body.category #primary .nav-links .nav-next a,
    body.blog #primary .nav-links .nav-previous a,
    body.blog #primary .nav-links .nav-next a,
    body.tag #primary .nav-links .nav-previous a,
    body.tag #primary .nav-links .nav-next a
    {
        font-size: 1rem;
    }
}

@media screen and (max-width: 768px)
{
    body.single-post #primary .nav-links .nav-previous,
    body.single-post #primary .nav-links .nav-next,
    body.single-programs #primary .nav-links .nav-previous,
    body.single-programs #primary .nav-links .nav-next,
    body.single-promotion #primary .nav-links .nav-previous,
    body.single-promotion #primary .nav-links .nav-next,
    body.category #primary .nav-links .nav-previous,
    body.category #primary .nav-links .nav-next,
    body.blog #primary .nav-links .nav-previous,
    body.blog #primary .nav-links .nav-next,
    body.tag #primary .nav-links .nav-previous,
    body.tag #primary .nav-links .nav-next
    {
        width: 100%;
        margin: 15px 0 0;
    }
    body.single-post #primary .nav-links .nav-previous,
    body.single-programs #primary .nav-links .nav-previous,
    body.single-promotion #primary .nav-links .nav-previous,
    body.category #primary .nav-links .nav-previous,
    body.blog #primary .nav-links .nav-previous,
    body.tag #primary .nav-links .nav-previous
    {
        margin-top: 0;
        padding-bottom: 15px;

        border-bottom: 1px solid rgba(128, 128, 128, .2);
    }
}

@media screen and (max-width: 600px)
{
    body.single-post #primary .share,
    body.single-programs #primary .share,
    body.single-promotion #primary .share,
    body.category #primary .share,
    body.blog #primary .share,
    body.tag #primary .share
    {
        max-width: 300px;
        margin: 0 auto;
    }
    body.single-post #primary .socialIcon,
    body.single-programs #primary .socialIcon,
    body.single-promotion #primary .socialIcon,
    body.category #primary .socialIcon,
    body.blog #primary .socialIcon,
    body.tag #primary .socialIcon
    {
        width: 100%;
        margin: 15px 0 0;
    }
}

/* body.single-post | body.single-programs | body.single-promotion | body.category end*/
/*body.category*/
body.category .page-header
{
    padding: 40px 0;
}

body.category h1.page-title
{
    font-size: 1.875rem;
    font-style: initial;
    line-height: 2.375rem;

    margin-bottom: 0;
}

body.category #primary .tag
{
    margin-top: 20px;
}

@media screen and (min-width: 992px)
{
    body.category .page-header
    {
        padding: 40px 15px;
    }
}

/*Blog single content page*/
.blog-content .content h2,
.blog-content .content h3,
.blog-content .content h4,
.blog-content .content h5,
.blog-content .contents h2,
.blog-content .contents h3,
.blog-content .contents h4,
.blog-content .contents h5
{
    margin-bottom: 10px;
}

.blog-content h6
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;

    margin: 0;

    color: #419fb2;
}

.blog-content ul,
.blog-content ol
{
    margin: 15px 0;
    padding-left: 30px;
}

.blog-content ul li,
.blog-content ol li
{
    font-size: .938rem;
    font-weight: 300;
    line-height: 1.875rem;

    position: relative;

    margin-top: 10px;
    padding-left: 25px;

    color: #1a1a1a;
}

.blog-content ul li:first-child,
.blog-content ol li:first-child
{
    margin-top: 0;
}

.blog-content ul li:before
{
    position: absolute;
    top: 15px;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;

    content: '';
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);

    border-radius: 50%;
    background-color: #419fb2;
}

.blog-content ol
{
    list-style: none;

    counter-reset: my;
}

.blog-content ol > li::before
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    position: absolute;
    top: 0;
    left: -20px;

    width: 2em;
    margin-right: 10px;

    content: counter(my);
    counter-increment: my;
    text-align: right;

    color: #419fb2;
}

@media screen and (max-width: 600px)
{
    .blog-content ul,
    .blog-content ol
    {
        padding-left: 15px;
    }
}

/*Archive Page*/
.entryContent .entryMeta
{
    color: #1a1a1a;
}

/*--------------------------------------------------------------
# What to Expect
--------------------------------------------------------------*/
/*what to expect*/
/* .programList*/
.imageTextBlock
{
    /*padding-top: 0; text-align: left;*/
}

.imageTextBlock .program
{
    margin-top: 40px;
}

.imageTextBlock .program:first-child
{
    margin-top: 0;
}

.imageTextBlock .program:nth-child(1) .entryContent
{
    background-color: #067360;
}

.imageTextBlock .program:nth-child(2) .entryContent
{
    background-color: #c14506;
}

.imageTextBlock .program:nth-child(3) .entryContent
{
    background-color: #d1a418;
}

.imageTextBlock .program:nth-child(4) .entryContent
{
    background-color: #419fb2;
}

.imageTextBlock .program:hover .col-2-no:before
{
    background-color: rgba(0, 0, 0, .2);
}

.imageTextBlock .program:hover .col-2-no .linkBtn img
{
    margin-left: 15px;
}

.imageTextBlock .program .featuredImage,
.imageTextBlock .program h3
{
    cursor: pointer;
}

@media screen and (min-width: 992px)
{
    .imageTextBlock .program .featuredImage img
    {
        display: none;
    }
    .imageTextBlock .program:nth-child(even) .featuredImage
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .imageTextBlock .program:nth-child(even) .entryContent
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media screen and (max-width: 991px)
{
    .imageTextBlock .program .featuredImage
    {
        background-image: none !important;
    }
}

/* .programList End*/
/* .information*/
.information
{
    /*padding-top: 0;*/
}

.information .sectionContent
{
    margin-bottom: 40px;

    text-align: center;
}

.information h4
{
    position: relative;
    z-index: 4;
}

.information h4 strong
{
    display: block;
}

.information a.linkBtn
{
    position: relative;
    z-index: 4;
}

.information .infoItem
{
    padding: 120px 60px;

    cursor: pointer;
}

.information .infoItem:before
{
    background-color: rgba(0, 0, 0, .3);
}

.information .infoItem:hover:before
{
    background-color: rgba(0, 0, 0, .5);
}

@media screen and (min-width: 1200px)
{
    .information .infoItem
    {
        padding: 80px 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .information .infoItem
    {
        padding: 60px 30px;
    }
    .information .infoItem h3
    {
        font-size: 2.188rem;
        line-height: 2.688rem;
    }
}

/*--------------------------------------------------------------
# Get involved
--------------------------------------------------------------*/
/*get involved*/
/*. activitiesList*/
.activitiesList
{
    padding-top: 0;
    padding-bottom: 15px;
}

.activitiesList h3
{
    margin-bottom: 20px;
}

.activitiesList .col-2-no
{
    padding: 60px 15px;

    cursor: pointer;
    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
}

.activitiesList .col-2-no:nth-child(1)
{
    background-color: #067360;
}

.activitiesList .col-2-no:nth-child(2)
{
    background-color: #d1a418;
}

.activitiesList .col-2-no:nth-child(3)
{
    background-color: #419fb2;
}

.activitiesList .col-2-no:nth-child(4)
{
    background-color: #828282;
}

.activitiesList .col-2-no:nth-child(5)
{
    background-color: #242c43;
}

.activitiesList .col-2-no:nth-child(6)
{
    background-color: #c14506;
}

@media screen and (min-width: 1200px)
{
    .activitiesList
    {
        padding-bottom: 75px;
    }
    .activitiesList .col-2-no
    {
        padding: 60px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .activitiesList
    {
        padding-bottom: 55px;
    }
    .activitiesList .col-2-no
    {
        padding: 60px 40px;
    }
}

/*. activitiesList end*/
/*--------------------------------------------------------------
# Common Pages
--------------------------------------------------------------*/
/*Common Page*/
/* .page-template-template-common*/
body.page-template-template-common,
body.programs-template-template-common
{
    /* .animateHtml*/
}

body.page-template-template-common .site-content .wrapper,
body.programs-template-template-common .site-content .wrapper
{
    padding-top: 0;
    padding-bottom: 0;
}

body.page-template-template-common .pageContent,
body.programs-template-template-common .pageContent
{
    padding-bottom: 25px;
}

body.page-template-template-common .pageContent h2,
body.programs-template-template-common .pageContent h2
{
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;

    text-align: left;
}

body.page-template-template-common .pageContent h2 strong,
body.programs-template-template-common .pageContent h2 strong
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

body.page-template-template-common .pageContent p,
body.page-template-template-common .pageContent ul,
body.page-template-template-common .pageContent ol,
body.programs-template-template-common .pageContent p,
body.programs-template-template-common .pageContent ul,
body.programs-template-template-common .pageContent ol
{
    margin: 15px 0;
}

body.page-template-template-common .pageContent ul li,
body.page-template-template-common .pageContent ol li,
body.programs-template-template-common .pageContent ul li,
body.programs-template-template-common .pageContent ol li
{
    font-family: 'Merriweather', serif;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.625rem;

    position: relative;

    padding-left: 25px;

    color: #1a1a1a;
}

body.page-template-template-common .pageContent ul li a,
body.page-template-template-common .pageContent ol li a,
body.programs-template-template-common .pageContent ul li a,
body.programs-template-template-common .pageContent ol li a
{
    text-decoration: underline;

    color: #fff;
}

body.page-template-template-common .pageContent ul li strong,
body.page-template-template-common .pageContent ol li strong,
body.programs-template-template-common .pageContent ul li strong,
body.programs-template-template-common .pageContent ol li strong
{
    font-family: 'Montserrat', sans-serif;
    font-size: .875rem;
    font-weight: 400;

    color: #000;
}

body.page-template-template-common .pageContent ul li:before,
body.page-template-template-common .pageContent ol li:before,
body.programs-template-template-common .pageContent ul li:before,
body.programs-template-template-common .pageContent ol li:before
{
    position: absolute;
    top: 15px;
    left: 0;

    display: block;

    width: 4px;
    height: 4px;

    content: '';
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);

    border-radius: 50%;
    background-color: #419fb2;
}

@media screen and (min-width: 992px)
{
    body.page-template-template-common .pageContent ul li,
    body.page-template-template-common .pageContent ol li,
    body.programs-template-template-common .pageContent ul li,
    body.programs-template-template-common .pageContent ol li
    {
        font-size: .938rem;
        line-height: 1.875rem;
    }
    body.page-template-template-common .pageContent ul li strong,
    body.page-template-template-common .pageContent ol li strong,
    body.programs-template-template-common .pageContent ul li strong,
    body.programs-template-template-common .pageContent ol li strong
    {
        font-size: .938rem;
    }
}

body.page-template-template-common .accordionList,
body.programs-template-template-common .accordionList
{
    /*margin-top: 40px;*/
}

body.page-template-template-common .accordionList .accordionItem,
body.programs-template-template-common .accordionList .accordionItem
{
    position: relative;

    margin-top: 10px;

    cursor: pointer;

    border: 1px solid #1a1a1a;
    border-radius: 5px;
    background: transparent;
}

body.page-template-template-common .accordionList .accordionItem:first-child,
body.programs-template-template-common .accordionList .accordionItem:first-child
{
    margin-top: 0;
}

body.page-template-template-common .accordionList .accordionItem:after,
body.programs-template-template-common .accordionList .accordionItem:after
{
    display: block;
    clear: both;

    content: '';
}

body.page-template-template-common .accordionList .title,
body.programs-template-template-common .accordionList .title
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;

    padding: 15px 20px;

    color: #1c223b;
}

body.page-template-template-common .accordionList .fa,
body.programs-template-template-common .accordionList .fa
{
    font-size: 2.125rem;
    font-weight: 200;

    position: absolute;
    top: 8px;
    right: 20px;

    color: #1a1a1a;
}

body.page-template-template-common .accordionList .content,
body.programs-template-template-common .accordionList .content
{
    padding: 0 20px 25px;
}

body.page-template-template-common .accordionList .content p,
body.page-template-template-common .accordionList .content strong,
body.programs-template-template-common .accordionList .content p,
body.programs-template-template-common .accordionList .content strong
{
    font-size: .938rem;
    line-height: 1.875rem;
}

body.page-template-template-common .accordionList .content h1,
body.page-template-template-common .accordionList .content h2,
body.page-template-template-common .accordionList .content h3,
body.page-template-template-common .accordionList .content h4,
body.page-template-template-common .accordionList .content h5,
body.page-template-template-common .accordionList .content h6,
body.programs-template-template-common .accordionList .content h1,
body.programs-template-template-common .accordionList .content h2,
body.programs-template-template-common .accordionList .content h3,
body.programs-template-template-common .accordionList .content h4,
body.programs-template-template-common .accordionList .content h5,
body.programs-template-template-common .accordionList .content h6
{
    text-align: left;
}

@media screen and (max-width: 991px)
{
    body.page-template-template-common .accordionList .title,
    body.programs-template-template-common .accordionList .title
    {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 480px)
{
    body.page-template-template-common .accordionList .accordionItem,
    body.programs-template-template-common .accordionList .accordionItem
    {
        padding: 0;
    }
    body.page-template-template-common .accordionList .title,
    body.programs-template-template-common .accordionList .title
    {
        font-size: 1rem;
    }
    body.page-template-template-common .accordionList .fa,
    body.programs-template-template-common .accordionList .fa
    {
        font-size: 2rem;

        top: 10px;
        right: 15px;
    }
}

body.page-template-template-common .imageTextBlock h3,
body.programs-template-template-common .imageTextBlock h3
{
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
}

body.page-template-template-common .animateHtml,
body.programs-template-template-common .animateHtml
{
    margin: 25px 0;
}

body.page-template-template-common .accordionList
{
    margin-top: 0;
}

/*common block layout css*/
/*Tab section*/
.tabSection
{
    /*max-width: 695px; margin:0 auto;*/
}

.tabSection .tabHeads
{
    text-align: center;

    border-bottom: 1px solid #d8d8d8;
}

.tabSection .tabContents
{
    padding: 20px 0 0;
}

.tabSection .tabContents .item
{
    display: none;
}

.tabSection .tabContents p strong
{
    font-family: 'Merriweather', serif;
    font-size: .938rem;
    line-height: 1.875rem;
}

.tabSection .tabContents h1,
.tabSection .tabContents h2,
.tabSection .tabContents h3,
.tabSection .tabContents h4,
.tabSection .tabContents h5,
.tabSection .tabContents h6
{
    margin-top: 25px;

    text-align: left;
}

.tabSection .tabContents a[href$='pdf']
{
    margin: 10px 0;
}

.tabSection .tabContents li a[href$='pdf']
{
    margin: 5px 0;
}

.tabSection .item,
.tabSection .title
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem !important;
    font-weight: 700 !important;

    cursor: pointer;
    text-transform: uppercase;

    color: #1c223b;
}

@media screen and (min-width: 992px)
{
    .tabSection .item
    {
        position: relative;

        display: inline-block;

        margin: 0 25px;
        padding: 20px 0;
    }
    .tabSection .item:after
    {
        position: absolute;
        bottom: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 4px;

        content: '';
        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;

        opacity: 0;
        background: #49bfd6;
    }
    .tabSection .item.active:after
    {
        opacity: 1;
    }
    .tabSection.tabSectionMobile
    {
        display: none;
    }
}

@media screen and (max-width: 991px)
{
    .tabSection.tabSectionDesktop
    {
        display: none;
    }
    .tabSection.tabSectionMobile .accordionItem
    {
        border: 0 none !important;
    }
    .tabSection.tabSectionMobile .title
    {
        display: block;

        padding: 12px 20px;

        color: #000 !important;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
    }
    .tabSection.tabSectionMobile .content
    {
        padding: 15px 0 !important;
    }
}

/*testimonials section*/
.testimonial
{
    font-style: italic;

    padding: 25px 0;

    text-align: center;
}

.testimonial p
{
    font-size: 1.875rem;
    line-height: 2.375rem;

    color: #242c43;
}

.testimonial .quoteText
{
    margin: 40px 0;
}

.testimonial .quoteMeta
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    font-style: normal;

    display: block;

    text-transform: uppercase;

    color: #242c43;
}

.testimonial.dark
{
    padding: 50px 0;

    background: #242c43;
}

.testimonial.dark p
{
    color: #fff;
}

.testimonial.dark .quoteMeta
{
    color: #fff;
}

@media screen and (max-width: 768px)
{
    .testimonial p
    {
        font-size: 1.1rem;
        line-height: 2rem;
    }
}

.testimonial.dark
{
    padding: 50px 0;
}

/*text section*/
.textBlock
{
    padding: 5px 0;
}

.textBlock .textColumn.column2
{
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 35px;
            column-gap: 35px;
}

.textBlock .textColumn.column3
{
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
            column-gap: 30px;
}

.textBlock .textColumn.column4
{
    -webkit-column-count: 4;
            column-count: 4;
    -webkit-column-gap: 30px;
            column-gap: 30px;
}

.textBlock.dark,
.textBlock.withBgImage
{
    margin: 25px 0;
    padding: 50px 0;

    text-align: center;

    background: #242c43;
}

.textBlock.dark h1,
.textBlock.dark h2,
.textBlock.dark h3,
.textBlock.dark h4,
.textBlock.dark h5,
.textBlock.dark h6,
.textBlock.dark p,
.textBlock.dark a,
.textBlock.withBgImage h1,
.textBlock.withBgImage h2,
.textBlock.withBgImage h3,
.textBlock.withBgImage h4,
.textBlock.withBgImage h5,
.textBlock.withBgImage h6,
.textBlock.withBgImage p,
.textBlock.withBgImage a
{
    color: #fff;
}

.textBlock.medium
{
    max-width: 970px;
    margin: 25px auto;
}

.textBlock.small
{
    max-width: 735px;
    margin: 25px auto;
}

@media screen and (min-width: 992px)
{
    .textBlock
    {
        padding: 10px 0;
    }
}

@media screen and (max-width: 768px)
{
    .textBlock .textColumn.column2,
    .textBlock .textColumn.column3,
    .textBlock .textColumn.column4
    {
        -webkit-column-count: 1;
                column-count: 1;
    }
}

/*video section*/
.videoSection
{
    padding-top: 40px;
    /*@media screen and (max-width: 600px){
    iframe{max-height: 280px;}
  }
  @media screen and (max-width: 480px){
    iframe{max-height: 190px;}
  }*/
}

.videoSection iframe
{
    width: 100%;
}

/*Image section*/
.imageSection .col-2
{
    width: calc(100%/2 - 60px/2);
    margin: 0 15px;
}

.imageSection .col-3
{
    width: calc(100%/3 - 60px/2);
    margin: 0 15px;
}

.imageSection img
{
    width: 100%;
}

@media screen and (max-width: 600px)
{
    .imageSection .col-2,
    .imageSection .col-3
    {
        width: 100%;
        margin: 0 0 30px;
    }
}

.withBgImage
{
    position: relative;
}

.withBgImage:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .45);
}

.withBgImage h1,
.withBgImage h2,
.withBgImage h3,
.withBgImage h4,
.withBgImage h5,
.withBgImage h6,
.withBgImage div,
.withBgImage a
{
    position: relative;
    z-index: 2;
}

/*Box section*/
.boxSection h5,
.boxSection p
{
    color: #fff;
}

.boxSection h5
{
    font-weight: 400;
    /*line-height: 2.3125rem;*/

    margin-bottom: 20px;
}

.boxSection .col
{
    padding: 20px 30px;
}

.boxSection strong
{
    font-family: 'Merriweather', serif;
    font-size: .938rem;
    line-height: 1.875rem;

    color: #fff;
}

.boxSection .col-2
{
    width: calc(100%/2 - 60px/2);
    margin: 0 15px;
}

.boxSection .col-3
{
    width: calc(100%/3 - 60px/2);
    margin: 0 15px;
}

@media screen and (max-width: 991px)
{
    .boxSection .col
    {
        width: 100%;
        margin: 40px 0 0;
    }
    .boxSection .col:first-child
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px)
{
    .boxSection .col
    {
        padding: 20px;
    }
}

/*Box section wide*/
.boxSectionWide .col-3-no
{
    padding: 50px;

    text-align: center;

    color: #fff;
    background-position: center;
    background-size: cover;
}

.boxSectionWide p
{
    color: #fff;
}

.boxSectionWide p strong
{
    font-family: 'Merriweather', serif;
    font-size: .938rem;
    font-weight: 500;
    line-height: 1.875rem;

    color: #fff;
}

.boxSectionWide h3
{
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
}

@media screen and (min-width: 1200px)
{
    .boxSectionWide .col-3-no
    {
        padding: 60px 50px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .boxSectionWide .col-3-no
    {
        padding: 40px 30px;
    }
    .boxSectionWide h3
    {
        font-size: 2.375rem;
        line-height: 2.875rem;
    }
}

@media screen and (max-width: 991px)
{
    .boxSectionWide .col-3-no
    {
        width: 100%;
        margin: 0 0 0;
        padding: 40px;
    }
}

/* .imageTextBlock*/
.imageTextBlock
{
    /*padding-top: 0;*/
    text-align: left;
}

.imageTextBlock .program h3
{
    margin-bottom: 20px;

    text-align: left;
}

.imageTextBlock .program h3 strong
{
    display: block;
}

@media screen and (min-width: 1200px)
{
    .imageTextBlock .program .entryContent
    {
        padding: 60px 50px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .imageTextBlock .program .entryContent
    {
        padding: 40px 30px;
    }
}

@media screen and (max-width: 991px)
{
    .imageTextBlock .program .featuredImage
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .imageTextBlock .program .entryContent
    {
        padding: 40px 20px;

        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

/* .imageTextBlock End*/
/*Logo Section*/
.logoWall img
{
    max-width: 17.6%;
    margin: 0 2% 2% 0;
}

/* .publications*/
.publications ul
{
    margin-bottom: 0;
    padding: 0;
}

.publications li
{
    padding-left: 0 !important;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.publications li:before
{
    display: none !important;
}

.publications li figure
{
    display: inline-block;

    width: 80px;
    margin: 0;
}

.publications li a[href$='pdf']
{
    width: calc(100% - 100px);
    margin: 0 0 0 20px;
}

@media screen and (min-width: 992px)
{
    .publications ul
    {
        margin-top: 20px;

        list-style: none;
    }
    .publications li
    {
        width: calc(100%/2 - 40px/2);
        margin: 10px 0 10px 40px !important;
    }
    .publications li:nth-child(odd)
    {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 991px)
{
    .publications li
    {
        width: 100%;
        margin: 20px 0 0 !important;
    }
    .publications li:first-child
    {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 480px)
{
    .publications li
    {
        margin: 30px 0 0 !important;
    }
    .publications li figure
    {
        display: block;

        width: 100%;
        margin-bottom: 10px;

        text-align: center;
    }
    .publications li a[href$='pdf']
    {
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 1400px)
{
    .midWrapper
    {
        padding: 0 30px;
    }
    .logoWall .noWrapper
    {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px)
{
    .logoWall
    {
        text-align: center;
    }
    .logoWall h5
    {
        text-align: left;
    }
    .logoWall img
    {
        max-width: 30%;
    }
}

@media screen and (max-width: 480px)
{
    .logoWall img
    {
        max-width: 40%;
        margin: 0 3% 3% 3%;
    }
}

@media screen and (max-width: 350px)
{
    .logoWall img
    {
        max-width: 70%;
        margin: 0 0 30px 0;
    }
}

/*--------------------------------------------------------------
# Contact us Page
--------------------------------------------------------------*/
/*Contact us page*/
.contact-page p
{
    margin-bottom: 10px;
}

.contact-page a
{
    color: #1a1a1a;
}

.contact-page .detailsHeading
{
    margin-bottom: 10px;
}

.contact-page .detailsHeading strong
{
    color: #419fb2;
}

.contactDetails
{
    line-height: 35px;

    text-align: left;
}

.contactDetails h2
{
    margin-bottom: 30px;

    text-align: left;
}

.contactDetails table
{
    width: 100%;

    color: #242c43;
}

.contactDetails table th
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 500;

    min-width: 270px;

    text-align: left;

    color: #242c43;
}

.contactDetails table td,
.contactDetails table th
{
    display: inline-block;
}

.contactDetails div
{
    margin-bottom: 40px;
}

.mapDirection h2
{
    text-align: left;
}

.mapDirection .detailsHeading
{
    margin-top: 30px;
}

@media screen and (min-width: 992px)
{
    .contactDetails table th
    {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 768px)
{
    .contactDetails table tr
    {
        display: block;

        margin-bottom: 15px;
    }
    .contactDetails table td,
    .contactDetails table th
    {
        display: block;
    }
    .contactDetails div
    {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px)
{
    .contact-page .wpcf7-form
    {
        padding: 35px 20px;
    }
}

/*--------------------------------------------------------------
# Donation Page
--------------------------------------------------------------*/
/*Search result page*/
.videoWrapper iframe.donateIframe
{
    height: 2200px !important;
}

@media screen and (max-width: 530px)
{
    .videoWrapper iframe.donateIframe
    {
        height: 2360px !important;
    }
}

@media screen and (max-width: 481px)
{
    .videoWrapper iframe.donateIframe
    {
        height: 3320px !important;
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*FOOTER CSS*/
/* .newsletter*/
.newsletter
{
    margin-top: 25px;

    background-color: #242c43;
}

.newsletter h2
{
    margin-bottom: 10px;
}

.newsletter p
{
    font-size: .938rem;

    margin-bottom: 15px;
}

.newsletter p.small
{
    font-size: .688rem;

    margin: 30px 0 0;
}

.newsletter .formWrapper
{
    width: 100%;
}

.newsletter input
{
    width: 100%;
    height: 52px;
    padding: 15px;

    border-radius: 5px;
    background-color: #fff;
}

.newsletter input[type=submit]
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 700;

    padding: 0;

    -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
    text-align: left;
    text-transform: uppercase;

    color: #fff;
    background: transparent;
    background-image: url(images/arrow-white.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.newsletter input[type=submit]:hover
{
    background-position: center right 0;
}

@media screen and (min-width: 992px)
{
    .newsletter input[type=submit]
    {
        font-size: 1.188rem;
    }
}

.newsletter:hover input[type=submit]
{
    background-position: center right 0;
}

@media screen and (min-width: 992px)
{
    .newsletter .formBox
    {
        margin-left: 20px;
    }
    .newsletter .formBox.left
    {
        width: calc(100% - 215px);
    }
    .newsletter .formBox.left .formElement
    {
        margin-left: 20px;
    }
    .newsletter .formBox.left .formElement:first-child
    {
        margin-left: 0;
    }
    .newsletter .formBox.left .first
    {
        width: 30%;
    }
    .newsletter .formBox.left .last
    {
        width: calc(30% - 20px);
    }
    .newsletter .formBox.left .email
    {
        width: calc(40% - 20px);
    }
    .newsletter .formBox.right
    {
        width: 155px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px)
{
    .newsletter .formBox
    {
        width: 100%;
    }
    .newsletter .formBox.left
    {
        width: 100%;
    }
    .newsletter .formBox.left .formElement
    {
        margin-left: 20px;
    }
    .newsletter .formBox.left .formElement:first-child
    {
        margin-left: 0;
    }
    .newsletter .formBox.left .first
    {
        width: 30%;
    }
    .newsletter .formBox.left .last
    {
        width: calc(30% - 20px);
    }
    .newsletter .formBox.left .email
    {
        width: calc(40% - 20px);
    }
}

@media screen and (max-width: 991px)
{
    .newsletter .formBox.right
    {
        width: 100%;
        margin-top: 10px;
    }
    .newsletter .formBox.right .formElement
    {
        max-width: 145px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px)
{
    .newsletter .formBox.left
    {
        width: 100%;
    }
    .newsletter .formBox.left .formElement
    {
        width: 100%;
        margin-top: 10px;
    }
    .newsletter .formBox.left .formElement:first-child
    {
        margin-top: 0;
    }
}

.newsletter .mc4wp-response p
{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.125rem;
    font-weight: 200;

    margin: 40px 0 0;

    text-align: center;
}

.newsletter .mc4wp-response .mc4wp-success p
{
    color: #00d5af;
}

.newsletter .mc4wp-response .mc4wp-error p
{
    color: #ff7a37;
}

/* .newsletter end*/
/* footer#colophon*/
footer#colophon
{
    padding: 40px 0;
}

@media screen and (min-width: 992px)
{
    footer#colophon
    {
        padding: 50px 0;
    }
}

@media screen and (min-width: 1200px)
{
    footer#colophon .wrapper
    {
        padding: 0 80px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    footer#colophon .wrapper
    {
        padding: 0 35px;
    }
}

footer#colophon .footerMenus #menu-footer-menu > li a
{
    font-family: 'Montserrat', sans-serif;
    font-size: .938rem;
    font-weight: 700;
    font-style: initial;
    line-height: 1.875rem;

    display: inline-block;

    margin-bottom: 10px;

    cursor: default;

    color: #242c43;
}

@media screen and (min-width: 992px)
{
    footer#colophon .footerMenus #menu-footer-menu > li a
    {
        font-size: 1rem;
        line-height: 1.250rem;
    }
}

footer#colophon .footerMenus #menu-footer-menu > li .sub-menu > li
{
    margin-top: 10px;
}

footer#colophon .footerMenus #menu-footer-menu > li .sub-menu > li:first-child
{
    margin-top: 0;
}

footer#colophon .footerMenus #menu-footer-menu > li .sub-menu > li a
{
    font-family: 'Merriweather', serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.250rem;

    margin: 0;

    cursor: pointer;
}

footer#colophon .footerMenus #menu-footer-menu > li .sub-menu > li a:hover
{
    text-decoration: underline;
}

@media screen and (min-width: 992px)
{
    footer#colophon .footerMenus #menu-footer-menu > li .sub-menu > li a
    {
        font-size: .813rem;
        line-height: 1.125rem;
    }
}

@media screen and (min-width: 1200px)
{
    footer#colophon .footerMenus #menu-footer-menu > li
    {
        width: calc(100%/6 - 200px/6);
        margin-left: 39px;
    }
    footer#colophon .footerMenus #menu-footer-menu > li:first-child
    {
        margin-left: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)
{
    footer#colophon .footerMenus #menu-footer-menu > li
    {
        width: calc(100%/3 - 80px/3);
        margin-left: 39px;
    }
    footer#colophon .footerMenus #menu-footer-menu > li:nth-child(3n+1)
    {
        margin-left: 0;
    }
    footer#colophon .footerMenus #menu-footer-menu > li:nth-child(n+4)
    {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px)
{
    footer#colophon .footerMenus #menu-footer-menu > li
    {
        width: 100%;
        margin-top: 20px;

        text-align: center;
    }
    footer#colophon .footerMenus #menu-footer-menu > li:first-child
    {
        margin-top: 0;
    }
    footer#colophon .footerMenus #menu-footer-menu > li > a
    {
        position: relative;
    }
    footer#colophon .footerMenus #menu-footer-menu > li > a:before
    {
        position: absolute;
        top: -10px;
        left: 50%;

        display: block;

        width: 14px;
        height: 14px;

        content: '';
        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);

        opacity: 0;
        background-image: url(images/chevron-up-black-14.png);
        background-repeat: no-repeat;
    }
    footer#colophon .footerMenus #menu-footer-menu > li > a:after
    {
        position: absolute;
        bottom: -10px;
        left: 50%;

        display: block;

        width: 14px;
        height: 14px;

        content: '';
        -webkit-transition: .3s all ease-in-out;
                transition: .3s all ease-in-out;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);

        background-image: url(images/chevron-down-black-14.png);
        background-repeat: no-repeat;
    }
    footer#colophon .footerMenus #menu-footer-menu > li > a.current:before
    {
        opacity: 1;
    }
    footer#colophon .footerMenus #menu-footer-menu > li > a.current:after
    {
        opacity: 0;
    }
    footer#colophon .footerMenus #menu-footer-menu > li .sub-menu
    {
        display: none;
    }
}

footer#colophon .copyright
{
    font-size: .929rem;
    font-weight: 400;
    line-height: 1.5rem;

    margin: 30px 0 20px;

    text-align: center;
}

footer#colophon .socials ul
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

footer#colophon .socials ul li
{
    font-size: 1.571rem;

    margin-left: 20px;
}

footer#colophon .socials ul li:first-child
{
    margin-left: 0;
}

footer#colophon .socials ul li.facebook a
{
    color: #3b5998;
}

footer#colophon .socials ul li.twitter a
{
    color: #00aced;
}

footer#colophon .socials ul li.linkedin a
{
    color: #007bb6;
}

footer#colophon .socials ul li.youtube a
{
    color: #b00;
}
.grecaptcha-badge {
    display: none;
}
/* footer#colophon end*/
/*# sourceMappingURL=style.css.map */