/*
Theme Name: CVNM Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
/* Colors
Green: #778844
Orange: #dd6622, #dd6644
*/
/* Global Styles, Icons, Buttons */
@import url('css/style-global.css');
@import url('css/style-buttons.css');
@import url('css/style-links.css');

/* Agenda Tables */
@import url('css/style-data-tables.css');

/* Content */
@import url('css/style-content.css');
@import url('css/style-archive-initiatives.css');

/* Events */
@import url('css/style-events.css');

/* Footer */
@import url('css/style-footer.css');

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Header, Navigation */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Reset */
#header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search, #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart {
    opacity: 1 !important;
}
/* Somehow need this for headers on Priorities, since we do need these on other posts */
/* Added to counteract the header image choice that seems to be mandated within single.php */
.single-priorities .row.heading-title.hentry {display: none;}
/*


#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a, #header-outer.transparent .slide-out-widget-area-toggle a i.label, #header-outer.transparent #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-outer.transparent #top nav ul #search-btn a .icon-salient-search, #header-outer.transparent #top nav ul #nectar-user-account a span, #header-outer.transparent #top nav > ul > li > a > .sf-sub-indicator i, #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, #header-outer.transparent #top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon, #header-outer.transparent .nectar-header-text-content {
    color: #ffffff!important;
    opacity: 1;
    will-change: opacity, color;
    transition: opacity 0.2s ease, color 0.2s ease;
}
  #header-outer:not([data-format="left-header"]) #top nav >ul >li {
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
			 margin-left: 0px;
			 margin-right: 50px;
		 }

#header-outer[data-format="centered-menu"] #top .span_9,
#header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) {
  left:0;
  position:relative;
  text-align:left;
}
.sf-menu >li ul a,
#header-outer nav >ul >.megamenu ul li a{
  padding: 10px 10px;}

.sf-menu >li ul{
  padding:0px;
  width:30em;
    margin-top: 7px;
padding-bottom: 0px;}
 */
#top .sf-menu li ul li a {
    font-family: Source Sans Pro;
    /* letter-spacing: .5px; */
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;}

/* And for some reason this is also wack-flexed
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul
*/

/*
#header-outer #logo {
    position: absolute;
    top: 0px;
}


nav {margin-top: 35px;}
 */

/*
#home-hero .swiper-container .slider-pagination-wrap {
    position: absolute;
    z-index: 100;
    bottom: 100px;
}


#home-hero .nectar-shape-divider-wrap[data-front="true"] {
    z-index: 50;
    }
 */


.blog-title #single-below-header > span {
    padding: 0 20px 0 0px;
    border-left: 0px solid rgba(0,0,0,0.1);
}

.nectar-flickity.nectar-simple-slider .flickity-slider .cell {
    width: 100%;
    padding: 0 8%;
    padding: 0 min(8%, 0px)!important;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 0;
}

img.img-with-animation.skip-lazy.logo-crop.animated-in {
    border-radius: 50%;
    width: 25%!important;
    margin-bottom: 40px;
}

.flickity-slider a.nectar-button.large.regular.accent-color.regular-button.has-icon {
    padding: 10px;
}

.flickity-slider {
    border: 0px solid red;
}

.flickity-slider .type-post {
    background-color: #efefef;
            background-color: #fff;

}


.nectar-simple-slider.arrow-position-overlapping .flickity-prev-next-button.previous {
    left: -61px;
    width: 42px;
    height: 42px;
   }
.nectar-simple-slider.arrow-position-overlapping .flickity-prev-next-button.next {
    right: -61px;
    width: 42px;
    height: 42px;
   }

   .current-initiatives-grid .nectar-post-grid .nectar-post-grid-item .content .item-main {
    background: rgb(221 102 34 / 90%);
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    padding: 20px 20px;
    width: 100%;
    /* clip-path: polygon(0% 0%, calc(100% - 50px) 0%, 100% 50%, calc(100% - 50px) 100%, 0% 100%); */
    }
.nectar-post-grid .nectar-post-grid-item .content {
    padding: 0px;
}
.current-initiatives-grid .nectar-post-grid .nectar-post-grid-item .content .post-heading {
    max-width: 100%;
    font-size: 1.2em;
    line-height: 1.35;
}

.indent {
    padding-left: 20px!important;
}

body.our-staff .meta-author, body.our-staff .meta-date {
    display: none;
}

body.our-staff.single #single-below-header span {
    font-size: .8em;
}

body.our-staff .blog-title #single-below-header > span {
    padding: 0px;
    border-left: 0px solid rgba(0,0,0,0.1);
}

.home .blog-recent .col .post-header {
    color: #333;
    /* margin: 15px 0 12px; why did i have this?*/
}

body.job-openings .single-post.ascend .container-wrap.fullscreen-blog-header, body.single-post[data-bg-header="true"].ascend.job-openings .container-wrap {
    padding-top: 1px!important;
    margin-top: 0!important;
}

body.home .tabbed[data-style*="vertical"] .wpb_tabs_nav {
    width: 10%;
    width: 30%;
    float: left;
}

body.home .tabbed[data-style*="vertical"] >div {
    float: left;
    width: 60%;
}

.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
    border-radius: 6px;
    padding: 9px 20px;
    overflow: hidden;
}
body.single-partners #page-header-bg h1 {
width: 70%;
}

.bar-wrap strong {
}

.nectar-progress-bar span {
    height: 4px;
}

.nectar-progress-bar .bar-wrap span strong {
    position: absolute;
    right: -30px;
    top: -9px;
    opacity: 0;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    border-radius: 2px;
    font-size: 15px!important;
    line-height: 15px!important;
}

.nectar-progress-bar .bar-wrap {
    margin-bottom: 25px;
}

NEEDS-HIGHER-SPEC.col.span_4.category-outcomes {
    padding: 20px;
    background-color: #efefef;
    transition: all 0.2s linear;
}

NEEDS-HIGHER-SPEC.col.span_4.category-outcomes:hover {
    padding: 20px;
    background-color: #ddd;
    transition: all 0.2s linear;
}

.col.span_4.category-outcomes .featured img {
    display: none;
}

/* Partner logos sometimes have transparent backgrounds, and we're creating a 'tab' look with the header background color */
.single-partners .col-raised .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
    background-color: #778844;
    padding: 70px;
    border-radius: 10px;
}

/* ideally this should be specific - NEED to trace
COPY THE STYLES FROM OUTCOMES PAGE TO HOMEPAGE
.col.span_4.category-outcomes.type-post .post-header,
*/
div[data-style="minimal"] .col.span_4.type-post {
    background-color: #efefef;
}

.col.span_4.type-post span.meta {
    text-transform: uppercase;
    font-size: .75em;
    /* font-weight: 700; */
    line-height: 1.45;
}

.col.span_4.type-post .post-header, .col.span_4.type-post .excerpt {
    /* padding: 10px; */
}

.col.span_4.type-post .excerpt {
    font-size: 0.8em;
    /* line-height: 1.35; */
}

.focus-areas .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a span {
    font-size: .75em;
    padding: 25px 10px;
}

.focus-areas .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a {
    padding: 15px 0 25px 0px;
}

.leaflet-popup-content {
    /* font-family: Barlow Condensed, sans-serif; */
    /* text-transform: uppercase; */
    letter-spacing: 0px;
    font-size: 1.5em;
    line-height: 1;
    font-weight: 600;
}

.outcomes-sidebar .category-outcomes h2 {
     font-size: .75em!important;
     line-height: 1.35!important;
     text-align: left;
}

article.post .post-header h2 {
    /* font-size: .75em!important; */
    /* line-height: 1.35!important; */
    /* text-align: left; */
}

.outcomes-sidebar .blog-recent[data-style="title_only"] .col {
    background-color: rgba(0,0,0,0.03);
    margin-bottom: 2px;
    padding: 10px 10px;
}

.blog-recent[data-style="title_only"] .post-header {
    width: 70%;
    left: 0px;
    padding: 0;
    margin: 0;
}

span.subheader {
    font-size: .7em;
}

.nectar-simple-slider.sizing-aspect-ratio.aspect-3-2 {
    /* padding-bottom:calc((2 / 3) * 100%); */
    padding-bottom: 0px;
}
body.home .nectar-slider-wrap[data-full-width="false"]:not([data-parallax="true"]) .swiper-slide .content {
	padding: 20px 20px 20px 8%;
	background-color: rgb(0 0 0 / 25%);
}
/*----------------------------------------
 Custom page layouts
----------------------------------------*/
.cvnm-col-1-3, .cvnm-col-2-3, .cvnm-col-1-4, .cvnm-col-3-4 {
    display: inline-block;
    vertical-align: top;
}

.cvnm-col-1-3 {
    width: 33%;
}

.cvnm-col-2-3 {
    width: 66%;
}

.cvnm-col-1-4 {
    width: 24%;
}

.cvnm-col-3-4 {
    width: 74%;
}

.cvnm-content-row {
    background-color: #fff;
    border: solid 1px red;
    box-shadow: rgb(0 0 0 / .2) 30px 30px 30px;
    padding: 50px;
    transform: translateY(-80px);
}

.action {
    border: 3px solid #d62;
    border-radius: 10px;
    padding: 40px 0 40px 0;
    text-align: center;
    transition: all 0.2s linear;
}

.action:hover {
    background-color: #d62;
    border-radius: 30px;
    transition: all 0.2s linear;
}

.action a {
    display: block;
    border: 2px solid #d62;
    border-radius: 200px;
    background-color: rgb(221, 102, 34);
    color: #fff;
    text-align: center;
    margin-right: 40px;
    margin-left: 40px;
    padding: 15px 42px;
}

.action:hover a {
    border: 2px solid #fff;
    color: #fff!important;
}

.action h2 {
    color: #d62;
    transition: all 0.2s linear;
}

.action:hover h2 {
    color: #fff;
    transition: all 0.2s linear;
}

.action a {
    display: block;
    border: 2px solid #d62;
    border-radius: 200px;
    background-color: rgb(221, 102, 34);
    color: #fff;
    text-align: center;
    margin-right: 40px;
    margin-left: 40px;
    padding: 15px 42px;
}

.action a .fa {
    display: none;
}
/* Outcomes Progress Bars */
.shifting-seats .nectar-progress-bar span {
    height: 16px;
}
body .shifting-seats .nectar-progress-bar .bar-wrap span strong i {
    font-size: 11px!important;
    line-height: 24px!important;
}
/* FFS, where does Salient assign the absolute and relative positioning??  */
.posts-container.THISONE {
    position: initial!important;
    display: block;
    height: auto!important;
}

.post-type-archive-issues {
}

.post-type-archive-issues .masonry-blog-item {
    position: initial!important;
    margin-bottom: 0;
    width: 100%;
}

.post-type-archive-issues .post-content {
    padding-left: 0px
}

/* sort out how not to use !important here */
body.post-type-archive-issues .full-width-content.blog-fullwidth-wrap {
    padding: 0!important;
}

.news-highlights article {
    border-top: 10px solid #d62;
}
.news-highlights .post.masonry-blog-item .post-header > h3{
	color: #d62;
}
.news-highlights .post .post-header a:hover{
	color: #FFC107!important;
}
.ascend .news-highlights .masonry-blog-item .article-content-wrap {
    padding:15px 10px 0 0px;
}
.ascend .news-highlights .masonry-blog-item .post-meta {
    padding:0 18px 0 0px
}
.news-highlights article .post-featured-img {
    display: none;
    height: 250px;
    overflow: hidden;
}


span.post-featured-img {
    display: none;
    height: 250px;
    overflow: hidden;
}

body.single-initiatives span.post-featured-img {
    display: none;
}
body.single-initiatives {}
.post-type-archive-issues .row .col img {
    margin-bottom: 0px;
    width: 100vw;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Here is the key to changing the number of thumbnails per Team rows
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
body.page-id-7234 .portfolio-items .col.elastic-portfolio-item, body.page-id-7234 .portfolio-wrap .element {
    width: calc(100% / 7.25)!important;
}

/* Post Grid Edits to be assigned to Partner Logos  */
/* Will have to assign an ID to those row containers  */
/*
@media only screen and (min-width: 1000px) {
    .nectar-post-grid[data-grid-item-height="60vh"] .nectar-post-grid-item {
        min-height: 40vh !important;
    }
}
 */

.col-right-align.wpb_column {
    text-align: right;
	padding-left: 0px;
    padding-right: 0px;
}

#page-header-wrap .inner-wrap {
    /* width: 70%; solve this some other way */
}

/* EveryAction Donation Forms  */

header.at-title {
    display: none;
}

.at-inner {
    background-color: rgb(255 255 255 / 80%)!important;
    border-radius: 20px;
}

ol.at-steps {
	list-style-type: none!important;
}

li.at-step.active {
	list-style-type: none!important;
}

ol.at-steps::marker {
    display: none;
}
.step-prevNext {
    width: 100%;
    padding: 0px 0!important;
}
.at .btn-at-primary {
    background-color: #dd6622!important;
	    border-radius: 20px!important;
}

.copyright {
    width: 22em;
    font-size: 77%;
    display: block;
    line-height: 1.2;
    margin-top: 15px;
}

.ngp-form header span {
    font-size: 1em!important;
    line-height: 1.5!important;
    font-family: 'Open Sans'!important;
    font-weight: 400;
    display: inline-block;
}

article .post-content.classic {
    background: rgb(255 152 0 / 15%);
    border-radius: 0px 0px 0px 35px;
}
article.category-outcomes .post-content.classic {
    background: rgb(255 152 0 / 15%);
    border-radius: 0px 0px 0px 35px;
}
article.category-join-our-team .post-content.classic {
    /* background: #eee; */
    border-radius: 0px 0px 0px 35px;
}
.ascend .masonry-blog-item .article-content-wrap {
    padding: 30px;
}

.col-raised .nectar-button.see-through, .col-raised .nectar-button.see-through-2 {
    border-color: #ffffff!important;
    color: #ffffff!important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
EveryAction Donation Form has wonky $
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.at form .label-amount input+.label-otheramount-prefix {
    line-height: 3.42857!important;
    }
label.label-amount.label-otheramount {
    color: #888;
}

.row .col .vert-center h3 {
    font-size: 90%;
    display: block;
    line-height: 1.35;
}

#mobile-menu-logo {
    border-top: 1px solid #888;
    padding-top: 20px;
}

#mobile-menu-logo img.stnd {
    width: 170px;
}