/*
Theme Name: Salient Child Theme
Theme URI: https://unreasonablegroup.com
Description: This is a custom child theme for Unreasonable Group
Author: Paul Arterburn
Author URI: https://unreasonablegroup.com
Template: salient
Version: 0.1
*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400');
.x {font-family: 'Poppins', sans-serif;}
#involved-cta .pricing-column-content h4, #involved-cta .pricing-column-content .interval {
  display: none;
}

#mentors .wpb_text_column {
  margin-bottom: -11px !important;
}
.nectar-slider-wrap { 
    margin: 0 !important;
}
#header-outer #social-in-menu i {
  font-size: 26px !important;
  line-height: 40px !important;
  height: 37px !important;
  width: 34px !important;
}

.pricing-column {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.pricing-table {
  margin: 30px 5% 0 5%;
}

.pricing-table.three-cols > div { 
  width: 30%;
  border-left-width: 1px;
  margin-right: 3%;
}

.pricing-table.three-cols > div:last-child {
  margin-right: 0;
}

.pricing-table.three-cols > div p {
  color: #666666;
  font-weight: 300;
  padding-left: 25px;
  padding-right: 25px;
}

.instance-16 {
  margin-top: -40px !important;
}

.pricing-table {
  margin-top: 0px !important;
}

.pricing-table h3 {
  display: none;
}

.pricing-table .pricing-column-content {
  border-left: 1px solid #e4e4e4;
  padding: 0px !important;
}

.pricing-column .nectar-button.medium.accent-color.regular-button {
  padding: 8px 15px;
  font-size: 16px !important; 
  font-weight: 300;
  line-height: 20px;
  color: #fff;
  font-family: inherit;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  background-color: #999;
  z-index: 2;
  position: relative;
  border: 0;
  -webkit-font-smoothing: antialiased !important;
  box-shadow: 0 2px 6px -2px rgba(0,0,0,.5) !important;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all .1s;
  outline: 0;
  -webkit-user-select: none;
  user-select: none;  
  background: #0095DA !important;
  color: #FFF;
  width: 90%;
  margin: 0;
  padding: 15px;
  text-transform: none !important;
  transform: none!important;
  border-radius: 0px !important;
  margin-bottom: 40px;
}

.pricing-table .pricing-column-content p {
  padding-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: lighter;
  margin-top: 25px;
  padding: 0px 10px;
}

.pricing-table .pricing-column-content img {
  margin: 0px;
  padding: 0px;
  margin-left: -1%;
  width: 102%;
  max-width: 102%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;  
}

#faq {
  padding: 85px 0px 50px 0px !important;
}

#faq h2 {
  margin-bottom: 40px;
}

#faq h3 a {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  padding: 10px 40px 10px 0px;
}

#faq .icon-plus-sign {
  opacity: 0.5;
}

#faq p, #faq li {
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
  -webkit-font-smoothing: antialiased !important;
}

@media only screen and (max-width: 768px) {
  #faq h3 a {
    font-size: 16px;
  }
}

.clients:not(.fade-in-animation) > div {
  opacity: 0.7;
}

.clients:not(.fade-in-animation) > div:hover {
  opacity: 1.0 !important;
}

body #page-header-bg .span_6 span.subheader {
  text-transform: none !important;
  letter-spacing: 1px !important;
  font-size: 30px !important;
  line-height: 42px !important;
  font-weight: 300 !important;
}

@media only screen and (max-width: 1000px) {
  body #page-header-bg .span_6 span.subheader {
    line-height: 30px !important;
  }
}

/* ==================================================================================================== */

/* START VENTURE MODAL OVERHAUL */

body .portfolio-items .col.elastic-portfolio-item.regular {
   width: 20% !important; 
}

.work-info .vert-center h3, .work-info .vert-center p, .work-meta .inner p, .work-meta .inner h4 {
  text-shadow: 0px 0px 8px #333333;
}

.work-meta .inner p, .work-info .vert-center p {
  font-size: 14px !important;
  line-height: 19px !important;
}

.work-meta .inner .title {
  font-size: 18px !important;
  line-height: 24px !important;
}

.work-info .bottom-meta, .post-container .link-inner {
  background-color: #0074a6 !important;
}

.work-info:after{
  content: "+ more";
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding-right: 5px;
  color: white;
  opacity: 1;
  font-size: 12px;
}

.work-info:hover:after {
  -webkit-animation: fadein 0.5s linear 0.2s 1 forwards;
     -moz-animation: fadein 0.5s linear 0.2s 1 forwards;
      -ms-animation: fadein 0.5s linear 0.2s 1 forwards;
       -o-animation: fadein 0.5s linear 0.2s 1 forwards;
          animation: fadein 0.5s linear 0.2s 1 forwards;
}

.mfp-figure.raf-has-content figure {
  float: left;
  width: 45%;
  margin: 0 2.5% 0 0;
  min-height: 375px;
  background: white;
  display: flex;
  align-items: center;
}

.text-content-wrapper {
  float: left;
  margin: 0 1% 0 0;
  line-height: 1.4em;
  padding: 15px;
  width: 52%;  
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  overflow-x: hidden;
  overflow-y: auto;
}

.element.flow-ventures .bg-img {
  background-size: 50% !important;
  background-color: white !important;
}

.element.flow-ventures a.magnific {
  display: block !important;
  position: static !important;
  height: auto !important;
}

.element.flow-advisors img.size-regular {
  height: 350px;
  width: 350px;
}

/*.portfolio-filters-inline {
  background-color: transparent !important;
}

.portfolio-filters-inline ul {
  text-align: center !important;
  padding-bottom: 20px;
}

.portfolio-filters-inline ul:before {
  content: "Filter: ";
}

.portfolio-filters-inline a {
  color: #1E83EC !important;
  border-bottom: 2px solid transparent;
}

.portfolio-filters-inline a:hover {
  color: #1665b7 !important;
}

.portfolio-filters-inline a.active {
  border-color: #CCCCCC;
}

.portfolio-filters-inline .alwaysshow {
  display: inline-block !important;
}*/

.mfp-figure {
  background: #262626;
  min-height: 375px;
}

.mfp-counter {
  left: 0;
}

.mfp-figure:after {
  top: 0px !important;
  bottom: 0px !important;
  overflow: hidden;
  clear: both;
  position: static !important;
}

.mfp-container {
  position: relative !important;
  min-height: 450px !important;
  max-height: 1000px !important;
  margin: 0 auto;

  min-width: 320px !important;
  max-width: 1000px !important;
  width: 1000px !important;  
}

.mfp-content {
  width: 100%;
}

.mfp-content p {
  padding-bottom: 15px;
}

.mfp-bottom-bar {
  margin-top: -20px !important;
  top: 0 !important;
}

.mfp-close-btn-in .mfp-close {
  top: -20px !important;
}

.ascend .mfp-arrow-left {
  left: -40px !important;
}

.ascend .mfp-arrow-right {
  right: -40px !important;
}

img.mfp-img {
  padding: 0px !important;
}

img.mfp-img[src*="https://unreasonable-flow"] {
  padding: 15px !important;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;  
}

.portfolio-content h2 {color:#dedede}
.portfolio-content { font-size: 14px; line-height: 20px; color: #999;}
.portfolio-content a { color: #00aeef; }
.portfolio-content a:hover { color: white; }

@media only screen and (max-width: 1000px) {
  body .portfolio-items .col.elastic-portfolio-item.regular {
    width: 33% !important;
  }
  .mfp-container {
    max-width: 769px !important;
    width: 769px !important;
  }
}

@media only screen and (max-width: 900px) {
  .mfp-container {
    min-width: auto !important;
  }
  .raf-video-wrap .text-content-wrapper,
  .text-content-wrapper {
    padding: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .mfp-container {
    width: 100% !important;
  }
  .text-content-wrapper {
    position: relative;
    overflow: visible;
  }  
  body .portfolio-items .col.elastic-portfolio-item.regular {
    width: 50% !important;
  }
  .portfolio-items .col .work-item.style-3 .work-info-bg {
    opacity: 0.6 !important;
  }
  .work-item:not([data-custom-content="on"]) .work-info-bg {
    display: block !important;
  }
  .raf-video-wrap .mfp-figure.raf-has-content figure,
  .mfp-figure.raf-has-content figure {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .raf-video-wrap .text-content-wrapper,
  .text-content-wrapper {
    float: none !important;
    width: 100% !important;
  }
  .ascend .mfp-arrow-left, .ascend .mfp-arrow-right {
    display: none;
  }
  #ventures .bottom-meta {
    display: none;
  }
  .pricing-table {
    margin-left: 0;
  }
}

.clients >div {
  margin-bottom: 0;
}

.goals {
  float: right !important; 
  width: 800px !important;  
  height: 800px !important;
}

@media only screen and (max-width: 1600px) {
  .goals {
    width: 700px !important;
    height: 700px !important;
  }
}

@media only screen and (max-width: 1400px) {
  .goals {
    width: 600px !important;
    height: 600px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .goals {
    width: 500px !important;
    height: 500px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .goals {
    width: 100% !important;
    height: 400px !important;
    box-shadow: none !important;
  }
}

.goals img {
  padding-left: 0px !important;
}

#slide-out-widget-area i {
  background-color: transparent !important;
}

.off-canvas-social-links {
  display: none !important;
}

@media only screen and (min-width: 1000px) {
  .slide-out-widget-area-toggle {
    display: none;
  }
}

/* END VENTURE MODAL OVERHAUL */
#ventures .portfolio-items {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
}

#ventures .flow-venture-image {
  height: 220px !important;
  width: 220px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative !important;
  left: unset !important;
  top: unset !important;
  transform: none !important;
  justify-content: center;
  align-items: center;
}

#ventures .flow-venture-image .work-item {
  display: flex;
  align-items: center;
  justify-content: center;    
  height: 220px !important;
  width: 220px !important;  
  background: white !important;
}

@media only screen and (max-width: 1000px) {
  #ventures .flow-venture-image .work-item {
    width: 175px !important;  
  }

  #ventures .flow-venture-image {
    width: 175px !important;
  }
}

#ventures .flow-venture-image .vert-center p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}

#ventures .flow-venture-image .vert-center h3 {
  font-size: 18px;
  line-height: 24px;
}

#ventures .flow-venture-image .work-info-bg {
  background-color: #333333 !important;
}

#ventures .portfolio-items[data-col-num="elastic"] .col img {
  height: auto !important;
  padding: 15%;
}

#ventures .portfolio-filters-inline  {
  margin-bottom: 40px;
}

#footer-widgets .col_last p {
  font-size: 12px;
  color: #999999;
  font-weight: 300;
}

#footer-widgets .col_last img {
  height: 75px;
  width: auto;
}

.team {
  padding-bottom: 12px;
}

.team .team-member {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}

.team .team-member:hover {
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.team .team-member-image {
  transition-property: transform filter;
  transition-duration: 0.6s;
}

.team .team-member:hover .team-member-image {
  transform: scale(1.11);
  -webkit-transform: scale(1.11);
  -ms-transform: scale(1.11);
}   

.team .team-member[data-style="meta_overlaid_alt"] .team-meta {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}

.mentors .team-member[data-style="meta_overlaid_alt"] .team-meta {
  top: 200px;
}

.team .team-member[data-style="meta_overlaid_alt"]:after {
    opacity: 1;
    background: linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.7) 10%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.7) 10%,rgba(0,0,0,0) 100%);
}

.team .team-member[data-style="meta_overlaid_alt"] p {
  font-size: 0.8em;
  line-height: 1.2em;
  width: 90%;
}

.flow-advisors {
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.flow-advisors .work-item {
  margin-bottom: 0 !important;
}


.flow-advisors.vc_col-sm-4 {
  width: 33.33333% !important;
}

.wpb_row {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  .flow-advisors.vc_col-sm-4 {
    width: 100% !important;
  }

  .wpb_row .span_12 > .flow-advisors.col.padding-1-percent {
    padding: 0 !important;
  }
}

body .portfolio-items .col.flow-advisors {
  margin-bottom: 0 !important;
}

.stories .instance-16, .team .instance-16 {
  margin-top: 0 !important; /* Override */
}

@media only screen and (max-width: 1000px) {
  .stories .vc_row.vc_row-flex > .span_12 {
    display: flex;
    flex-direction: column-reverse;
  }

  .stories .vc_row.vc_row-flex > .span_12 > .vc_column_container.vc_col-sm-7 {
    height: 350px !important;
  }
}

@media only screen and (max-width: 700px) {
  .stories .vc_row.vc_row-flex > .span_12 > .vc_column_container.vc_col-sm-7 {
    height: 250px !important;
  }
}

@media only screen and (max-width: 500px) {
  .stories .vc_row.vc_row-flex > .span_12 > .vc_column_container.vc_col-sm-7 {
    height: 175px !important;
  }
}

.milestones {
  padding-top: 0 !important;
}

.milestones .padding-15-percent {
  padding-bottom: 2% !important;
}

@media only screen and (max-width: 1000px) {
  .milestones .padding-15-percent {
    padding-bottom: 10% !important;
  }
}

.press-quotes img {
  max-height: 25px;
  position: absolute;
  bottom: 0;
}

.press-quote .inner {
  min-height: 350px !important;
  padding-bottom: 0;
}

@media only screen and (max-width: 1200px) {
  .press-quote .inner {
    min-height: 470px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .press-quote .inner {
    min-height: 0 !important;
    padding-bottom: 40px;
  }
}

#footer-widgets .email-input {
  width: 90%;
  float: left;
  margin-top:-20px;
}

.invisilink a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.page-id-21 #page-header-wrap, .page-id-21 #page-header-bg, .page-id-21 .nectar-video-wrap {
  min-height: 240px !important;
}

.page-id-21 h1 {
  margin-top: 15px;
}

.padding-bottom-8per {
  padding-bottom: 8%;
}
.home #header-space {
     display: none !important;
}
#cf_alert_div {
  display: none !important;
}

.admin-bar #cf_alert_div {
  display: block !important;
  z-index: 90000 !important;
}
.nectar-milestone:not(.animated-in) {
    opacity: 1 !important;
}
.nectar-milestone {
    /* opacity: 1 !important; */
}
.swiper-slide .content p { 
    text-align: center !important; 
}
.home .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] { 
    font-weight: bold !important;
    font-size: 33px!important !important;
    color: #000!important; 
}

.swiper-slide .content h2 {
    font-weight: 300 !important;
    font-family: 'Poppins', sans-serif !important;
    text-align: center !important;

-webkit-background-clip: text !important;
color: white;
-webkit-text-fill-color: transparent;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#885dd0+0,8565de+100 */
background: #885dd0; /* Old browsers */
background: -moz-linear-gradient(top, #885dd0 0%, #8565de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #885dd0 0%,#8565de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #885dd0 0%,#8565de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#885dd0', endColorstr='#8565de',GradientType=0 ); /* IE6-9 */

}

body.home #header-outer {
    background-color: rgba(255, 255, 255, 0.96) !important;
}