@import url("https://use.typekit.net/qbm8gtr.css");

@font-face {
    font-family: 'wavehaus-bold';
    src: url('webfonts/wavehaus-128bold.eot');
    src: url('webfonts/wavehaus-128bold.eot?#iefix') format('embedded-opentype'),
    url('webfonts/wavehaus-128bold.woff2') format('woff2'),
    url('webfonts/wavehaus-128bold.woff') format('woff'),
    url('webfonts/wavehaus-128bold.ttf') format('truetype'),
    url('webfonts/wavehaus-128bold.svg#wavehaus128_bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'wavehaus-x-bold';
    src: url('webfonts/wavehaus-158extrabold.eot');
    src: url('webfonts/wavehaus-158extrabold.eot?#iefix') format('embedded-opentype'),
    url('webfonts/wavehaus-158extrabold.woff2') format('woff2'),
    url('webfonts/wavehaus-158extrabold.woff') format('woff'),
    url('webfonts/wavehaus-158extrabold.ttf') format('truetype'),
    url('webfonts/wavehaus-158extrabold.svg#wavehaus158_extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
Theme Name: AAFSCNY
Author: Manoverboard
Author URI: http://www.manoverboard.com/
Version: 5
*/

/*
Gibson Bold
font-family: canada-type-gibson, sans-serif;
font-weight: 700;
font-style: normal;

Gibson Italic
font-family: canada-type-gibson, sans-serif;
font-weight: 400;
font-style: italic;

Gibson Regular
font-family: canada-type-gibson, sans-serif;
font-weight: 400;
font-style: normal;

Dark Blue: #06248c;

*/

/*********************************************
	Warning! Incoming Game.
*********************************************/

/********************************************* Core Styles */

.wo {
    text-align: center;
    padding: 0 20px;
}

.wo-extra {
    padding: 0 20px;
}

.w900 {
    max-width: 900px;
    text-align: center !important;
    margin: 0 auto;
}

.pv {
    padding-top: 50px;
    padding-bottom: 50px;
}

.wo .inner {
    text-align: left;
    width: 1244px;
    max-width: 100%;
    margin: 0 auto;

}

#wrapper {
    position: relative;
}

.hide {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

img {
    border-radius: 17px;
}

.icon-statistic img {
    border-radius: 0 !important;
}

#footer img {
    border-radius: 0px;
}


/********************************************* Standard Typography */

/* font defaults */

.sType p,
.sType li,
address,
.wpcf7-response-output,
.wpcf7-not-valid-tip,
.errors {
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: 400;
    color: #595959;
    font-size: 200%;
    line-height: 1.65;
    margin: 1em 0;
}

section.sType p:first-child {
    margin: 0 auto 1em auto;
}

address {
    font-size: 180% !important;
    line-height: 1.55 !important;
    margin: 0.75em 0 !important;
}

.sType li {
    margin: 0.5em 0;
}

strong {
    font-weight: 700;
}

blockquote,
.sType blockquote p {
    padding-left: 2em;
    color: #06248c !important;
}

.wp-caption-text {
    font-style: italic;
}

.sType a {
    color: #06248c;
    text-decoration: underline;
    transition: .3s opacity ease-in-out;
}

.sType a:hover {
    color: #06248c;
    text-decoration: underline;
    opacity: .7;
}

.img-link {
    text-decoration: none !important;
    border-bottom: 0px !important;
}

/* headings */

.sType h1 {
    font-family: wavehaus-x-bold, sans-serif;
    color: #06248c;
    font-size: 530%;
    line-height: 1.22;
}

p.h1 {
    font-family: wavehaus-bold, sans-serif !important;
    color: #761d62 !important;
    font-size: 700% !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
}

.sType h2,
.h2 {
    font-family: wavehaus-bold, sans-serif;
    color: #06248c;
    font-size: 400%;
    line-height: 1.15;
}

h2.h3 {
    font-family: wavehaus-bold, sans-serif !important;
    color: #06248c !important;
    font-size: 280% !important;
    line-height: 1.21 !important;
    margin-top: 1em;
    margin-bottom: .5em;
}

h3.h2 {
    font-family: wavehaus-bold, sans-serif !important;
    font-size: 400% !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    text-align: left;
}

.sType h3,
.h3 {
    font-family: wavehaus-bold, sans-serif;
    color: #06248c;
    font-size: 280%;
    line-height: 1.21;
    margin-top: 1em;
    margin-bottom: .5em;
    text-transform: none !important;
    letter-spacing: 0px !important;
}

.sType h4,
label {
    font-family: wavehaus-x-bold, sans-serif;
    color: #06248c !important;
    font-size: 190%;
    line-height: 1.26;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.h4 {
    font-family: wavehaus-x-bold, sans-serif !important;
    color: #06248c !important;
    font-size: 190% !important;
    line-height: 1.26 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px;
}

.sType h5,
.h5 {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 700;
    color: #06248c;
    font-size: 180%;
    line-height: 1.55;
    margin: 0.75em 0;

}

.sType h6,
.h6 {
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: 400 !important;
    color: #595959 !important;
    font-size: 220% !important;
    line-height: 1.54 !important;
    margin: 0.75em 0;
}

.h6 p {
    font-size: 100%;
}

/* lists */

.sType ul {
    list-style-type: disc;
    margin-left: 2em;
}

.sType ul ul {
    margin-top: 10px;
    margin-bottom: 20px;
    list-style-type: circle;
}

.sType ul ul ul {
    list-style-type: square;
}

.sType ol {
    list-style-type: decimal;
    margin-left: 2em;
}

.sType ol ol {
    margin-top: 10px;
    margin-bottom: 20px;
    list-style-type: lower-alpha;
}

.sType ol ol ol {
    list-style-type: lower-roman;
}

.sType ol ol,
.sType ul ol {
    list-style-type: lower-roman;
}

/* correct nested li font-size */

.sType li li {
    font-size: 100%;
}

.sType iframe {
    width: 100%;

}

.videoWrap {
    margin: 30px 0;
}

/********************************************* Button */

.button {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 700;
    color: white !important;
    font-size: 180%;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    /***/
    position: relative;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 25px;
    margin-top: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    /***/
    overflow: hidden;
    transition: .5s all ease-in-out;
}

input.button {
    border-color: rgba(0, 0, 0, 0) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.button:before,
.button:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #D36057;
    /*hover color*/
    z-index: -1;
    -webkit-transform: translate3D(0, -100%, 0);
    -ms-transform: translate3D(0, -100%, 0);
    transform: translate3D(0, -100%, 0);
    transition: all .5s;
}

.button:before {
    background-color: #f0715f;
    z-index: -2;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

.button:after {
    top: 0;
    z-index: -1;
    -webkit-transform: translate3D(-101%, 0, 0);
    -ms-transform: translate3D(-101%, 0, 0);
    transform: translate3D(-101%, 0, 0);
}

.button:hover:after {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    transition: all .5s;
    border-radius: 20px;
}

.button:hover {
    cursor: pointer;
    opacity: 1 !important;
}

/* prevent font-size compounding */

p .button {
    font-size: 100%;
}

/********************************************* Header & Navigation */

#header {
    margin-top: 51px;
    height: 140px;
}

.site-title {
    width: 350px;
    float: left;
    margin-top: 25px;
}

.site-title.mobile {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/********************************************* Home Page */

/* nav */

#isFront #header {
    background-color: #06248c;
}

#isFront #menu-main-menu a {
    color: white !important;
}

/* first layer */

.first-layer {
    background-color: #06248c;
}

.first-layer .inner {
    position: relative !important;
    min-height: 435px;
    max-width: 1200px;

}

.main-message {
    margin-left: 90px;
    max-width: 730px;
    position: relative !important;
    z-index: 3;
}

.main-message h1 {
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 270% !important;
    color: white !important;
    text-shadow: 0 0 15px #06248c;
}
.main-message a {
    font-size: 100% !important;
}
.slides {
    margin-left: 0 !important;
}

.first-layer .image-bubble {
	display: inline-block;
    float: right;
    width: 500px;
    height: 500px;
    clear: both;
    position: relative;
    top: -320px !important;
    z-index: 8px;
    right: 60px;
    
}
.first-layer img{
    
}
.first-layer .image-bubble img {
    border-radius: 100% 100% 100% 100%;
        overflow: hidden !important;

}


/* second layer */

.second-layer {
    margin-top: -100px;
}

.second-layer .image-bubble {
    display: inline-block;
    width: 540px;
    height: 540px;
    position: relative;
    margin-left: -50px;
}

.second-layer .image-bubble img {
    border-radius: 96% 109% 109% 108%;
    position: absolute;
    width: 540px;
    display: inline-block;
    z-index: -1;
}

.second-message {
    display: inline-block;
    max-width: 40%;
    margin-left: 100px;
}

/* priorities */

.priorities-layer {
    margin: 100px auto;
}

.priorities-layer h1 {
    margin-bottom: 60px;
}

.priorities-layer a,
.priorities-layer a:hover {
    text-decoration: none;
}

.bubble-cluster-container {
    display: inline;
}

.bubble-cluster {
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 494px;
    height: 494px;
    display: inline-block;
    vertical-align: top;
}

.priorities-middle-bubble {
    background-color: white;
    height: 300px;
    width: 300px;
    border-radius: 100%;
    position: relative;
    text-align: center;
    top: 17%;
    left: 22%;
    z-index: 1;
}

.priorities-middle-bubble h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 0 !important;
    font-size: 330% !important;
    line-height: 1;
    margin-top: auto  !important;
}

.priorities-top-left-bubble,
.priorities-top-right-bubble,
.priorities-bottom-left-bubble,
.priorities-bottom-right-bubble {
    width: 270px;
    height: 270px;
    border-radius: 100%;
    mix-blend-mode: multiply;
    display: inline-block;
}

.priorities-top-left-bubble {
    background-color: #f0715f;
    margin-right: -25px;
}

.priorities-top-right-bubble {
    background-color: #1b6dbb;
    margin-left: -25px;
}

.priorities-bottom-left-bubble {
    background-color: #06248c;
    margin-right: -25px;
    margin-top: -50px;
}

.priorities-bottom-right-bubble {
    background-color: #761d62;
    margin-left: -25px;
    margin-top: -50px;
}

.priorities-left {
    max-width: 20%;
    display: inline-block;
    margin-right: 50px;
}

.priorities-right {
    max-width: 20%;
    display: inline-block;
    margin-left: 60px;
}

.priorities-top-left,
.priorities-top-right {
    margin-bottom: 55px;
}

.priorities-top-left h3 {
    color: #f0715f;
}

.priorities-top-right h3 {
    color: #1b6dbb;
}

.priorities-bottom-left h3 {
    margin-top: 80px;
}

.priorities-bottom-right h3 {
    color: #761d62;
    margin-top: 80px;
}

/* latest news */

.latest-news .inner {
    margin: 0 auto;
    text-align: center;
}

.latest-news-image-container {
    display: inline-block;
    max-width: 40%;
}

.latest-news-image {
    height: 330px;
    width: 330px;
    border-radius: 17px;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-position: center !important;
    display: inline-block;
}

.latest-news-blurb {
    display: inline-block;
    max-width: 48%;
    margin-left: 60px;
    vertical-align: top;
    text-align: left;
}

/********************************************* Stories */

.story-image-container {
    max-width: 60%;
    display: inline-block;
}

.story-image-container {
    height: 440px;
    max-width: 100%;
    width: 720px;
    border-radius: 17px;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block;
    vertical-align: middle;
}

.story-excerpt {
    max-width: 35%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.story-container {
    margin-top: 140px;
}

.story-container:first-child {
    margin: 0 auto 140px auto;
}

.story-container:nth-child(odd) .story-excerpt {
    margin-left: 50px;
}

.story-container:nth-child(even) .story-excerpt {
    float: left;
    padding-top: 50px;
    margin-right: 50px;
    float: left;
}

.single-story .post-date {
    display: none;
}

/******************************************** Priorities */

.priorities-page .inner {
    text-align: center;
}

.priorities-page .image-bubble {
    display: inline-block;
    vertical-align: middle;
}

.priorities-page .image-bubble img {
    border-radius: 100%;
    max-width: 490px;
}

.priorities-page .content {
    max-width: 42%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.priorities-page h2 {
    margin-bottom: .5em;
}

.priorities-page .programs .h4 {
    color: #595959 !important;
    text-transform: uppercase !important;
    /***/
    display: inline-block;
    padding-right: 7px;
    margin-top: 0px !important;
}

.priorities-page .programs .h4:after {
    content: '';
    display: inline-block;
    background-color: #06248c;
    border-radius: 100%;
    height: 8px;
    width: 8px;
    margin-left: 5px;
    margin-bottom: 2px;
}

.priorities-page .programs .h4:last-child:after {
    background-color: rgba(0, 0, 0, 0) !important;
    height: 0px !important;
    width: 0px !important;
}

.priorities-page .h6 {
    margin-top: 0px !important;
}

.priorities-page:nth-child(even) .content {
    float: left;
    margin-top: 65px;
    margin-right: 100px;
}

.priorities-page:nth-child(odd) .content {
    margin-left: 100px;
}

.priorities-page:nth-child(1) h2 {
    color: #f0715f !important;
}

.priorities-page:nth-child(1) .programs .h4:after {
    background-color: #f0715f !important;
}

.priorities-page:nth-child(2) h2 {
    color: #1b6dbb !important;
}

.priorities-page:nth-child(2) .programs .h4:after {
    background-color: #1b6dbb !important;
}

.priorities-page:nth-child(4) h2 {
    color: #761d62 !important;
}

.priorities-page:nth-child(4) .programs .h4:after {
    background-color: #761d62 !important;
}

/********************************************* News Page */

.news-page .inner {
    text-align: center !important;
}

.news-container {
    display: inline-block;
    margin-bottom: 80px;
    width: 29%;
    max-width: 365px;
    vertical-align: top;
}

/* first column */

.news-container:nth-child(3n + 1) {
    margin-right: 25px;
}

/* second column */

.news-container:nth-child(3n + 2) {
    margin-left: 25px;
    margin-right: 25px;
}

/* third column */

.news-container:nth-child(3n + 3) {
    margin-left: 25px;
}

.news-image-container {
    display: inline-block;
}

.news-image {
    height: 27vw;
    max-height: 365px;
    width: 27vw;
    max-width: 365px;
    border-radius: 17px;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block;
}

.news-excerpt {
    max-width: 500px;
    margin-top: 30px;
    text-align: left;
}

.post-date {
    text-align: left;
    color: #06248c !important;
    margin-bottom: -30px !important;
}

.current-cat {
    display: none !important;
}

/********************************************* Grid */

.grid-section {
    position: relative;
}

.grid-item {
    display: inline-block;
    margin-bottom: 50px;
    width: 20vw;
    max-width: 293px;
    vertical-align: top;
}

/* first column */

.grid-item:nth-child(4n + 1) {
    margin-right: 10px;
}

/* second column */

.grid-item:nth-child(4n + 2) {
    margin-left: 10px;
    margin-right: 10px;
}

/* third column */

.grid-item:nth-child(4n + 3) {
    margin-left: 10px;
    margin-right: 10px;
}

/* fourth column */

.grid-item:nth-child(4n + 4) {
    margin-left: 10px;
}

.grid-image {
    height: 20vw;
    width: 20vw;
    max-width: 293px;
    max-height: 293px;
    border-radius: 17px;
    display: inline-block;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #b9cfe6 !important;
    position: relative;
}

.grid-item p.h6 {
    margin: 0 !important;
    line-height: 1 !important;
}

.grid-item h3 {
    margin-bottom: 4px;
    margin-top: .5em;
}

.no-image {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-content: center;
    align-items: center;
}

.no-image div {
    font-family: wavehaus-bold, sans-serif;
    color: #06248c;
    font-size: 900%;
    line-height: 1;
    opacity: .3;
    text-decoration: none;
}

/* sections */

.new-section {
    margin: 70px 0 30px 0;
    position: relative;
}

.staff .new-section h2 {
    color: white;
    font-family: wavehaus-x-bold, sans-serif;
}

.staff .new-section h2:before {
    content: "";
    border-radius: 100%;
    width: 270px;
    height: 270px;
    position: absolute;
    left: -52px;
    top: -65px;
    z-index: -100;
}

/* prevent */

.staff .new-section:first-child h2:before {
    background-color: #f0715f;
    border-radius: 116% 102% 124% 106%;
}

.staff .grid-section:nth-child(2) h3 {
    color: #f0715f;
}

/* promote */

.staff .new-section:nth-child(3) h2:before {
    background-color: #1b6dbb;
    border-radius: 99% 126% 111% 113%;
}

.staff .grid-section:nth-child(4) h3 {
    color: #1b6dbb;
}

/* get ready */

.staff .new-section:nth-child(5) h2:before {
    background-color: #06248c;
    width: 278px;
    height: 270px;
    border-radius: 100% 117% 100% 86%;
}

.staff .grid-section:nth-child(6) h3 {
    color: #06248c;
}

/* communicate */

.staff .new-section:nth-child(7) h2:before {
    background-color: #761d62;
    width: 339px;
    height: 330px;
    border-radius: 125% 111% 125% 106%;
}

.staff .grid-section:nth-child(8) h3 {
    color: #761d62;
}


/* has bio */

.has-bio a {}

.has-bio a:hover {
    opacity: 1 !important;
}

.has-bio .grid-image-container {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
}

.has-bio .grid-image-container .grid-image {
    background-color: #06248c;
    background-blend-mode: normal;
    transition: .3s background-color ease-in-out !important;
    position: relative;
}

.has-bio .grid-image-container:hover .grid-image {
    background-color: #06248c;
    background-blend-mode: multiply;
}

.has-bio .grid-image-container .button {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.has-bio .grid-image-container:hover .button {
    position: absolute !important;
    left: auto !important;
    bottom: 30px !important;
    width: auto !important;
    height: auto !important;
    z-index: 100;
}

.has-bio .bio-hover-bg {
    background-color: #06248c;
    height: 19.9999vw;
    width: 19.9999vw;
    max-width: 290px;
    max-height: 290px;
    border-radius: 17px;
    display: inline-block;
    margin-top: -20vw;
    -webkit-translate(0,
    -8.5px);
    -ms-translate(0,
    -8.5px);
    transform: translate(0, -8.5px);
    transition: .3s transform ease-in-out;
}

.has-bio.hover .bio-hover-bg {
    -webkit-transform: rotate(7deg) translate(0, -10px);
    -ms-transform: rotate(7deg) translate(0, -10px);
    transform: rotate(7deg) translate(0, -10px);
    transition: .3s transform ease-in-out;
}

.has-bio .bio-container {
    display: none;
    height: 380px;
    width: 100vw;
    overflow: hidden;
}

.has-bio .bio {
    height: 325px;
    max-width: 1244px;
    width: 90vw;
    overflow: hidden;
    /***/
    background-color: #06248c;
    border-radius: 17px;
    padding: 20px 45px;
    /***/
    position: absolute;
    left: 0;
    top: auto;
    margin-top: 40px;
}

.has-bio .bio-inner {
    overflow-y: auto;
    height: 260px;
    padding-right: 20px;
}

.has-bio .bio p {
    color: white !important;
    max-width: 800px;
    margin: 1em auto;
}

.has-bio .bio-inner::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    width: 8px;
}

.has-bio .bio-inner::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 100px;
    opacity: .8;
}

.has-bio .grid-image:after {
    content: "";
    background-image: url('img/has-bio.png');
    height: 30px;
    width: 30px;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.non-touch .has-bio .grid-image:after {
    content: "";
    background-image: url('img/has-bio.png');
    height: 0;
    width: 0;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


/********************************************* Form Elements */

input,
textarea,
select,
.checkboxes a {
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: 400;
    color: black !important;
    font-size: 180%;
    line-height: 1.1 !important;
    width: 100%;
}

label {
    padding-top: 20px;
    padding-bottom: 10px;
    display: block;
}

label.error {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: red !important;
}

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

input[type="radio"]:hover {
    cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
number,
select {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #06248c;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    height: 45px;
    padding: 4px 10px !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box !important;
    background: url('img/dropdown-arrow.png') no-repeat 96% 50% transparent;
    background-size: 16px 9px;
}

p label,
p input,
p textarea,
p select {
    font-size: 95% !important;
}

label h3 {
    font-size: 150% !important;
}

label h4,
label label {
    font-size: 100% !important;
}

.field {
    vertical-align: top;
}

.interaction-form .field input,
.interaction-form .field select,
.interaction-form .field textarea {
    max-width: 100% !important;
    padding: 4px 10px !important;
}

.first-name,
.last-name,
.country,
.street-address,
.city,
.state,
.zip-code,
.phone-number,
.email-address,
.province,
.postal-code {
    max-width: 50%;
    width: 100%;
    display: inline-block;
}

.section h3 {
    margin-bottom: -5px;
}

.section.address,
.section.custom-fields {
    margin-top: 50px;
}

/* button */

.btn-group {
    float: right;
    display: block;
    clear: both;
    margin-top: 50px;
    padding-right: 4%;
    width: auto !important;
}

.btn-group input[type="submit"] {
    border-color: rgba(0, 0, 0, 0);
    background-color: #F0715F;
    width: auto;
    display: block;
    /***/
    font-family: canada-type-gibson, sans-serif;
    font-weight: 700;
    color: white !important;
    font-size: 180%;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    /***/
    padding: 16px 25px;
    border-radius: 20px;
    /***/
    overflow: hidden;
    transition: .5s all ease-in-out;
}

.btn-group input[type="submit"]:hover {
    cursor: pointer;
    background-color: #D36057;
}


/* bloomerang checkboxes */

.checkboxes {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #06248c !important;
    border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
    max-width: 96% !important;
}

.checkboxes a,
.checkboxes input {
    vertical-align: middle !important;
    margin: 10px 4px;
    padding-bottom: 15px !important;
}

.checkboxes a {
    height: auto !important;
    transition: .2s padding ease-in-out;
}

.checkboxes a:hover {
    opacity: 1 !important;
}

.checkbox.selected {
    background-color: rgba(0, 0, 0, 0) !important;
    padding-left: 40px !important;
    transition: .2s padding ease-in-out;
    color: #06248c !important;
}

.checkbox:before {
    content: "\2714";
    color: #06248c !important;
    text-shadow: none !important;
    line-height: 20px !important;
    position: absolute !important;
    left: 10px !important;
    opacity: 0;
    transition: .2s opacity ease-in-out;
}

.checkbox.selected:before {
    opacity: 1 !important;
    transition: .2s opacity ease-in-out;
}

.comment,
.comment textarea {
    min-height: 150px;
    padding-top: 6px !important;
    line-height: 1.3 !important;
}

/********************************************* Contact Form 7 */

.wpcf7 div {
    display: inline-block;
    width: 49%;
}


.wpcf7 span {
    max-width: 96%;
    display: inline-block;
}

.wpcf7 .subject,
.wpcf7 .comment {
    width: 96% !important;
}

.wpcf7 .btn-group {
    margin-bottom: 20px !important;
}

/* Normalize all text */

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
    border: none !important;
    font-size: 200%;
    background-color: white;
    display: block !important;
    width: 100%;
    padding: 30px;
}

/* Success Message */

div.wpcf7-mail-sent-ok:before {
    content: "Success";
    background-color: seagreen;
    color: white;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 10px;
}

/* Error Message */

div.wpcf7-validation-errors:before,
div.wpcf7-acceptance-missing:before {
    content: "Attention";
    background-color: darkorange;
    color: white;
    padding: 3px 10px;
    border-radius: 5px;
    margin-right: 10px;
}

/* Field Validation Warnings */

span.wpcf7-not-valid-tip {
    color: firebrick !important;
    font-weight: normal !important;
    display: block !important;
    font-size: 160% !important;
    margin-bottom: -20px !important;
}

.wpcf7-response-output {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

/********************************************* Donate Form */

#donation-form-container {
    background-color: #F6F7F6;
    border-radius: 17px;
    padding: 50px;
}

/* plain fields */

#donation-form-container .billing-address,
#donation-form-container .contact {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

#donation-form-container .email-address,
#donation-form-container .country,
#donation-form-container .street-address,
#donation-form-container .city {
    max-width: 100%;
}

#donation-form-container .billing-address {
    margin-left: 9%;
   	margin-bottom: 9%;
}

#donation-form-container .frequency,
#donation-form-container .start-date {
    max-width: 50%;
    width: 100%;
    display: inline-block;
}

#donation-form-container .frequency,
#donation-form-container .province,
#donation-form-container .state,
#donation-form-container .first-name {
    padding-right: 4%
}

#donation-form-container .btn-group {
    margin-top: -90px;
    padding-right: 0 !important;
}

/* radio buttons */

#donation-form-container .otherAmount {
    max-width: 120px;
}

#donation-form-container .radio,
#donation-form-container .other-amount {
    display: inline-block;
    margin-top: 15px;
}

#donation-form-container .section.donation input[type="radio"] {
    height: 45px;
    width: 100px;
    padding: 0;
    margin: 0;
    opacity: 0.01;
}

#donation-form-container .other-amount {
    margin-top: 35px;
    vertical-align: middle;
}

#donation-form-container .other-amount input {
    border: 2px solid #F0715F;
    border-radius: 20px;
    height: 52px;
    /***/
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: 700 !important;
    color: #F0715F !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}

#donation-form-container .section.donation .radio label {
    position: relative;
    background-color: transparent;
    border: 2px solid #F0715F;
    border-radius: 20px;
    padding: 0px;
    margin: 20px 20px 10px 0;
    cursor: pointer;
    transition: background .1s ease-in-out;
}

#donation-form-container .section.donation .label {
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: 700 !important;
    color: #F0715F;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    /***/
    position: absolute;
    top: 31%;
    left: 25%;
    transition: color .1s ease-in-out;
}

/* recurring */

#donation-form-container .section.recurring {
    max-width: 745px;
    margin-top: 30px;
}

#donation-form-container .checkbox.recurring h3 {
    display: inline-block;
}

#donation-form-container .checkbox.recurring input {
    height: 45px;
    width: 85px;
    padding: 0;
    margin: 0;
    opacity: 0.01;
    cursor: pointer;
}

#donation-form-container .checkbox.recurring label {
    display: inline-block;
    color: #F0715F !important;
    position: relative;
    background-color: transparent;
    border: 2px solid #F0715F;
    border-radius: 20px;
    padding: 0px;
    margin: 17px 0 0 25px;
    cursor: pointer;
    transition: background .1s ease-in-out;
    vertical-align: top;
}

#donation-form-container .checkbox.recurring label .label {
    position: absolute;
    left: 23px;
    top: 13px;
    cursor: pointer;
}

/* designation */

#donation-form-container .custom-fields {
    margin-top: 0 !important;
}

.CustomTransactionField_116736 h3,
.CustomTransactionField_116736 label {
    display: inline-block;
}

#CustomTransactionField_116736 {
    border: 2px solid #06248D;
    display: inline-block;
    width: auto;
    /***/
    font-family: wavehaus-bold, sans-serif !important;
    color: #F0715F !important;
    font-size: 280%;
    line-height: 1.21;
    margin-top: 1em;
    margin-bottom: .5em;
    text-transform: none !important;
    letter-spacing: 0px !important;
}

/* message and amount */

.amount-message {
    margin-top: 120px;
}

.amount-message .amount {
    opacity: .8;
    border: 2px solid #595959;
    border-radius: 7px;
    max-width: 220px;
    padding: 5px 15px;
    margin-bottom: 30px;
}

.amount-message .amount p {
    font-family: wavehaus-bold, sans-serif !important;
    font-size: 280%;
    text-align: right;
    padding: 0;
    margin: 0;
    position: relative;
}

.amount-message .message {
    font-size: 160%;
    line-height: 1.5;
}

.amount-message .amount .dollar {
    position: absolute;
    left: 0;
}

.amount-message .amount .dollar-amount {
    margin-right: 60px;
}

.amount-message .amount .usd {
    position: absolute;
    right: 0;
}

/* checked/selected option */

.donation-form .field.radio.checked label,
.donation-form .field.recurring.checked label {
    background-color: #F0715F !important;
}

.donation-form .field.radio.checked label .label,
.donation-form .field.recurring.checked label .label {
    color: white !important;
}




/******************************************** General Fields */

/* Title & Intro Text */

.title-and-intro {
    max-width: 720px;
    text-align: center !important;
    margin: 0 auto;
}

.title-and-intro .inner {
    text-align: center !important;
}

.title-and-intro li {
    list-style: none;
    display: inline;
    padding: 0 20px;
}

/******************************************** General Layers */

/* Button */

.button-layer {
    max-width: 900px;
    margin: 0 auto;
    text-align: center !important;
    height: 50px;
    margin-top: -50px;
    margin-bottom: 50px;
}

.button-layer .button {
    float: right;
    clear: both;
    margin-top: 0;
}

/* Video layer */

.video-layer p {
    margin: 0 !important;
}

.video-layer .inner {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-layer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* blockquote */

.blockquote-layer blockquote p {
    font-size: 250%;
}

.blockquote-layer blockquote p:before {
    content: "“";
    margin-left: -10px;
}

.blockquote-layer blockquote p:after {
    content: "”";
}

.blockquote-layer cite {
    margin-top: -12px;
    display: block;
}

.blockquote-layer cite p {
    margin: 0 !important;
    padding-left: 3.5em;
    color: #06248c !important;
    font-weight: 700;
    font-size: 180% !important;
}

.blockquote-layer cite p:before {
    content: "—";
}

/* Stat Layer */

.stat-layer h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.number-statistic .h1 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.statistic-row {
    margin: auto;
    text-align: center;
}

.number-statistic,
.icon-statistic {
    max-width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 40px;
}

/* image on right */

.right-image-container {
    margin: auto;
    text-align: center;
}

.left-text {
    max-width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 100px;
    text-align: left;
}

.right-image {
    max-width: 40%;
    display: inline-block;
    vertical-align: middle;
}

.left-image img,
.right-image img {
    border-radius: 17px;
}

/* image on left */

.left-image-container {
    margin: auto;
    text-align: center;
}

.left-image {
    max-width: 57%;
    display: inline-block;
    vertical-align: middle;
}

.right-text {
    max-width: 33%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 100px;
    text-align: left;
}

/* bloomerang form */

.bloomerang-form-layer .btn-group {
    padding-bottom: 100px;
}

/* map layer */

.acf-map {
    width: 100%;
    height: 550px;
    border-radius: 17px;
    margin-top: 20px;
}

/* fixes potential theme css conflict */

.acf-map img {
    max-width: inherit !important;
}

.map-layer p {
    max-width: 70%;
    display: inline-block;
}

.map-layer .button {
    float: right;
    clear: both;
}

/******************************************** Get Involved */

#get-involved {
    padding-top: 100px;
    margin-bottom: -80px;
}

#get-involved .inner {
    text-align: right;
}

#get-involved h2 {
    display: inline-block;
    margin-right: 50px;
}

#get-involved a {
    text-decoration: none;
    border-bottom: 0;
    text-align: center;
}

#get-involved h3 {
    padding: 85px 0px;
    margin-top: 0;
}

.bubble-one,
.bubble-two,
.bubble-three {
    height: 240px;
    width: 240px;
    display: inline-block;
}

.bubble-one {
    background-color: #CDDCEC;
    border-radius: 100% 116% 100% 112%;
    mix-blend-mode: multiply;
}

.bubble-two {
    background-color: #DDDEDD;
    border-radius: 115% 100% 100% 100%;
    margin-left: -15px;
    mix-blend-mode: multiply;
}

.bubble-three {
    background-color: #F2CDBD;
    border-radius: 100% 115% 98% 100%;
    margin-left: -15px;
    mix-blend-mode: multiply;
}

/******************************************** Footer */

#footer {
    background-color: #06248c;
    position: relative;
    z-index: 1;
    clear: both;
    margin-top: 50px;
}

#footer h5,
#footer address,
#footer p,
#footer h3,
#footer a,
#footer a:hover {
    color: white !important;
}

.location {
    display: inline-block;
    width: 24%;
    vertical-align: top;
}

.location:nth-child(3) {
    padding-left: 30px;
}

/* bottom left */

#footer .bottom-left {
    float: left;
    width: 49%;
    margin-top: 80px;
}

.social-media {
    clear: both;
    margin-top: 30px;
}

.social-link {
    font-size: 30px;
    margin-right: 15px;
}

.social-link:last-child {
    margin-right: 0;
}

/* newsletter sign-up */

.newsletter h3 {
    margin-top: 0;
    margin-bottom: .3em;
}

#email-registration-form {
    max-width: 390px;
}

#email-registration-form h3 {
    display: none;
}

#email-registration-form label {
    color: white !important;
    padding-top: 10px;
}

#email-registration-form .field {
    width: 100% !important;
    max-width: 309px !important;
    padding: 0;
}

#email-registration-form .field input {
    border: 2px solid white !important;
    width: 100% !important;
    color: white !important;
}

#email-registration-form .first-name {
    margin-right: 4%;
}

#email-registration-form .first-name,
#email-registration-form .last-name {
    width: 45% !important;
}

#email-registration-form .btn-group {
    /* margin-top: -42px; */
    margin-bottom: 0 !important;
    padding-right: 0;
    padding-bottom: 0 !important;
    float: right;
    /* margin-right: 25px; */
}

#email-registration-form .btn-group:after {
    content: "";
    background-image: url('img/right-arrow.png');
    height: 18px;
    width: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    margin-top: -28px;
    margin-left: 10px;
}

#email-registration-form .btn-group input[type="submit"] {
    width: 90px;
    height: 50px;
    border-radius: 100%;
    color: rgba(f, f, f, f) !important;
    padding: 0 !important;
}

#email-registration-form .consent {
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: 400;
    color: white;
    font-size: 180%;
    padding-top: 20px;
    display: none;
}

/* bottom right */

#footer .bottom-right {
    float: right;
    width: 45%;
    margin-top: 80px;
}

.creds {
    margin-bottom: 30px;
}

.creds a img {
    margin-right: 25px;
}

.creds a:last-child img {
    margin-right: 0;
}

#menu-footer-menu {
    list-style-type: none;
    margin-left: 0;
}

#menu-footer-menu li:first-child {
    padding: 0;
}

#menu-footer-menu li:last-child:after {
    content: '';
    padding-left: 0;
}

#menu-footer-menu li {
    display: inline;
    padding: 0 5px;
}

#menu-footer-menu li:after {
    content: '|';
    color: white;
    padding-left: 5px;
}

#footer .mob-link {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    font-size: 140%;
    opacity: .7;
    text-decoration: none;
}

/********************************************* The Awesomeness */

/********************************************* desktop only */

@media screen and (min-width: 1040px) {
    /******************** Desktop Nav */
    /* auxilliary menu */
    .auxiliary-menu-background {
        background-color: #f0715f;
        padding: 18px 50px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    #menu-auxiliary-menu {
        text-align: right !important;
        max-width: 1244px;
        margin: 0 auto;
    }

    #menu-auxiliary-menu li {
        display: inline;
    }

    #menu-auxiliary-menu a {
        font-family: canada-type-gibson, sans-serif;
        font-weight: 700;
        color: white !important;
        font-size: 150%;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 1px;
        /**/
        transition: .3s opacity ease-in-out;
        padding: 0px 15px;
    }
    
    #navMain {
        max-width: 1244px;
        margin: 0 auto;
    }

    /* main menu */
    #menu-main-menu {
        float: right;
        padding: 65px 10px 0px 0px  !important;
        max-width: 820px !important;
        margin-top: -145px;
    }

    #menu-main-menu li {
        display: inline;
    }

    .home #menu-main-menu a {
        opacity: 0.999999;
    }

    #menu-main-menu a {
        font-family: canada-type-gibson, sans-serif;
        font-weight: 700;
        color: #06248c;
        font-size: 180%;
        line-height: 1;
        /**/
        transition: .3s opacity ease-in-out;
        padding: 0px 15px;
        /**/
        opacity: .7;

    }

    /* current item */
    .home #menu-main-menu li.current-menu-item a {
        background-image: none !important;
    }

    #menu-main-menu li.current-menu-item > a,
    #menu-main-menu li.current_page_parent > a {
        opacity: 0.999999;
        background-image: url(img/current-page.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    #menu-main-menu li.current-menu-item .sub-menu a,
    #menu-main-menu li.current_page_parent .sub-menu a {
        background-image: none;
    }

    #menu-auxiliary-menu li.current-menu-item a,
    #menu-auxiliary-menu li.current_page_parent a {
        opacity: .7;
    }
	
	.single-story #menu-auxiliary-menu li.current_page_parent a {
		opacity: 0.9999 !important;
	}

    /* hover */
    .home #menu-main-menu li:hover a {
        opacity: .7;
    }

    .home #menu-main-menu li:hover .sub-menu a {
        opacity: 0.999999;
    }

    .home #menu-main-menu .sub-menu li:hover a {
        opacity: .7 !important;
    }

    .home #menu-main-menu li .sub-menu {
        background-color: #761d62 !important;
    }

    #menu-main-menu li:hover a {
        opacity: 0.999999;
    }

    #menu-main-menu .sub-menu > li {
        display: block;
    }

    #menu-main-menu li {
        position: relative;
        padding-bottom: 20px;
    }

    #menu-main-menu li .sub-menu {
        display: inline;
        position: absolute !important;
        left: -10000px !important;
        top: auto !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        /***/
        background-color: #06248c;
        border-radius: 17px;
        padding: 10px 20px;
        min-width: 200px;
        /***/
        opacity: .00001;
        transition: .3s opacity ease-in-out;
    }

    #menu-main-menu li:hover .sub-menu {
        position: absolute;
        top: 30px !important;
        left: 0 !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        z-index: 1000 !important;
        opacity: 0.999999;
        transition: .3s opacity ease-in-out;
    }

    #menu-main-menu li .sub-menu li {
        padding: 10px 0;
    }

    #menu-main-menu li .sub-menu li a {
        text-align: left;
        padding: 0 !important;
        opacity: 1 !important;
        color: white !important;
        transition: .3s opacity ease-in-out;
    }

    #menu-main-menu li .sub-menu li:hover a {
        opacity: .7 !important;
        transition: .3s opacity ease-in-out;
    }

    #menu-auxiliary-menu a:hover {
        opacity: .7;
    }
}


/********************************************* 1180 */

@media screen and (max-width: 1180px) {
    #header.wo {
        padding: 0 15px;
    }

    .auxiliary-menu-background {
        padding: 18px 20px;
    }

    #menu-main-menu {
        padding: 65px 10px;
    }

    /******************** Home Page */
    .main-message {
        margin-left: 0;
    }

    .first-layer .image-bubble {
        right: -2px;
    }

    .second-message {
        max-width: 39%;
    }

    .priorities-layer .inner {
        position: relative;
    }

    .priorities-layer a {
        text-align: center;
    }

    .priorities-left {
        max-width: 43%;
        display: block;
        margin-right: 20px;
        float: left;
        margin-top: 550px;
    }

    .bubble-cluster-container {
        position: absolute;
        left: 50%;
        top: 123px;
    }
    .bubble-cluster {
        margin: 0 auto;
        text-align: center;
        width: 494px;
        height: 494px;
        clear: both;
        position: relative;
        left: -50%;
    }

    .priorities-middle-bubble {
        top: 19%;
        left: 20%;
    }

    .priorities-right {
        max-width: 43%;
        display: inline-block;
        margin-left: 20px;
        float: right;
        margin-top: 550px;
    }

    .latest-news {
        clear: both;
    }

    .latest-news .inner {
        padding-top: 75px;
    }

    /******************** General Layers */
    .number-statistic,
    .icon-statistic {
        margin: 0 20px;
        max-width: 28%;
    }

    .right-text {
        margin-left: 50px;
    }

    .left-text {
        margin-right: 50px;
    }

    /******************** Our Stories */
    .story-image-container {
        max-width: 50%;
    }

    .story-excerpt {
        max-width: 43%;
    }

    /******************** Priorities Page */
    .priorities-page .image-bubble img {
        max-width: 450px;
    }

    .priorities-page:nth-child(odd) .content {
        margin-left: 50px;
    }

    .priorities-page:nth-child(even) .content {
        margin-right: 50px;
    }

}

/********************************************* 1090 */

@media screen and (max-width: 1090px) {

    #menu-main-menu a {
        padding: 0px 10px;
    }

    /******************** Home Page */
    .second-message {
        max-width: 35%;
    }

    /******************** News */
    .news-container {
        width: 40%;
        max-width: 100%;
    }

    .news-image-container {
        max-width: 100%;
    }

    .news-image {
        height: 33vw;
        width: 33vw;
    }
    .result-image img{
        height: 33vw;
        width: 33vw;
    }

    .news-container:nth-child(3n + 1),
    .news-container:nth-child(3n + 2),
    .news-container:nth-child(3n + 3) {
        margin-right: 25px;
        margin-left: 25px;
    }



    /******************** Get Involved */
    #get-involved .inner {
        text-align: center;
    }

    #get-involved h2 {
        display: block;
        margin-bottom: 30px;
    }

    /******************** Footer */
    .locations {
        margin: 0 auto !important;
        text-align: center;
    }

    .location {
        width: 34%;
        text-align: left;
    }

    .location:nth-child(3) {
        padding-left: 0;
    }
}

/********************************************* 1040 --- navigation */

@media screen and (max-width: 1040px) {
    /******************** Fixes */
    .title-and-intro {
        margin-top: 90px;
    }

    .first-layer {
        margin-top: 70px;
    }

    .first-layer .image-bubble {
        right: 300px;
        top: 0;
        width: 400px;
        height: 400px;
    }

    .priorities-layer {
        margin-top: 50px;
    }

    .priorities-left,
    .priorities-right {
        max-width: 47%;
    }

    .second-layer {
        margin-top: -25px;
    }

    .second-layer .image-bubble {
        width: 400px;
        height: 400px;
    }

    .second-message {
        max-width: 50%;
        margin-left: 50px;
    }

    #donation-form-container .checkbox.recurring h3 {
        width: 81%;
    }

    /******************** Navigation */
    #header {
        background-color: #06248c;
        margin-top: 0;
        height: 70px;
        position: fixed;
        z-index: 100000;
        top: 0;
        left: 0;
        width: 100%;
    }

    .home #header {
        background-color: #f0715f !important;
    }

    #navMain {
        background-color: #06248c;
        position: absolute;
        top: 80px;
        right: -300px;
        width: 300px;
        height: 100%;
        max-height: 700px;
        border-radius: 17px 0 0 17px;
        padding: 70px 0 0 0;
        /**/
        transition: .3s right ease-out;
        z-index: 10000000;
    }

    #menu-main-menu {
        padding: 0;
    }

    #navMain.open {
        right: 0;
        transition: .3s right ease-out;
    }

    .site-title {
        display: none;
    }

    .site-title.mobile {
        display: inline-block;
        float: left;
        position: static;
        width: 240px !important;
        height: auto !important;
        margin-top: 8px;
        overflow: visible;
    }

    /* main nav */
    .auxiliary-menu-background {
        padding: 0;
    }

    #menu-main-menu {
        margin-top: 20px;
    }

    #menu-main-menu li,
    #menu-auxiliary-menu li {
        padding: 10px 40px;
    }

    #menu-main-menu a,
    #menu-auxiliary-menu a {
        font-family: canada-type-gibson, sans-serif;
        font-weight: 700;
        color: white;
        font-size: 180%;
        line-height: 1;
        padding: 0;
    }

    #menu-auxiliary-menu a {
        color: #f0715f !important;
    }

    #menu-main-menu > li:nth-child(5){
        background-color: #f0715f;
        position: absolute;
        top: 0;
        width: 300px;
        padding: 15px 40px;
        border-radius: 17px 0 0 0;
    }
    #menu-main-menu > li:nth-child(6){
        background-color: #07248b !important;
        position: relative !important;
        top: none !important;
        padding: 10px 40px!important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png');
    	background-size:4px 4px !important;
    	background-repeat: no-repeat;
    	background-position: 0% 0% !important;
    }
    #menu-main-menu li.menu-item-has-children:before {
        content: "";
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-bottom: 2px;
        float: right;
        margin-top: 7px;
        cursor: pointer;
        pointer-events: all;
    }

    #menu-main-menu li.menu-item-has-children.open:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* sub-nav */
    .sub-menu {
        display: none;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sub-menu li {
        padding: 10px 0 !important;
        margin: 0;
    }

    .sub-menu li a {
        color: #B8CEE7 !important;
    }

    #isFront #menu-main-menu .sub-menu li a {
        color: #B8CEE7 !important;
    }

    /* toggle button */
    .menu-toggle {
        float: right;
        margin-right: 50px;
        margin-top: 20px;
    }

    .menuEight {
        width: 35px;
        height: 30px;
        margin: 18px 10px;
        position: relative;
        cursor: pointer;
        display: inline-block;
    }

    .menuEight span {
        background-color: #FFF;
        position: absolute;
        border-radius: 2px;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        width: 100%;
        height: 4px;
    }
    .menuEight span:nth-child(1) {
        top: 0px;
        left: 0px;
    }
    .menuEight span:nth-child(2) {
        top: 13px;
        left: 0px;
    }
    .menuEight span:nth-child(3) {
        bottom: 0px;
        left: 0px;
    }
    .menuEight:not(.clickMenuEight):hover span:nth-child(1) {
        -webkit-scaleX(.8);
        -ms-scaleX(.8);
        transform: scaleX(.8);
    }
    .menuEight:not(.clickMenuEight):hover span:nth-child(2) {
        -webkit-scaleX(.5);
        -ms-scaleX(.5);
        transform: scaleX(.5);
    }
    .menuEight:not(.clickMenuEight):hover span:nth-child(3) {
        -webkit-scaleX(.8);
        -ms-scaleX(.8);
        transform: scaleX(.8);
    }
    .clickMenuEight span:nth-child(1) {
        top: 13PX;

    }
    .clickMenuEight span:nth-child(2) {}
    .clickMenuEight span:nth-child(3) {
        top: 13PX;
    }

    /******************** Our Priorities */
    .priorities-page {
        margin-top: 60px;
    }

    .priorities-page:first-child {
        margin-top: 0;
    }

    .priorities-page .image-bubble {
        display: block;
    }

    .priorities-page:nth-child(odd) .content {
        margin-left: 0;
        margin-top: 0;
        float: none;
    }

    .priorities-page:nth-child(even) .content {
        margin-right: 0;
        margin-top: 0;
        float: none;
    }

    .priorities-page .content {
        width: 100%;
        max-width: 700px;
        padding-top: 40px;
    }


}


/********************************************* 920 */

@media screen and (max-width: 920px) {
    .pv {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .first-layer {
        padding-top: 100px !important;
    }

    .blockquote-layer {
        margin-top: -30px;
    }

    .number-statistic,
    .icon-statistic {
        margin: 0 auto;
        max-width: 350px;
        display: block;
        margin-bottom: 60px;
    }

    /******************** Home Page */
    .second-layer {
        margin-top: 50px;
    }

    .second-layer .image-bubble {
        display: none;
    }

    .second-message {
        max-width: 68%
    }

    .latest-news-image-container {
        max-width: 100%;
        display: block;
    }

    .latest-news-blurb {
        max-width: 100%;
        margin-top: 50px;
        margin-left: 0;
    }

    /******************** Staff/Grid */
    .grid-item {
        width: 26vw;
    }

    .grid-image {
        height: 26vw;
        width: 26vw;
    }

    .has-bio .bio-hover-bg {
        height: 25.99999vw;
        width: 25.99999vw;
        margin-top: -26vw;
    }

    /* old four column*/
    .grid-item:nth-child(4n + 1) {
        margin-right: 0;
    }

    .grid-item:nth-child(4n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .grid-item:nth-child(4n + 3) {
        margin-left: 0;
        margin-right: 0;
    }

    .grid-item:nth-child(4n + 4) {
        margin-left: 0;
    }

    /* new three-column */
    .grid-item:nth-child(3n + 1) {
        margin-right: 10px;
    }

    .grid-item:nth-child(3n + 2) {
        margin-left: 10px;
        margin-right: 10px;
    }

    .grid-item:nth-child(3n + 3) {
        margin-left: 10px;
        margin-right: 0;
    }



    /******************** General Layers */
    .blockquote-layer blockquote p {
        margin: 0 !important;
    }

    .blockquote-layer cite p {
        padding-top: 20px;
    }

    .button-layer {
        margin-top: -20px;
    }

    .image-text-layer .button {
        float: right;
    }

    .right-image-container {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-direction: column;
    }

    .left-image,
    .right-image {
        max-width: 100%;
    }

    .right-text {
        max-width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }

    .left-text {
        max-width: 100%;
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2;
        /* OLD - Firefox 19- */
        -ms-flex-order: 2;
        /* TWEENER - IE 10 */
        -webkit-order: 2;
        /* NEW - Chrome */
        order: 2;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }

    .right-image {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-bottom: 40px;
    }

    #get-involved {
        padding-top: 100px !important;
    }

    #get-involved.wo {
        padding: 0 0;
    }

    .post-date {
        padding-bottom: 20px;
    }


    /******************** Our Stories */
    .story-image-container {
        max-width: 100%;
    }

    .story-excerpt {
        max-width: 100%;
    }

    .story-image {
        width: 1000px;
    }

    .story-container:nth-child(odd) .story-excerpt {
        margin-left: 0;
        float: none;
        padding-top: 50px;
    }

    .story-container:nth-child(even) .story-excerpt {
        margin-right: 0;
        float: none;
    }


    /******************** Footer */
    #footer .bottom-left,
    #footer .bottom-right {
        width: 100%;
        float: none;
        margin: auto;
        display: inline-block;
        text-align: center;
        padding-top: 80px;
    }

    #footer {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #email-registration-form {
        margin: auto;
    }

    #email-registration-form label {
        text-align: left;
    }

    #email-registration-form .field.email-address {
        margin-left: -60px;
    }

    #email-registration-form .btn-group {
        margin-right: 15px;
    }


}

/********************************************* 800 */

@media screen and (max-width: 800px) {
    .wo {
        padding: 0 30px;
    }

    .pv {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .title-and-intro {
        margin-top: 120px;
        margin-bottom: 50px;
    }

    /******************** Home Page */
    .first-layer .inner {
        height: 500px;
    }

    .first-layer .image-bubble {
        top: 250px;
        position: relative !important;
    }

    .main-message {
        max-width: 598px;
    }

    .first-layer .image-bubble {
        left: 50%;
        right: 0;
        width: 300px;
        height: 300px;
    }

    .first-layer .image-bubble img {
        left: -50%;
        top: 200px;
        position: relative;
    }

    .priorities-left {
        max-width: 100%;
        margin-top: 500px;
        margin-right: 0;
    }

    .priorities-right {
        max-width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .priorities-top-left,
    .priorities-top-right {
        margin-bottom: 30px;
    }

    .priorities-top-left-bubble,
    .priorities-top-right-bubble,
    .priorities-bottom-left-bubble,
    .priorities-bottom-right-bubble {
        width: 230px;
        height: 230px;
    }

    .priorities-middle-bubble {
        height: 230px;
        width: 230px;
        top: 17%;
        left: 27%;
    }

    .priorities-middle-bubble h2 {
        text-align: center;
        padding: 98px 0;
        font-size: 278% !important;
        margin-top: 0;
    }

    /******************** News */
    .news-image-container {
        display: block;
    }

    .news-container {
        width: 93%;
    }

    .news-image {
        height: 73vw;
        width: 80vw;
        max-height: 400px;
        max-width: 600px;
    }
    #search-filter-results-5099 .result-image img{
        height: 73vw;
        width: 80vw;
        max-height: 300px;
        max-width: 300px;
    }
     .result-image img{
        height: 73vw;
        width: 80vw;
        max-height: 300px;
        max-width: 300px;
    }
    .news-excerpt {
        max-width: 600px;
        text-align: left;
        margin: auto;
    }

    /******************** General Layers */
    .button-layer {
        margin-top: 0;
    }

    /******************** Donate */
    #donation-form-container {
        padding-bottom: 130px;
    }

    .donation-form {
        position: relative;
    }

    #donation-form-container .billing-address,
    #donation-form-container .contact {
        width: 100%;
    }

    #donation-form-container .billing-address {
        margin: 0;
        padding-bottom: 260px;
    }

    .amount-message {
        position: absolute;
        bottom: 0;
    }

    #donation-form-container .btn-group {
        margin-top: 0;
    }

    #donation-form-container .checkbox.recurring h3 {
        width: 65%;

    }

    #donation-form-container .checkbox.recurring label {
        vertical-align: bottom;
    }


    /******************** Footer */
    .location {
        width: 47%;
    }

    .news-page {
        padding-top: 50px;
    }

}

/********************************************* 710 */

@media screen and (max-width: 710px) {
    #get-involved h2 {
        margin-bottom: 220px;
        margin-right: 0;
    }

    .bubble-three {
        margin: -430px auto 250px auto;
        display: block;
    }

    /***************** grid/staff */
    .grid-item {
        width: 40vw;
    }

    .grid-image {
        height: 40vw;
        width: 40vw;
    }

    .has-bio .bio-hover-bg {
        height: 39.99999vw;
        width: 39.99999vw;
        margin-top: -39vw;
    }

    /* old three-column */
    .grid-item:nth-child(3n + 1) {
        margin-right: 0;
    }

    .grid-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .grid-item:nth-child(3n + 3) {
        margin-left: 0;
        margin-right: 0;
    }

    /* new two column */
    .grid-item:nth-child(2n + 1) {
        margin-right: 10px;
        margin-left: 0;
    }

    .grid-item:nth-child(2n + 2) {
        margin-left: 10px;
    }
}

/********************************************* 680 */

@media screen and (max-width: 680px) {
    /******************** General Layers */
    .map-layer p {
        max-width: 100%;
    }

    .map-layer .button {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #isSingle p img {
        display: block;
        width: 100%;
        float: none;
        max-width: 100%;
        margin: 30px 0;
    }

    /******************** Home Page */
}

/********************************************* 550 */

@media screen and (max-width: 550px) {
    .wo {
        padding: 0 20px;
    }

    .pv {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sType p,
    .sType li,
    address,
    .wpcf7-response-output,
    .wpcf7-not-valid-tip {
        font-size: 180%;
    }

    .sType h6,
    .h6 {
        font-size: 200% !important;
    }

    .h6 p {
        font-size: 100% !Important;
    }

    .title-and-intro {
        margin-top: 80px;
        margin-bottom: 0;
    }

    .title-and-intro .inner {
        text-align: left !important;
    }

    .title-and-intro p {
        margin-bottom: 40px;
    }

    .sType h1,
    p.h1 {
        font-size: 480%;
    }


    /******************** Home Page */
    .main-message h1 {
        padding-top: 0;
        font-size: 200% !important;
        max-width: 300px !important;
    }

    .second-message {
        margin-left: 0;
        max-width: 100%;
    }

    .bubble-cluster-container {
        top: 161px;
    }

    .bubble-cluster {
        width: 300px;
        height: 300px;
    }

    .priorities-top-left-bubble,
    .priorities-top-right-bubble,
    .priorities-bottom-left-bubble,
    .priorities-bottom-right-bubble {
        width: 150px;
        height: 150px;
    }

    .priorities-middle-bubble {
        height: 150px;
        width: 150px;
        top: 15%;
        left: 25%;
    }

    .priorities-middle-bubble h2 {
        padding: 65px 0;
        font-size: 160% !important;
    }

    .priorities-left {
        margin-top: 330px;
    }

    /******************** Form Stuff */
    .wpcf7 div,
    .wpcf7 .subject,
    .wpcf7 .comment {
        width: 100% !important;
    }

    .wpcf7 span {
        max-width: 100% !important;
    }

    .btn-group {
        margin-top: 20px;
    }

    .interaction-form .field input,
    .interaction-form .field select,
    .interaction-form .field textarea {
        width: 100%;
    }

    .first-name,
    .last-name,
    .country,
    .street-address,
    .city,
    .state,
    .zip-code,
    .phone-number,
    .email-address,
    .province,
    .postal-code {
        max-width: 100%;
    }

    .donate-form.wo {
        padding: 0 5px;
    }

    #donation-form-container {
        padding: 30px;
        padding-bottom: 120px;
    }

    #donation-form-container .checkbox.recurring h3 {
        width: 100%;
    }

    #donation-form-container .checkbox.recurring label {
        margin: 30px 0 0 0;
    }

    #donation-form-container .frequency,
    #donation-form-container .start-date {
        max-width: 100%;
    }

    #donation-form-container .frequency,
    #donation-form-container .province,
    #donation-form-container .state,
    #donation-form-container .first-name {
        padding-right: 0;
    }

    #donation-form-container .billing-address {
        margin-bottom: 70px;
    }

    /******************** News */
    .news-container {
        width: 100%;
    }

    .news-container:nth-child(3n + 1),
    .news-container:nth-child(3n + 2),
    .news-container:nth-child(3n + 3) {
        margin-right: 0;
        margin-left: 0;
    }

    .news-image {
        width: calc(100vw - 60px);
    }
    .result-image img{
        width: calc(100vw - 60px);
    }

    /******************** General Layers */
    blockquote,
    .sType blockquote p {
        padding-left: 0;
    }

    .blockquote-layer cite p {
        padding-left: 0;
    }

    .button-layer {
        margin-top: 20px;
    }

    .acf-map {
        height: 450px;
    }

    #get-involved h3 {
        padding: 74px 0;
        font-size: 246%;
        line-height: 1;
    }

    .bubble-one,
    .bubble-two,
    .bubble-three {
        height: 200px;
        width: 200px;
    }

    #get-involved h2 {
        margin-bottom: 190px;
        margin-right: 0;
    }

    .bubble-three {
        margin: -360px auto 230px auto;
    }

    .priorities-page .image-bubble img {
        max-width: 350px;
    }

    .has-bio .bio {
        padding: 20px 35px;
    }

    .has-bio .bio-inner {
        height: 280px;
    }

    /******************** Footer */
    .location {
        width: 100%;
        margin-left: 10%;
    }
}

/********************************************* 460 */

@media screen and (max-width: 460px) {
    /******************** Nav */
    #header {
        height: 63px
    }

    #navMain {
        top: 68px;
        padding: 30px 0;
        z-index: 1000000000;
    }

    #navMain a {
        font-size: 170%;
    }

    .auxiliary-menu-background {
        padding-top: 40px;
    }

    #menu-auxiliary-menu {
        margin-left: 20px;
    }

    #menu-auxiliary-menu li {
        padding: 10px;
        display: inline;
    }

    #menu-main-menu li {
        padding: 8px 30px;
    }

    .sub-menu li {
        padding: 8px 0 !important;
    }

    #menu-main-menu > li:nth-child(6) {
        padding: 15px 30px;
    }

    .site-title.mobile {
        width: 200px !important;
    }

    .menuEight {
        height: 25px;
    }

    .clickMenuEight span:nth-child(1),
    .menuEight span:nth-child(2),
    .clickMenuEight span:nth-child(3) {
        top: 10px;
    }

    /******************** Footer Form */
    #email-registration-form .field {
        max-width: 100% !important;
    }

    #email-registration-form .first-name,
    #email-registration-form .last-name {
        width: 100% !important;
    }

    #email-registration-form .field.email-address {
        margin-left: -60px;
        width: calc(100% - 60px) !important;
    }

    #email-registration-form .btn-group {
        margin-right: 0;
    }

    /******************** Typography */
    .sType h1,
    p.h1 {
        font-size: 420%;
    }

    .sType h2,
    .h2 {
        font-size: 380%;
    }

    h3.h2 {
        font-size: 380% !important;
    }
}

/********************************************* 405 */

@media screen and (max-width: 410px) {

    /******************** Home */
    .first-layer {
        margin-top: 50px;
    }

    .first-layer .inner {
        height: 400px;
    }

    .first-layer .image-bubble {
        width: 400px;
        height: 400px;
        left: 50%;
        top: 560px;
    }
    #get-involved h2 {
        margin-bottom: 50px;
    }

    .bubble-one,
    .bubble-two,
    .bubble-three {
        display: block;
        margin: 0;
    }

    .bubble-one {
        margin-bottom: -70px;
    }

    .bubble-two {
        margin-left: calc(100% - 200px);
    }

    .bubble-three {
        margin-top: -70px;
    }

    /******************** Layers */
    /* old two column */
    .grid-item:nth-child(2n + 1) {
        margin-right: 0;
    }

    .grid-item:nth-child(2n + 2) {
        margin-left: 0;
    }

    .grid-item {
        width: 100vw;
        max-width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .grid-image {
        height: 100vw;
        width: 100vw;
        max-width: 100%;
    }


    .has-bio .bio-hover-bg {
        height: 99.99999vw;
        width: 99.99999vw;
        margin-top: -99vw;
    }
}

/********************************************* 388 */

@media screen and (max-width: 388px) {


    .latest-news-image {
        height: 90vw;
        width: 90vw;
    }

    .priorities-page .image-bubble img {
        max-width: 300px;
    }
}


.spreedly-background{
 width: max-content; 
}

/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0px !important;
  background: none;
  border: none;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 500px !important;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-nav-prev{
  font-size: 0px !important;
  line-height: 0 !important;
}
.flex-nav-next{
  font-size: 0px !important;
  line-height: 0 !important;
}
.flex-direction-nav a {
  line-height: 40px;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 0;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: 10px;
}
.flex-direction-nav .flex-next {
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(255, 255, 255, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
#search-filter-results-5099 {
    padding-left: none !important;
    padding-right: none  !important;
   }
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* ====================================================================================================================
 * RESPONSIVE SCREEN SIZES
 * ====================================================================================================================*/
@media screen and (max-width: 1180px) {
	.main-message {
        margin-left: 35px !important;
        max-width: 730px;
    }
	.first-layer .inner {
    	min-height: 435px;
    	max-width: 1040px;
        margin-left: 0 !important;
	}
	.main-message h1 {
    	font-size: 270% !important;
	}
	.main-message a {
    	font-size: 100% !important;
	}
	.first-layer .image-bubble {
    	width: 500px;
    	height: 500px;
    	top: -320px !important;
    	right: 50px !important;
	}
    .first-layer .image-bubble {
        right: 0px;
    }
    .flex-direction-nav a:before {
  		font-size: 40px;
	}
	.flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flex-direction-nav .flex-next {
  		right: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
  		right: -1px;
	}
}
@media screen and (max-width: 1040px) {
     .first-layer {
        margin-top: 70px;
    }
    .main-message {
        margin-left: 35px !important;
        max-width: 630px;
    }
	.first-layer .inner {
    	min-height: 435px;
    	max-width: 920px;
        margin-left: 0 !important;
	}
	.main-message h1 {
    	font-size: 270% !important;
	}
	.main-message a {
    	font-size: 100% !important;
	}
    .first-layer .image-bubble {
        right: 0px;
    }
    .first-layer .image-bubble {
      	right: 300px;
        top: -200px !important;
        width: 400px;
        height: 400px;
    }
     .flex-control-nav{
        width: 100% !important;
         max-width: 1040px !important;
       	left: 400px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;   
    }
    .flex-direction-nav a:before {
  		font-size: 40px;
	}
	.flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flex-direction-nav .flex-next {
  		right: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
  		right: -1px;
	}
    .theme-3861 {
    height: 100% !important;
}
.theme-3861 button{
    top: 0 !important;
	right: 0 !important;
}
.popup-search{
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    vertical-align: middle !important;
    height: 100vh !important;
    margin-top: 0 !important;
}
.popup-search form{
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    vertical-align: middle !important;
}
}
@media screen and (max-width: 920px) {
        .first-layer {
        padding-top: 50px !important;
    }
        .first-layer .image-bubble {
      	right: 500px;
        top: -200px !important;
        width: 400px;
        height: 400px;
    }
    .flex-control-nav{
        width: 100% !important;
         max-width: 920px !important;
        left: 300px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
   }
    .first-layer {
        margin-top: 70px;
    }
    .main-message {
        margin-left: 35px !important;
        max-width: 530px;
    }
	.first-layer .inner {
    	min-height: 435px;
    	max-width: 800px;
        margin-left: 0 !important;
	}
	.main-message h1 {
    	font-size: 270% !important;
	}
	.main-message a {
    	font-size: 100% !important;
	}
    .first-layer .image-bubble {
        right: 0px;
    }
    .first-layer .image-bubble {
      	right: 300px;
        top: -200px !important;
        width: 400px;
        height: 400px;
    }
     .flex-control-nav{
        width: 100% !important;
         max-width: 1040px !important;
       	left: 400px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;   
    }
    .flex-direction-nav a:before {
  		font-size: 40px;
	}
	.flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flex-direction-nav .flex-next {
  		right: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
  		right: -1px;
	}
}
@media screen and (max-width: 800px) {
    .first-layer {
        margin-top: 70px;
    }
    .main-message {
        margin-left: 35px !important;
        max-width: 400px;
    }
	.first-layer .inner {
    	min-height: 500px;
    	max-width: 550px;
        margin-left: 0 !important;
	} 
    .first-layer .image-bubble img {
        left: -95% !important;
        position: relative;
    }
	.main-message h1 {
    	font-size: 250% !important;
	}
	.main-message a {
    	font-size: 100% !important;
	}
    .first-layer .image-bubble {
      right: 100px !important;
      top: -450px !important;
      width: 340px;
      height: 340px;
  	}
    
     .flex-control-nav{
        width: 100% !important;
         max-width: 1040px !important;
       	left: 400px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;   
    }
    .flex-direction-nav a:before {
  		font-size: 40px;
	}
	.flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flex-direction-nav .flex-next {
  		right: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
  		left: -1px;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
  		right: -1px;
	}
    .flex-control-nav{
        width: auto !important;
        text-align: center !important;
   }
    .flex-control-nav{
       	max-width: 800px !important;
        left: 300px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
   }

}

@media screen and (max-width: 550px) {
	.first-layer .inner {
    	min-height: 550px !important;
    	max-width: 410px;
        margin-left: 0 !important;
	} 
    .flex-viewport {
         max-height: 540px !important;
    }
        .first-layer .image-bubble {
        width: 300px;
        height: 300px;
        left: 65% !important;
        top: -250px !important;
        right: 10px !important;
        position: relative;
    	}
    	.main-message {
        	max-width: 330px;
        	margin-left: 35px !important;
        	font-size: 80% !important;
    	}
        .main-message h1{
        	padding-top: 0;
			padding-bottom: 5px !important;
    	}
    	.main-message a {
        margin-top: 0px !important;
    }

    .flex-control-nav{
       	max-width: 550px !important;
        left: 170px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
   }
}
@media screen and (max-width: 410px) {
    .first-layer .inner {
    	min-height: 550px !important;
    	max-width: 350px;
        margin-left: 0 !important;
	} 
    .flex-viewport {
         max-height: 540px !important;
    }
    .first-layer {
        margin-top: 50px;
    }

    .first-layer .inner {
        height: 550px !important;
    }

    .first-layer .image-bubble {
        width: 300px;
        height: 300px;
        left: 80% !important;
        top: -250px !important;
        right: 1px !important;
        position: relative;
    }
    .main-message {
        max-width: 300px;
        font-size: 80% !important;
    }
    .main-message h1{
	padding-bottom: 5px !important;
    }
    .main-message a {
        margin-top: 0px !important;
    }
    .flex-control-nav{
        max-width: 410px !important;
        left: 120px !important;
        text-align: left !important;
        padding-bottom: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
   }
}
/********************************************* Search */

.sf-field-search{
    padding: 30 !important;
    font-size: 80% !important;
    vertical-align: bottom !important;

}
.sf-field-category{
    font-size: 80% !important;
}
.sf-field-post-meta-tag {
    font-size: 80% !important;
} 
.sf-field-search input{
    background-color: #eaebe9 !important;
   	background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-grey.png');
    background-size:30px 30px !important;
	background-repeat: no-repeat;
    border-radius: 50px 0px 0px 50px !important;
    background-position: 95% 50% !important;
    padding: 0px !important;
    border: none !important; 
    font-size: 150% !important;
}
.sf-field-post-meta-tag label{
    font-size: 150% !important;
}
.sf-field-category label{
    font-size: 150% !important;
}
.sf-input-text{
    display: inline-block !important;

}
.categories .sf-input-text{
    font-size: 110% !important;
}
.searchandfilter ul li{
    display: inline-block  !important;
}
.searchandfilter li{
    padding: 0px;
}
.searchandfilter .sf-field-submit input{
       border: none !important;
    color: white !important;
    font-size: 100% !important;
    font-family: wavehaus-x-bold, sans-serif !important;
    letter-spacing: 1px;
    background-color: #f0715f !important;
    text-transform: uppercase !important;
    padding: 12px 18px !important;
    margin-top: 0px;
    border-radius: 50px !important;
    -webkit-border-radius: 20px;
    transition: .5s all ease-in-out;;
}
.search-page .sf-field-reset{
    display: none !important;
}
.searching-page .sf-field-reset{
    display: none !important;
}
.blog-filter .sf-field-reset{
    display: none !important;
}
._sf_submit:before, ._sf_submit:after, .sf-field-submit input:before,
.sf-field-submit input:after {
    display: none !important;
    height: 0%;
    background-color: #D36057 !important;
    /*hover color*/
    z-index: -1;
    -webkit-transform: translate3D(0, -100%, 0) !important;
    -ms-transform: translate3D(0, -100%, 0) !important;
    transform: translate3D(0, -100%, 0) !important;
    transition: all .5s;
}

.sf-field-submit input:before {
    background-color: #f0715f;
    z-index: -2;
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
}

.sf-field-submit input:after {
    top: 0;
    z-index: -1;
    -webkit-transform: translate3D(-101%, 0, 0);
    -ms-transform: translate3D(-101%, 0, 0);
    transform: translate3D(-101%, 0, 0);
}

.sf-field-submit input:hover:after {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    transition: all .5s;
    border-radius: 20px;
}
.sf-field-submit input:hover {
    cursor: pointer;
    opacity: 1 !important;
    background-color: #D36057 !important;
}

.search-filter-results {
    display: inline-block !important;
    margin-top: 2% !important;
}
.found{
    font-size: 1.5em !important;
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: bold !important;
    padding-bottom: 10px !important;
}
.search-filter-results h2 a {
    font-size: 100% !important;
}

.result-each{
    display: flex !important;
    flex: 1 !important;
    justify-content: center !important;
    padding-bottom: 5% !important;
}
.result-image{
    max-width: 40% !important;
        margin-right: 2em !important;
}
#search-filter-results-5099 .result-image img{
    height: 27vw;
    max-height: 300px;
    width: 27vw;
    max-width: 300px;
}
.result-image img{
    height: 27vw;
    max-height: 300px;
    width: 27vw;
    max-width: 300px;
    border-radius: 17px;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
.result-text{
    display: inline-block  !important;
    margin-left: 1em !important;
    flex: 100px !important;
}
.result-text p{
    font-size: 2em;
    margin-top: 10px;
}
/* .result-text h2{
    font-size: 2.5em !important;
} */
.result-text a{
    text-decoration: none !important;
}
.excerpt{
    margin: 0 !important;
}
.results-meta{
    display: flex !important;
    position: relative !important;
    justify-content: space-between !important;
    right: 0 !important;
}
.results-meta p {
    display: inline-flex !important;
    justify-content: space-between !important;
}
.post-categories li{
    display: inline-flex !important;
    list-style: none !important;
    margin: 0 !important;
    margin-left: -1em !important;
    margin-right: 0 !important;
    padding: 5px !important;
    padding-right: 10px !important;
        padding-left: 10px !important;
    font-size: 1.5em !important;
    justify-content: right !important;
    background: #781a63 !important;
}
.post-categories a{
    color: white !important;
}
.date {
    padding: 5px !important;
        margin: 0 !important;
    font-size: 1.5em !important;
    vertical-align: bottom !important;
}
.page-numbers{
    font-size: 1.5em !important;
}
.pagination{
    display: none !important;
        font-family: canada-type-gibson, sans-serif !important;
    text-decoration: none !important;
    justify-content: space-between !important;
}
.nav-previous{
    font-size: 1.5em !important;
    display: flex !important;
        font-weight: bold !important;
    justify-content: space-between !important;
        font-family: canada-type-gibson, sans-serif !important;
    text-decoration: none !important;
}
.nav-next{
    font-family: canada-type-gibson, sans-serif !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 1.5em !important;
    display: flex !important;
    justify-content: space-between !important;
}
.nav-next a{
        text-decoration: none !important;
}
.nav-previous a{
        text-decoration: none !important;
}

.popup-search{
    display: flex !important;
    margin-top: 8% !important;
    vertical-align: middle !important;
    justify-content: center !important;
    text-align: center !important;
}
.popup-search .sf-field-search{
    display: flex !important;
    flex-direction: column !important;
        width: 100% !important;

}
.popup-search .sf-field-search h4{
    display: none !important;
    margin: 0px;
    vertical-align: bottom !important;
}
.popup-search .sf-field-submit{
       display: inline-block !important;
}
.popup-search .sf-field-reset{
           display: inline-block !important;
}
.popup-search .sf-field-submit input{
     border: none !important;
    color: #07248b !important;
    font-size: 100% !important;
    font-family: wavehaus-x-bold, sans-serif !important;
    letter-spacing: 1px;
    background-color: #eaebe9 !important;
    text-transform: uppercase !important;
    padding: 12px 18px !important;
    margin-top: 0px;
    border-radius: 50px !important;
    -webkit-border-radius: 20px;
    transition: .5s all ease-in-out;;
}
.popup-search .sf-field-reset input{
     border: none !important;
    color: #07248b !important;
    font-size: 100% !important;
    font-family: wavehaus-x-bold, sans-serif !important;
    letter-spacing: 1px;
    background-color: #eaebe9 !important;
    text-transform: uppercase !important;
    padding: 12px 18px !important;
    margin-top: 0px;
    border-radius: 50px !important;
    -webkit-border-radius: 20px;
    transition: .5s all ease-in-out;;
    }
.popup-search label .sf-input-text{
    vertical-align: bottom !important;
}
.popup-search li{
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.popup-search ul{
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
} 
.popup-search .sf-input-text{
    font-size: 1em !important;
    width: 100% !important;
}
.popup-search .sf-input-text{
    font-size: 1em !important;
    width: 100% !important;
}
.popup-search .sf-input-select{
    font-size: 1em !important;
}
.popup-search .sf-field-category{
    display: none !important;
}
.popup-search .sf-field-post-meta-tag{
    display: none !important;
}
 
.sf-field-category .sf-input-select{
        background-color: #eaebe9 !important;
		border: none !important;
        border-radius: 50px !important;
		background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-down-arrow.png');
   		background-size:35px 35px !important;
		background-repeat: no-repeat;
		padding-left: 30px;  /* width of the image plus a little extra padding */
		display: block;  
}
.sf-field-post-meta-tag .sf-input-select{
   background-color: #eaebe9 !important;
		border: none !important;
        border-radius: 50px !important;
		background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-down-arrow.png');
   		background-size:35px 35px !important;
		background-repeat: no-repeat;
		padding-left: 30px;  /* width of the image plus a little extra padding */
		display: block;  
}
.search-page{
     width: 90vw;
  	position: relative;
  	left: calc(-50vw + 50%);
    display: flex !important;
    flex-direction: row-reverse !important;
}
.searching-page{
    width: auto;
  display: flex !important;
  flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.searching-page form{
  flex-direction: column !important;
        align-items: center !important;
    justify-content: center !important;

} 
.searching-page form ul{
        align-items: center !important;
    justify-content: center !important;

}  
.searching-page form li{
  flex-direction: column !important;
    padding: 5px !important;
        align-items: center !important;
    justify-content: center !important;

}  
.search-filter-results{
    padding-right: 5% !important;
        padding-left: 5% !important;
    margin-top: 0px !important;
}
.searchandfilter ul{
	margin-left: 0em !important;
    margin-right: 2em !important;
    padding-right: 10px !important;
    padding-left:  10px !important;
}
.search-page .searchandfilter{
    max-width: 50% !important;
}
.searching-page .searchandfilter{
    max-width: 100% !important;
}
.blog-filter .searchandfilter{
    max-width: 50% !important;
}
.sf-field-search input{
    border-radius: 50px 50px 50px 50px!important;
}

.search-filter-results .noresults{
    color: #06248c !important;
    font-weight: bold !important;
}
.blog-filter{
    display: flex;
        flex-direction: row-reverse !important;
}
.categories{
        margin: 0px !important;

}
.categories .searchandfilter{
    margin-right: 0 !important;
    text-align: left !important;
	width: 100% !important;
    max-width: 100% !important;
}
.categories .searchandfilter ul{
    margin: 0px !important;
	width: 100% !important;
}

#isFront .search-magnifying{
    background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png');
    background-size:20px 20px !important;
    background-repeat: no-repeat;
    padding: 6px 10px 4px 0px !important;
    background-position: 100% -80% !important;
}
#isFront .search-magnifying:hover{
    background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-extralightblue.png');
    background-size:20px 20px !important;
    background-repeat: no-repeat;
    padding: 6px 10px 4px 0px !important;
    background-position: 100% -80% !important;
}
.search-magnifying{
    background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-lightblue.png');
    background-size:20px 20px !important;
    background-repeat: no-repeat;
    padding: 6px 10px 4px 0px !important;
    background-position: 100% -80% !important;
}
.search-magnifying:hover{
    background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-darkblue.png');
    background-size:20px 20px !important;
    background-repeat: no-repeat;
    padding: 6px 10px 4px 0px !important;
    background-position: 100% -80% !important;
}
.tag{
    padding: 5px !important;
    margin: 0 !important;
    font-size: 1.5em !important;
    vertical-align: bottom !important;
        font-weight: bold !important;
}
.blog-filter{
    display: flex;
        flex-direction: row-reverse !important;
}
.categories{
        margin: 0px !important;
}
.categories .searchandfilter{
    margin-right: 0 !important;
    text-align: left !important;
	width: 100% !important;
    max-width: 100% !important;
}
.categories .searchandfilter ul{
    margin: 0px !important;
	width: 100% !important;
}
.categories{
    max-width: 30% !important;
}
.news-result-each{
    display: flex !important;
    flex: 1 !important;
    justify-content: center !important;
    padding-bottom: 5% !important;
}

 .news-result-image{
     display: flex  !important;
    max-width: 40% !important;
        margin-right: 2em !important;
}
.news-image-each{
    height: 330px  !important;
    width: 330px !important;
    border-radius: 17px;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-position: center !important;
    display: inline-block;
}

 .news-results-text{
display: inline-block !important;
     text-align: left !important;
}
.news-results-text h2 a{
text-decoration: none !important;
}
.news-results-top{
    display: flex !important;
    position: relative !important;
    justify-content: space-between !important;
    right: 0 !important;
}
.news-results-top p {
    display: inline-flex !important;
    justify-content: space-between !important;
}
    .news-date {
        padding-top: 5px !important;
                padding-bottom: 5px !important;
            margin: 0 !important;
        font-size: 1.5em !important;
        vertical-align: bottom !important;
    }
     .news-tag{
        padding: 5px !important;
        margin: 0 !important;
        font-size: 1.5em !important;
        font-weight: bold !important;
        vertical-align: bottom !important;
     }

   .post-categories a{
    text-decoration: none !important;
}

.news-tag{
    padding-left: 0px !important;    
}
.posts-blog{
    padding-right: 5em !important;
}
.blog-filter .categories .sf-input-text {
    font-size: 130% !important;
}
.sf-field-reset a{
    text-decoration: none !important;
    text-transform: uppercase;
    font-family: wavehaus-x-bold, sans-serif;
    line-height: 1.26;
    font-size: 90%;
    
}
.post-categories li{
    margin-right: 20px !important;
}
@media screen and (max-width: 410px) {
    .search-page{
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        display: flex !important;
        flex-direction: column !important;
    }
    .news-image {
        height: 73vw !important;
        width: 80vw !important;   
    }
    .result-image img{
        height: 73vw !important;
        width: 80vw !important;   
    }
    .search-filter-results{
        padding-right: 5% !important;
        padding-left: 5% !important;
        margin-top: 0px !important;
    }
    .result-each{
        display: flex !important;
        flex-direction: column !important;
    }
     .result-image{
        width: 100% !important;
        height: auto !important;
    }
  
    .results-left {
        padding-left: 0px !important;
    }
    .tag{
        padding-left: 0px !important;
    }
    .date{
        padding-left: 0px !important;
    }
    .searchandfilter{
        max-width: 100% !important;
            padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .searchandfilter ul{
        padding: 0 !important;
        margin: 0 !important;
    }
    .blog-filter{
        display: flex !important;
            flex-direction: column !important;
    }
    .categories .searchandfilter{
        margin-right: 0 !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .categories .searchandfilter ul{
        margin: 0px !important;
        width: 100% !important;
    }
    .categories{
        max-width: 100% !important;
        padding: 5% !important;
    }

    .theme-3861 {
    	height: 100% !important;
	}
	.theme-3861 button{
   		top: 0 !important;
		right: 0 !important;
	}
	.popup-search{
    	display: flex !important;
    	align-items: center !important;
    	text-align: center !important;
    	vertical-align: middle !important;
    	height: 100vh !important;
    	margin-top: 0 !important;
	}
	.popup-search form{
    	display: flex !important;
    	align-items: center !important;
    	text-align: center !important;
    	vertical-align: middle !important;
	}
    #menu-main-menu > li:nth-child(7){
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 8px 30px !important;
    	background-position: 30% 50% !important;
    }
    #menu-main-menu > li:nth-child(7):hover{
        padding: 8px 30px !important;
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 8px 30px !important;
    	background-position: 30% 50% !important;
	}
     .blog-filter{
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        display: flex !important;
        flex-direction: column !important;
    }
    .posts-blog{
        padding-right: 5% !important;
        padding-left: 5% !important;
        margin-top: 0px !important;
    }
    .news-result-each{
        display: flex !important;
        flex-direction: column !important;
    }
    .news-result-image{
        width: 100% !important;
    }.catgeories form ul{
                padding-left: 0% !important;
    }
    .categories form{
             padding-left: 0% !important;
    }
 .blog-filter .sf-field-submit{
            padding-left: 0% !important;
		width: 100% !important;
        padding-right: 5% !important;
    }
    .popup-search{
    	display: flex !important;
        flex-direction: column !important;
	}
    .popup-search form{
    	display: flex !important;
        text-align: center !important;
        align-items: center !important;
        flex-direction: column !important;
	}
    .popup-search form ul{
    	display: inline-block !important;
        text-align: center !important;
        align-items: center !important;
        flex-direction: column !important;
	}
    .popup-search .sf-field-submit{
        width: 40% !important;
	}
	.popup-search .sf-field-reset{
            width: 40% !important;
		}    
}
@media screen and (max-width: 460px) {
    #menu-main-menu > li:nth-child(7){
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 8px 30px !important;
    	background-position: 30% 50% !important;
    }
    #menu-main-menu > li:nth-child(7):hover{
        padding: 8px 30px !important;
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 8px 30px !important;
    	background-position: 30% 50% !important;
    }
        .blog-filter{
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        display: flex !important;
        flex-direction: column !important;
    }
    .news-image {
        height: 73vw !important;
        width: 80vw !important;   
    }
    .result-image img{
        height: 73vw !important;
        width: 80vw !important;    
    }
    .posts-blog{
        padding-right: 5% !important;
        padding-left: 5% !important;
        margin-top: 0px !important;
    }
 .blog-filter .sf-field-submit{
            padding-left: 0% !important;
		width: 100% !important;
        padding-right: 5% !important;
    }
    .news-result-each{
        display: flex !important;
        flex-direction: column !important;
    }
    .news-result-image{
        width: 100% !important;
    }
    .catgeories form ul{
                padding-left: 0% !important;
    }
    .categories form{
             padding-left: 0% !important;
    }
     .popup-search{
    	display: flex !important;
        flex-direction: column !important;
	}
    .popup-search form{
    	display: flex !important;
        text-align: center !important;
        align-items: center !important;
        flex-direction: column !important;
	}
    .popup-search form ul{
    	display: inline-block !important;
        text-align: center !important;
        align-items: center !important;
        flex-direction: column !important;
	}
    .popup-search .sf-field-submit{
        width: 40% !important;
	}
	.popup-search .sf-field-reset{
            width: 40% !important;
		}   
}
@media screen and (max-width: 550px) {
    .search-page{
        display: flex !important;
        flex-direction: column !important;
    }
    .result-each{
        display: flex !important;
        flex-direction: column !important;
    }
    .result-image{
        width: 100% !important;
    }
    .results-left {
        padding-left: 0px !important;
    }
    .tag{
        padding-left: 0px !important;
    }
    .date{
        padding-left: 0px !important;
    }
    .searchandfilter{
        max-width: 100% !important;
            padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .searchandfilter ul{
        padding: 0 !important;
        margin: 0 !important;
    }
    .blog-filter{
        display: flex !important;
            flex-direction: column !important;
    }
    .categories .searchandfilter{
        margin-right: 0 !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .categories .searchandfilter ul{
        margin: 0px !important;
        width: 100% !important;
    }
    .categories{
        max-width: 100% !important;
        padding: 5% !important;
    }
 .blog-filter .sf-field-submit{
            padding-left: 0% !important;
		width: 100% !important;
        padding-right: 5% !important;
    }
    .theme-3861 {
    	height: 100% !important;
	}
	.theme-3861 button{
   		top: 0 !important;
		right: 0 !important;
	}
	 .popup-search{
    	display: flex !important;
        flex-direction: column !important;
	}
    .popup-search form{
    	display: flex !important;
        text-align: center !important;
        align-items: center !important;
        flex-direction: column !important;
	}
    .popup-search form ul{
    	display: inline-block !important;
        text-align: center !important;
        align-items: center !important;
        flex-direction: column !important;
	}
    .popup-search .sf-field-submit{
        width: 40% !important;
	}
	.popup-search .sf-field-reset{
            width: 40% !important;
		}   
    #menu-main-menu > li:nth-child(7){
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 10px 40px;
    	background-position: 35% 50% !important;
    }
        #menu-main-menu > li:nth-child(7):hover{
        padding: 10px 40px !important;
        transition: none !important;
            background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 10px 40px;
    	background-position: 35% 50% !important;
    }
        .blog-filter{
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        display: flex !important;
        flex-direction: column !important;
    }
    .posts-blog{
        padding-right: 5% !important;
        padding-left: 5% !important;
        margin-top: 0px !important;
    }
    .news-result-each{
        display: flex !important;
        flex-direction: column !important;
    }
    .news-result-image{
        width: 100% !important;
    }
     .news-image-each {
        height: 365px !important;
        width: 365px !important;   
    }
    .result-image img{
        height: 300px !important;
        width: 300px !important;   
    }
    .categories form ul{
        text-align: left !important;
                     padding-left: 0% !important;
    }
    .categories form{
             padding-left: 0% !important;
    }
}
@media screen and (max-width: 800px) {
    .search-page{
        display: flex !important;
        flex-direction: column !important;
    }
    .blog-filter .sf-field-submit input{
		width: 60%;
        align-items: center;
        text-align: center;
    }
     .sf-field-submit{
        padding: 16px 25px
    }
    .result-each{
        display: flex !important;
        flex-direction: column !important;
    }
    .result-image{
        width: 100% !important;
    }
    .results-left {
        padding-left: 0px !important;
    }
    .tag{
        padding-left: 0px !important;
    }
    .date{
        padding-left: 0px !important;
    }
    .searchandfilter{
        max-width: 100% !important;
            padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .searchandfilter ul{
        padding: 0 !important;
        margin: 0 !important;
    }
    .blog-filter{
        display: flex !important;
            flex-direction: column !important;
    }
    .categories .searchandfilter{
        margin-right: 0 !important;
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .categories .searchandfilter ul{
        margin: 0px !important;
        width: 100% !important;
    }
    .categories{
        max-width: 100% !important;
        padding: 5% !important;
    }

    .theme-3861 {
    	height: 100% !important;
	}
	.theme-3861 button{
    	top: 0 !important;
		right: 0 !important;
	}
    .popup-search{
    	display: flex !important;
    	align-items: center !important;
    	text-align: center !important;
    	vertical-align: middle !important;
    	width: 100% !important;
    	margin-top: 0 !important;
	}
	.popup-search form{
    	display: flex !important;
    	align-items: center !important;
    	text-align: center !important;
    	vertical-align: middle !important;
	}
    #menu-main-menu > li:nth-child(7){
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 10px 40px;
    	background-position: 35% 50% !important;
    }
    #menu-main-menu > li:nth-child(7):hover{
        padding: 10px 40px !important;
        transition: none !important;
         background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 10px 40px;
    	background-position: 35% 50% !important;
    }
    .blog-filter{
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        display: flex !important;
        flex-direction: column !important;
    }
    .posts-blog{
        padding-right: 5% !important;
        padding-left: 5% !important;
        margin-top: 0px !important;
    }
    .news-result-each{
        display: flex !important;
        flex-direction: column !important;
    }
    .news-result-image{
        width: 100% !important;
    }
     .categories form ul{
        text-align: center;
                     padding-left: 0% !important;
    }
    .categories form{
             padding-left: 0% !important;
    }
}
@media screen and (max-width: 1040px) {
	#menu-main-menu > li:nth-child(7){
        transition: none !important;
        background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 10px 40px;
    	background-position: 35% 50% !important;
    }
    #menu-main-menu > li:nth-child(7):hover{
        padding: 10px 40px !important;
        transition: none !important;
         background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
    	background-size: 20px 20px !important;
    	background-repeat: no-repeat  !important;
    	padding: 10px 40px;
    	background-position: 35% 50% !important;
    }
    .popup-search{
    	display: flex !important;
    	align-items: center !important;
    	text-align: center !important;
    	vertical-align: middle !important;
    	min-width: 100% !important;
            	max-width: 100% !important;
    	margin-top: 0 !important;
	}
	.popup-search form{
    	display: flex !important;
    	align-items: center !important;
    	text-align: center !important;
    	vertical-align: middle !important;
	}
        .blog-filter .sf-field-submit input{
		width: 40%;
        align-items: center;
        text-align: center;
    }
    .results-left {
        padding-left: 0px !important;
    }
    .tag{
        padding-left: 0px !important;
    }
    .date{
        padding-left: 0px !important;
    }
    .news-result-image{
    	max-width: 40% !important;
	}
    .news-image-each{
    	height: 270px  !important;
    	width: 270px !important;
	}
    .result-image img{
        height: 270px  !important;
    	width: 270px !important;
    }
        .blog-filter{
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%);
        display: flex !important;
        flex-direction: column !important;
    }
    .posts-blog{
        padding-left: 5% !important;
        margin-top: 0px !important;
    }
    .news-result-image{
    	max-width: 40% !important;
	}
    .news-image-each{
    	height: 300px  !important;
    	width: 300px !important;
	}
    .result-image{
        max-width: 100% !important;
    }
    .result-image img{
        height: 260px  !important;
    	width: 260px !important;
    }
    .categories {
		max-width: 100% !important;
        display: flex !important;
    }
    .categories form{
             padding-left: 0% !important;
    }
    .categories form ul{
		text-align: center;
            display: flex !important;
            flex-direction: column !important;
            padding-left: 0% !important;
           padding-right: 5% !important;
    }
    .posts-blog{
    padding-right: 5em !important;
}
}
@media screen and (max-width: 1180px) {
    .results-left {
        padding-left: 0px !important;
    }
    .tag{
        padding-left: 0px !important;
    }
    .date{
        padding-left: 0px !important;
    }
    .blog-filter .categories .sf-input-text {
        font-size: 100% !important;
    }
    .news-result-image{
    	max-width: 40% !important;
	}
    .news-image-each{
    	height: 280px  !important;
    	width: 280px !important;
	}
    .result-image img{
    	height: 300px  !important;
    	width: 300px !important;
	}
    .posts-blog{
    padding-right: 5em !important;
}
}
#search-filter-results-5099.search-filter-results {
    padding-left: none !important;
    padding-right: none  !important;
   }
#search-filter-results-5099 .found{
 display: none;
    padding-left: none !important;
    padding-right: none  !important;
}