/*
Theme Name: IAP Theme
Description: This is a custom child theme for Ideas & People
Author: ThemeNectar
Author URI:  httpss://themeforest.net/user/themenectar
Template: salient
Version: 1.0.4
*/
/* Colors
Green: #778844
Orange: #dd6622, #dd6644
*/
/* Global Styles, Icons, Buttons */

/* 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;
}
* {
font-family: 'Helvetica', sans-serif;}
/*


#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;}
 */
/* Set this to only work over light headers */
OFFdiv#header-outer {
    background: linear-gradient(180deg, rgb(0 0 0 / 80%) 0%, rgb(255 255 255 / 0%) 91%);
    /* mix-blend-mode: multiply; */
}

/* 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;}
 */

.service-border .row_col_wrap_12_inner.col.span_12 {
    border-top: 1px solid #dddddd;
    padding-top: 20px;
}

.blog-title #single-below-header > span {
    padding: 0 20px 0 0px;
    border-left: 0px solid rgba(0,0,0,0.1);
}
    cite {font-size: .65em}
.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;
}

.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;
}

span.meta-category a {
    text-transform: uppercase;
}

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;
}

[data-style="list_featured_first_row"] .meta-category a {
    margin-right: 10px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}

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;
}

body.page-id-75 .toggles {
    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: 50px;
    border-radius: 10px;
}

/* ideally this should be specific - NEED to trace
.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, 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;
}



.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;
}

/* 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-priorities span.post-featured-img {
    display: none;
}

body.single-priorities {
}

.post-type-archive-issues .row .col img {
    margin-bottom: 0px;
    width: 100vw;
}

/* 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;
    }
}
 */
.before-footer .toggles[data-style="minimal_small"] .toggle > h3 a {
    font-size: 0.5em;
    letter-spacing: 0.15em;
    margin: 0;
    font-weight: 700;
}

div[data-style="minimal_small"] .toggle {
    margin-bottom: 0em;
}


OFFbody.home .nectar-split-heading h1 {
    overflow: visible;
    background: transparent!important;
        position: relative;
        z-index: 1;


}

OFFbody.home .nectar-split-heading h1 strong{
    overflow: visible;
    z-index: 1;
}

body #intro .nectar-split-heading h1 strong,
body #intro h2 strong {
    color: #df2027;
    font-size: .30em!important;
    font-weight: 900;
    position: relative;
    top: .4em;
    left: -.3em;
    z-index: 1;
}



#invigorate .row-bg-wrap {
    background-attachment: fixed;
    background-image: url('https://iap.draw.design/wp-content/uploads/2022/08/IAP-Karim-1-scaled-1.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;

    transition: all 0.2s linear;
}

OFF#invigorate:hover .row-bg-wrap {
    background-attachment: fixed;
    background-image: url('https://iap.draw.design/wp-content/uploads/2022/08/IAP-Karim-1-scaled-1.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transition: all 0.2s linear;
}

.material #our-brand .wpb_content_element, .material #our-brand-2 .wpb_content_element {
  margin-bottom: 0em;
}


#our-brand video, #our-brand-2 video {
display: none!important;
}



.fancybox-slide--video .fancybox-content video {
display: block!important;
}

#our-brand .row-bg-wrap .row-bg-layer .row-bg {
        background-position: right top;
    background-repeat: no-repeat;
    background-image: url(https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-6-scaled.jpg);
}

#our-brand:hover .row-bg-wrap .row-bg-layer .row-bg {
        background-position: right top;
    background-repeat: no-repeat;
    background-image: url(https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-3-scaled.jpg)!important;
}
#our-brand-2 .row-bg-wrap .row-bg-layer .row-bg {
        background-position: right top;
    background-repeat: no-repeat;
    background-image: url(https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-7-scaled.jpg);
}

#our-brand-2:hover .row-bg-wrap .row-bg-layer .row-bg {
        background-position: right top;
    background-repeat: no-repeat;
    background-image: url(https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-1-scaled.jpg)!important;
}

off#our-brand  {
    background-attachment: fixed;
    background-image: url('https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-6-scaled.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    filter: blur(18px);
    -webkit-filter: blur(0px);
    transition: all 0.2s linear;
}

off#our-brand:hover {
    background-attachment: fixed;
    background-image: url('https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-3-scaled.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transition: all 0.2s linear;
}

off#our-brand-2{
    background-attachment: fixed;
    background-image: url('https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-7-scaled.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    filter: blur(18px);
    -webkit-filter: blur(0px);
    transition: all 0.2s linear;
}

off#our-brand-2:hover{
    background-attachment: fixed;
    background-image: url('https://iap.draw.design/wp-content/uploads/2022/08/IAP-Bob-1-scaled.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transition: all 0.2s linear;
}

.container-wrap input[type=date], .container-wrap input[type=email], .container-wrap input[type=password], .container-wrap input[type=search], .container-wrap input[type=tel], .container-wrap input[type=text], .container-wrap input[type=url], .container-wrap select, .container-wrap textarea {
    background-color: rgba(255,255,255,.4);
    border-color: #888888;
    color: #fff;
}

.nectar-post-grid-item .meta-category {
    display: none!important;
}

div#portfolio-nav {
    display: none!important;
}

.item-meta-extra {
    font-size: 0.8em;
    text-transform: uppercase;
}
.single-portfolio .heading-line {
    /* font-size: 0.8em; */
    text-transform: uppercase;
    margin-bottom: 5px;
}
.before-footer .toggles {
    text-align: center;
}

.nectar-animated-title h5 {
    padding: 0px 6em 0px 9px
}

.nectar-fancy-ul.animated-in li {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

div.dropshadow {
    box-shadow: 0px 10px 40px 10px rgb(0 0 0 / 70%);
}

off#back-to-work {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient(to right, #f9b317, #ffffff, #f9b317) 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transform-origin: center;
}

OFF#back-to-work:hover {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient(to right, #f9b317, #ffffff, #f9b317) 1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transform-origin: center;
}

#back-to-work a:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient(to right, #f9b317, #ffffff, #f9b317) 1;
    left: 0;
    -webkit-transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    pointer-events: none;
        transform: scaleX(1);
        transform-origin: center;


}

#back-to-work a:hover:before {
    transform: scaleX(0);
        border-width: 0 0 1px 0;
    border-style: solid;
    opacity: 1;
    border-image: linear-gradient(to right, #f9b317, #ffffff, #f9b317) 1;
    -webkit-transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transform-origin: center;
}

div[data-style="minimal_small"] .toggle > h3:after, div[data-style="minimal_small"] .toggle > h3:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    height: 1px;
    left: 0;
    pointer-events: none;
}

div[data-style="minimal_small"] .toggle.default > h3:after {
    background-color: #fff;
}

div[data-style="minimal_small"] .toggle > h3:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transition: transform 0.5s cubic-bezier(0.3,0.4,0.1,1);
    transform-origin: left;
}

div[data-style="minimal_small"] .toggle.open > h3:after,div[data-style="minimal_small"] .toggle:hover > h3:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*
            Team page toggles
 */
body .toggle h3, body .row .toggle h3 {
    margin-bottom: 20px;
    text-align: left;
}

div[data-style="minimal"] .toggle h3 a {
    padding: 0px 70px 0px 0px;
    -ms-transition: color 0.15s ease;
    transition: color 0.15s ease;
    -webkit-transition: color 0.15s ease
}

.toggle h3 a {
    font-size: 14px;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .5px;
}

div[data-style*=minimal] .toggle h3 i {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 10px 10px;
    -ms-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-transition: border-color .15s ease;
}

div[data-style="minimal"] .toggle h3 i:before {
    content: " ";
    top: 9px;
    left: 3px;
    margin-top: -2px;
    width: 10.4px;
    height: 2px;
    position: absolute;
    background-color: #888;
    transition: background-color 0.15s ease;
}

div[data-style="minimal"] .toggle h3 i:after {
    content: " ";
    top: 2.3px;
    left: 9.3px;
    width: 2px;
    margin-left: -2px;
    height: 11px;
    position: absolute;
    background-color: #888;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
}

.before-footer .gform_wrapper .gform_body {
    width: 100%;
    text-align: center;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{    font-size: 1em;
    width: 15em;
    margin: 0 auto;
}


.gform_wrapper .gform_footer {
    padding: 16px 0 10px;
    margin: 16px auto;
    clear: both;
    width: fit-content;
}

.before-footer .gform_wrapper .gform_footer {

    margin: 16px auto;

    width: 15em;
}
.before-footer .gform_wrapper .gform_footer input.button, .before-footer .gform_wrapper .gform_footer input[type=submit], .before-footer .gform_wrapper .gform_page_footer input.button, .before-footer .gform_wrapper .gform_page_footer input[type=submit] {

    width: 15em;
    margin: 16px auto;
}
.nectar-social.fixed {
    display: none;
}

#back-to-work h6 {
    font-size: 0.65em;
    letter-spacing: 0.15em;
    margin: 0;
    font-weight: 700;
opacity: .8;
}

#back-to-work:hover h6{
    font-size: 0.65em;
    letter-spacing: 0.15em;
    margin: 0;
    font-weight: 700;
opacity: 1;
}

.nectar-flickity[data-controls=touch_total]:not(.masonry) .flickity-viewport {
    margin-bottom: 0px!important;
    }

    .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta {
padding-top: 0px;
    max-width: 0%;
    display: none;
}

.wpb_gallery_slidesflickity_static_height_style .nectar-flickity:not(.masonry) .flickity-viewport {
    margin: 0px 0;
}

.nectar-flickity:not(.masonry) .flickity-slider .cell img {
    margin: 0;
    vertical-align: bottom;
    max-width: none;
    width: 100%;
    }

    body #error-404 .nectar-button {
    margin-top: 50px!important;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Responsive Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* Smartphones  - - - - - - - - -  */
@media only screen
and (max-width : 767px) {
/* Styles */
	html body {
		border-top: 0px solid  gray;
	}
        /* Portfolio Categories, but not h3 blockquotes  - - - - - - - - -  */

.row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h3"] .content {
    /* font-size: 24px!important; */
    /* line-height: 1.35!important; */
}

    .nectar-split-heading.font_size_tablet_18px * {
    /* font-size: .75em!important; */
    /* line-height: 1.5!important; */
}
div#vid-one {
    position: inherit;
}
#brand-copy.vc_row.inner_row.row_position_absolute {
    position: initial;
}
}

/* Tablets  - - - - - - - - -  */
@media only screen
and (min-width : 768px)
and (max-width : 1023px) {
/* Styles */
	html body {
		border-top: 0px solid  blue;
	}

.nectar-split-heading.font_size_tablet_18px * {
    /* font-size: .9em!important; */
    /* line-height: 1.5!important; */
}
.vc_row.inner_row.translate_x_tablet_15pct.translate_y_tablet_220pct {
    -webkit-transform: translateX(15%) translateY(220%);
    transform: translateX(15%) translateY(220%);
}
    .vc_row.inner_row.translate_x_tablet_0pct.translate_y_tablet_60pct {
    -webkit-transform: translateX(0%) translateY(70%);
    transform: translateX(0%) translateY(70%);
}
div#vid-one {
    position: inherit;
}
#brand-copy.vc_row.inner_row.row_position_absolute {
    position: initial;
}
    /* Portfolio Categories, but not h3 blockquotes  - - - - - - - - -  */

.row .span_2 h3, .row .span_3 h3, .row .span_4 h3, .row .vc_col-sm-2 h3, .row .vc_col-sm-3 h3, .row .vc_col-sm-4 h3, .row .col h3, body h3, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, .nectar-category-grid[data-style="mouse_follow_image"][data-h-tag="h3"] .content {
    /* font-size: 24px!important; */
    /* line-height: 1.35!important; */
}
}

/* Desktops and laptops  - - - - - - - - -  */
@media only screen
and (min-width : 1024px) {
/* Styles */
	html body {
		border-top: 0px solid  indigo;
	}

div#earrings-ring-text-mobile {
    height: 100px;
}

div#intro-text-mobile {
    display: none;
}
div#vid-one {
    position: absolute;
    top: 0;
}
}

/* Large screens  - - - - - - - - -  */
@media only screen
and (min-width : 1824px) {
/* Styles */
	html body {
		border-top: 0px solid  pink;
	}
}


body h5, body h6 {
    color: #df2027;
}

#fws_6361abe69d3b3 h5 {
    color: #333!important;
}
#specialize .vc_row-fluid.vc_row.inner_row {    border-top-width: 1px !important;
    border-top-color: #efefef !important;
    border-top-style: solid !important;
}

.toggles .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0px;
}

.container-wrap input[type=text], .container-wrap textarea {
    background-color: rgba(0,0,0,.02);
    border-color: rgba(255,255,255,0);
    color: #333;
}

/*
Work Indicator
 */

span.inner-layer {
display: none!important;
}

.nectar-view-indicator .color-circle:after {
  content: '*';
        position: absolute;
    left: 10px;
    top: 30px;
    font-size: 11vh;
    font-weight: 800;
    color: #ffbb33!important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.nectar-view-indicator .color-circle {
    background-color: #000;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    transform: scale(.2);
    opacity: 0;
    border-radius: 50%;

}

body .nectar-view-indicator span {
    opacity: 0;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.nectar-view-indicator {
    position: fixed;
    z-index: 400;
    left: -20px;
    top: -20px;
    pointer-events: none;
    width: 0px!important;
    height: 0px!important;
    mix-blend-mode: difference;
    will-change: transform;

}

.single-portfolio .divider-border {
    display: none;
}

.nectar_video_player_self_hosted .play_button .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 4%;
	    height: auto;

    }

    .home .before-footer .sep .divider-wrap {
    display: none;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Homepage Collage Effects
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */
#collage .child_column .wpb_text_column .wpb_wrapper {
    opacity: 0;
   transition: all 0.4s ease .1s;
    position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#collage .child_column:hover .wpb_text_column .wpb_wrapper {
    opacity: 1;
   transition: all 0.1s ease .1s;
        position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#collage .child_column:hover img.img-with-animation.skip-lazy.nectar-lazy.loaded {
    opacity: 0;
   transition: all 0.1s ease .1s;
}

#collage.full-width-content.vc_row-fluid .wpb_column .column-image-bg-wrap .column-image-bg {
    background-size: contain;
    background-repeat: no-repeat;
}

.column-image-bg-wrap .column-image-bg.loaded, .row-bg-wrap .row-bg.loaded, body[data-ajax-transitions] .parallax-layer.column-image-bg.loaded, body[data-ajax-transitions] .parallax_section .row-bg.loaded {
    transition: opacity .4s ease .1s;
    }

    #brand-grid .portfolio-items .work-info h3 {
text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1px;
    color: #333;
}

#brand-grid .portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
    background-color: #fff!important;
}

#brand-grid .portfolio-items .work-info h3 {
text-transform: uppercase;
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .05em;
    color: #df2027;
}
#brand-grid .portfolio-items .work-info p {
text-transform: uppercase;
    font-size: .85rem;
    font-weight: 300;
    letter-spacing: 1px;
    color: #333;
}




OFF#intro .nectar-split-heading h2 span:nth-child(3) {
        color: #df2027;
    font-size: .4em!important;
    font-weight: 900;
    position: relative;
    top: -.2em;
    left: -.3em;
    z-index: 1;
    overflow:visible
}




/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Turn this off for default masonry
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */
#brand-grid .col.span_4.wide_tall.element, #brand-grid .col.span_4.wide.element  {
    width: 66%!important;
}

.portfolio-list-col h3, .portfolio-list-col {
margin-right: 30px;
}

.portfolio-list-col .nectar-post-grid-wrap[data-style="vertical_list"] .item-main .nectar-link-underline {
margin-left: auto;
padding-left: 4%;
margin-right: 30px;}

.portfolio-list-col .nectar-link-underline a span{
color: #888 !important;

}
.footnote {
    position: absolute;
    right: 40px;
}

.footnote cite {
    position: relative;
    top: -20px;
}