/*
 Theme Name:     Picante Child Theme
 Theme URI:      https://www.codeless.co/picante/presentation
 Description:    Picante Child Theme
 Author:         Codeless
 Author URI:     https://www.codeless.co
 Template:       picante

 Version:        1.0.1
 Template Version: 1.0.0
 Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, full-width-template
*/

/* =Theme customization starts here
------------------------------------------------------- */

@media (min-width: 992px) {

  .header_container.header-top>.main,
  .header_container.header-bottom>.main {
    height: 75px !important;
    line-height: 75px !important;
  }

  .menu li.hide-on-desktop {
    display: none;
  }
}



.main.header-row {
  background: #98cdcd;
}

#site_content {
  margin-top: 100px;
}

#site_content.recipes {
  margin-top: 0;
}

.home #site_content {
  margin-top: 0;
}

.home .bottom-t-top .btn-style-square span {
  color: #000;
}

.home .cl_team {
  font-size: 16px;
  line-height: 1.5em;
}

.home .cl_team .content a {
     color: #e29aab;
     font-weight: bold
 }

 .home .cl_team .content a:hover {
     color: #fbcc32
 }

#collaborate .container-fluid {
  max-width: 680px
}

#collaborate a {
  color: #e29bac
}

#collaborate a:hover {
  color: #fbcc32
}

.page-id-2058 .header_container {
  background: rgba(0, 0, 0, .2)
}

.cl-header-top-nav-sticky.cl-header-sticky-active .cl-h-cl_header_logo {
  display: block;
}

.cl-header-light.header_container .cl_header_button {
  background: #e29bac !important;
  border: 0 !important;
  color: #000 !important
}

.header-row .header-row-inner .c-middle {
  justify-content: left !important;
}

.single_blog_style-classic {
  border: 0
}

#viewport .scrollToTop {
  z-index: 999;
}

/*.page-id-2058 #navigation li a,
.page-id-2058 .cl-h-cl_header_button a,
.page-id-2058 .cl-h-cl_socialicon a i,
.page-id-2058 #navigation #menu-menu-1 .current-menu-item a {
  color: #fff !important;
}
*/

.cl-header-sticky-active #navigation li a,
.cl-header-sticky-active .cl-h-cl_header_button a,
.cl-header-sticky-active .cl-h-cl_socialicon a i,
.cl-header-sticky-active #navigation #menu-menu-1 .current-menu-item a {
  color: #000 !important;
}

.page-id-2058 h1 {
  font-size: 82px;
}


body .header_container.cl-header-sticky-active {
  background: rgb(152, 205, 205, 0.95)
}

body .header_container.cl-header-sticky-active.header-top>.main {
  line-height: 70px;
  height: 70px;
}

article.recipe h1.entry-title {
  font-family: Prata;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 40px;
  text-transform: capitalize;
  color: #23292c;
}

article.recipe .entry-header {
  margin-top: 20px;
}

.joincrew {
  color: #e29bac
}

.joincrew:hover {
  text-decoration: underline;
}

.section-header {
  margin-top: 1em;
  margin-bottom: .5em;
}

.thumbrows .entry-title {
  line-height: 1.2em !important;
  text-transform: capitalize !important;
  font-size: 22px !important;
}

.thumbrows .entry-title a {
  font-size: 22px;
}

.thumbrows .patreon-logo {
  max-width: 33%;
  padding: 5px;
  margin-top: 5px;
}

.patreon-callout {
  background: #e29aab;
  text-align: center;
  padding: 35px 0;
  margin: 60px 0;
}

.patreon-callout.alt{
  background: #f7f4ed
}

.patreon-callout.alt h2 {
  margin: 0;
  line-height: 1.5em;
  font-size: 36px !important;
  color: #000
}


.patreon-callout .inner-callout {
  max-width: 900px;
  text-align: center;
  margin: 0 auto;
}

.patreon-callout h2 {
  font-size: 48px !important;
}

.patreon-callout p {
  font-size: 22px;
  color: #000
}

.patreon-callout p a {
  border-bottom: 1px solid #98cdcd
}

.patreon-callout p a:hover {
  background: #98cdcd
}



.patreon-callout .cta {
  color: #000;
  /*border: 2px solid #fff;*/
  padding: 12px 34px;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -1px;
  display: inline-block;
  background: #98cdcd;
  border-radius: 5px;
}

.patreon-callout .logo {
  max-width: 400px
}

.slick-slide img {
  margin: 0 auto;
}

.slick-slide {
  outline: none;
  border: none;
}


.slick-arrow {
  top: 33%;
  width: 50px;
  height: 50px;
}

.slick-prev {
  left: -50px
}

.slick-next {
  right: -50px
}

.recipes .slick-prev:hover {
  content: url('images/Pag-Arrow_Left-hover.png');
}

.recipes .slick-next:hover {
  content: url('images/Pag-Arrow_Right-hover.png');
}


.recipes :not(.thumbrows) + .thumbrows { /*first set of thumb rows */
  /*padding-bottom: 25px;*/
  margin-bottom: 25px;
  /*border-bottom: 1px dotted #ccc;*/

}

/*.video-bg {
  position: relative;
  height: 100vh;
  width: 100vw;
}

.video-bg video {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}*/

.video-bg {
  position: relative;
  width: 100vw;
}

.video-bg video {
  width: 100vw;
  object-fit: contain;
  position: relative;
  top: 0;
  left: 0;

}


.page-logo {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  background: rgba(0, 0, 0, .3)
}

.page-logo h1 {
  text-align: center;
  margin: 0;
  color: #fff !important;
  padding: 10px
}

#gform_2 input,
#gform_2 textarea {
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 5px;
}

#gform_2 #gform_submit_button_2 {
  background: #e29bac;
  color: #000;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 16px;
  padding: 10px 34px;
  text-align: center;
}

#gform_2 #gform_submit_button_2:hover {
  background-color: #D693A3;
}

.gform_confirmation_message h4 span {
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.owl-custom-prev {
  background: url('images/Pag-Arrow_Left-default.png');
  background-size: 37px;
  width: 37px;
  height: 37px;
  display: inline-block;
  margin-right: 16px;
  border: 0;
}

.owl-custom-prev:hover {
  background: url('images/Pag-Arrow_Left-hover.png');
  background-size: 37px;
  width: 37px;
}

.owl-custom-next {
  background: url('images/Pag-Arrow_Right-default.png');
  background-size: 37px;
  width: 37px;
  height: 37px;
  display: inline-block;
  margin-left: 16px;
  border: 0;
}

.owl-custom-next:hover {
  background: url('images/Pag-Arrow_Right-hover.png');
  background-size: 37px;
  width: 37px;
}

.home .cl_team .owl-dots,
.home .services-carousel .owl-dots {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 28px
}

.home .owl-dot {
  margin: 0 16px;
}

.owl-custom-nav {
  text-align: center;
  margin-top: 50px;
}

.home .owl-dot span {
  width: 12px !important;
  height: 12px !important
}

.home .owl-dot.active span,
.home .owl-dot:hover span {
  background: #fbcc32 !important
}

.home .services-carousel .owl-item {
  opacity: .2
}

.home .services-carousel .owl-item.active.center {
  opacity: 1
}

.services-carousel .owl-custom-nav {
  padding-top: 75px;
}

.entry-readmore {
  background: pink;
  max-width: 200px;
  color: #000;
  text-transform: uppercase;
  font-style: normal !important;
  text-align: center;
  padding: 10px 20px
}

.entry-readmore:hover {
  background: #D693A3;
}

.single .entry-meta-tools a {
  color: #e29bac;
  font-weight: bold;
}

.single .entry-meta-tools {
  margin-bottom: 30px;
}

.blog-entries .grid-style {
  margin-bottom: 75px;
}

.blog-entries .grid-style .share-buttons:after {
  display: none;
}

#virtual.modal {
  padding: 20px;
  max-width: 920px;
  max-height: 598px;
  border-radius: 0;
  box-shadow: none;
}

#virtual.modal .modal-content {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}

#virtual.modal h2 {
  font-size: 32px;
}

#virtual.modal img {
  max-width: 402px;
}

#virtual.modal .close-it {
  position: absolute;
  top: 20px;
  right: 25px;
}

#virtual.modal .close-it img {
  width: 20px;
}

#virtual.modal .modal-content p {
  font-size: 22px;
  color: black;
  font-weight: 600;
}

#virtual.modal .cl-btn {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}

.jquery-modal.blocker {
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
}

.single-recipe .printme {
  margin-top: 25px;
  margin-bottom: 35px;
}

.single-recipe .printme .cl-icon-printer3:before {
  padding-right: 5px;
  font-weight: 700
}

.single-recipe .recipes h3 a,
.tax-ingredients .recipes h3 span {
  color: #e29bac;
}

.single-recipe .recipes h3 a:hover {
  color: #98cdcd !important;
}

.single-recipe .recipes h3 a {
  border-bottom: 3px solid currentColor;
}

.single-recipe .recipes h3,
.tax-ingredients .recipes h3 {
  margin-bottom: 1.5rem
}

.tax-ingredients #blog-entries {
  margin-top: 2.5rem;
}

body #copyright {
  background: #98cdcd;
  color: #000;
}

.experience-slider,
.video-slider {
  text-align: center;
}

.experience-slider h2,
.video-slider h2 {
  margin-top: 25px
}

.video-slider iframe {
  border: 0
}

.exp-img.slide-img {
  margin-bottom: 100px;
}

.experience-slider-holder {
  position: relative;
  padding-bottom: 75px;
  border-bottom: 1px solid #ccc;
  max-width: 900px;
  margin: 0 auto;
}

.video-slider-holder {
  position: relative;
  padding-bottom: 75px;
  border-bottom: 1px dotted #ccc;
  max-width: 1280px;
  margin: 0 auto;
}

.exp-img img {
  max-height: 500px;
  max-width: 900px;
}

.experience-slider-holder .slider-controls,
.recipes .slider-controls,
.video-slider-holder .slider-controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.experience-slider-holder .slider-controls .slick-dots,
.recipes .slider-controls .slick-dots,
.video-slider-holder .slider-controls .slick-dots {
  position: relative;
  top: 5px
}

.experience-slider-holder .slick-dots button:before,
.video-slider-holder .slick-dots button:before,
.recipes .slick-dots button:before {
  font-size: 12px;
  line-height: 12px;
  color: #656565
}


.experience-slider-holder .slick-dots li.slick-active button:before,
.experience-slider-holder .slick-dots li:hover button:before,
.video-slider-holder .slick-dots li.slick-active button:before,
.video-slider-holder .slick-dots li:hover button:before,
.recipes .slick-dots li.slick-active button:before,
.recipes .slick-dots li:hover button:before {
  color: #fbcc32
}

.past-events {
  margin-top: 90px;
}

.past-events h3 {
  margin-bottom: 75px;
}

.page .recipes h1,
.page .experiences h1,
.page .videos h1 {

  font-size: 36px;
}

.video-slider-holder {
  padding-bottom: 0;
  margin-bottom: 25px;
}

.page .videos .cl-default-page-header {
  display: none;
}

.page .videos .inner-content-row {
  padding-top: 0;
}

.page .videos .video-slider h3 {
  padding-top: 25px
}

.print-version {
  display: none;
}

.search-results .entry-wrapper-content {
  text-align: center
}

.search-results .entry-readmore {
  margin: 0 auto
}

body.search-results a.entry-readmore {
  color: #000 !important;

}

.search-results h1.page-title {
  text-align: left;
  font-size: 36px
}

.search-results h1 span {
  text-transform: capitalize;
  border-bottom: 2px solid #98cdcd;
  padding-bottom: 0px;
  display: inline-block;
}

#is-search-input-0 {
  border-radius: 5px;
  width: 98%;
  border: 1px solid #c7c7c7 !important
}

.is-search-submit .is-search-icon {
  border-radius: 5px;
}

.astm-search-menu.open .search-icon{
  opacity: 0
}

.video-lg {
text-align: center;
margin-bottom: 75px
}

.video-lg h2 {
padding-top: 25px
}

.vid-thumb-holder {
  margin-top: 50px;
}

.vid-thumb {
/*  max-width: 320px; */
  cursor: pointer;


}

.vid-thumb h5 {
  text-align: center;
  max-width: 320px;
  margin: 10px auto;
}

.vid-thumb img {
  max-height: 180px;
  max-width: 320px;
}

.inner-subscribe {
  text-align: center;
  margin: 65px 0
}

.inner-subscribe h2 {
  font-size: 32px !important;
  padding-bottom: 50px;
}

.inner-subscribe .klaviyo-form input[type=email] {
  border: 1px solid #ccc !important;
  /*border-radius: 0 !important*/
}

.inner-subscribe .klaviyo-form input[type=email]::placeholder {
  color: #949191 !important;
}

.inner-subscribe .inner-subscribe .klaviyo-form button[type=button] {
  font-weight: bold;
  padding: 12px 34px !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  line-height: 25px !important
}

.btn-style-square, .needsclick, .needsclick input.needsclick {
  border-radius: 5px !important
}

.archive.tag-cve #site_content.recipes {
  margin-top: 100px
}

.recipes .thumbrows .post-thumbnail {
text-align: center
}

.page-id-1292 .cl_media + .cl-text {
  border: none;
  padding-top: 1rem;
}

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

  body {
    overflow-x: hidden;
  }

  body .cl-mobile-menu nav>ul>li>a {
    font-size: 32px
  }

  body.page h1 {
    font-size: 36px;
  }

  #navigation li a{
  text-transform: none;
  line-height: 2em
  }

  .cl-mobile-menu .cl-btn {
    display: table;
    margin: 0 auto 10px;
  }

  .burger-social {
    text-align: center;
  }

  #navigation .cl-btn a {
  text-transform: uppercase;
  line-height: 1;
  margin-top: 10p
  }

  .cl-mobile-menu .cl-btn:before {
    display: none;
  }

  .cl-mobile-menu .cl-btn a {
    font-family: 'Open Sans';
    font-weight: 600;
    letter-spacing: -1px;
    padding: 12px 34px;
    line-height: 1em;
  }

  .home .about-us-img  {
    max-height: 100vh;
  }


  .home .cl-header-top-nav-sticky .cl-h-cl_header_logo {
    display: block;
  }

  .home .main.header-row {
    background: #98cdcd;
  }

  .astm-search-menu svg {
    height: 40px;
    width: 40px
  }

  .astm-search-menu svg {
    height: 40px;
    width: 40px;
  }

  .open form.is-search-form {
    margin: 0 auto
  }

  .open.astm-search-menu svg {
    height: 20px;
    width: 20px;
  }

  .gsection {
    margin-top: 50px !important;
  }

  .home .cl_team .position {
  display: none
  }

  #site_content {
    margin-top: 0;
  }

  #site_content .inner-content-row {
    padding-top: 0
  }

  #viewport .cl-h-cl_header_logo img {
    height: 33px;
  }

  .header-row-inner {
    flex-direction: row-reverse;
  }

  .cl-h-cl_header_button {
    display: none;
  }


  .page-id-2058 .header_container {
    background: rgba(0, 0, 0, 0)
  }

  .video-bg {
    height: unset;
  }

  .video-bg video {
    object-fit: contain;
    height: unset;
    position: relative;
  }


  .page-logo {
    position: relative !important;
    top: 100px;
  }

  #footer-wrapper.reveal {
    position: relative;
  }

  main {
    margin-bottom: 0 !important
  }

  .thumbrows article {
    margin-top: 30px;
    border-bottom: 1px dotted #ccc
  }

  .recipes :not(.thumbrows) + .thumbrows { /*first set of thumb rows */
    padding-bottom: 75px;
  }

  .thumbrows article .post-thumbnail {
    text-align: center;
  }

  .home .services-carousel .cl_col_wrapper  {
   height: 100% !important
   max-height: 100% !important;
   min-height: initial !important;
 }

 .home .services-carousel {
   max-height: initial !important;
   height: 100% !important;
   min-height: 100% !important
 }

  .services-carousel .owl-custom-nav {
    padding-top: 0px;
    margin-top: 10px;
  }

  .home .services-carousel .col-content {
   display: block !important
  }


  .services-carousel .owl-item img {
    max-width: 75%;
    margin: 0 auto
  }

  #collaborate .container-fluid {
  max-width: 80%
  }

  body h3.section-header {
   text-align: center;
   font-size: 22px;
   line-height: 1.5em;
 }

  .patreon-callout .inner-callout img,
  .patreon-callout .inner-callout {
    max-width: 75%
  }

  body .patreon-callout h2 {
    font-size: 36px !important
  }

  body .patreon-callout p {
    font-size: 18px;
  }


  .slick-prev {
    left: 0;
    z-index: 999
  }

  .slick-next {
    right: 0;
    z-index: 999
  }

  .recipes .slider-controls {
    display: flex;
}

.recipes .slick-arrow,
.videos .slick-arrow, {
    bottom: -60px;
    top: auto;
    z-index: 999999;
  }

.recipes  .slick-prev {
    left: 33%;
    z-index: 999999999
  }
.recipes  .slick-next {
    right: 33%;
    z-index: 9999999
  }

  .recipes .slider article {
  border-bottom: 0;
}

.recipes .container-content:nth-of-type(5) {
  margin-top: 60px;
}

.recipes .slick-arrow {
  top: 110%;
}

  .experience-slider .slide h2,
  .video-slider .slide h2 {
    font-size: 28px
  }

  .experience-slider-holder,
  .video-slider-holder {
    padding-bottom: 25px
  }

  .exp-img img {
    max-height: 180px;
    max-width: 100%;
  }

  #virtual.modal {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    padding: 25px;
  }

  #virtual.modal .modal-content {
    text-align: center;
    margin-bottom: 20px;
  }

  #virtual.modal img {
    max-width: 100%;
  }

  #virtual.modal h2 {
    font-size: 28px;
    line-height: 1.2em
  }

  #virtual.modal .cl-btn {
    width: 90%
  }

  .page-id-1292 #content .cl-row { /* press page */
   padding-top: 0 !important;
    padding-bottom: 0 !important

  }

  .page-id-1292 .wrapper-heading {
    margin-bottom: 25px;
    padding-top: 25px
  }

  .video-slider .video-holder{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-slider .video-holder iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

  footer #custom_html-3 {
  display: none !important;
  }

  footer#colophon .footer-widget {

  margin-bottom: 10px !important;
  text-align: center;
  }

  footer .info {
    justify-content: center;
  }

  .inner-subscribe .klaviyo-form [data-testid="form-component"] {
    padding: 20px 0 !important
  }

 .inner-subscribe  .klaviyo-form [data-testid="form-row"] {
    flex-direction: column !important;
    align-items: center !important;
  }

  .home .about-us-img, .home .services-img {
   max-height: 50vh !important
 }

 .row.cl_row-fullheight .cl_column-fullheight.services-img, .row.cl_row-fullheight .cl_column-fullheight.services-img .cl_col_wrapper{
    min-height: initial !important;
  }

 .archive.tag-cve #site_content.recipes {
  margin-top: 0;
}

.single-recipe .recipes .slick-arrow {
  top: 33%
}

.single-recipe .recipes .slick-prev {
  left: 10%
}

.single-recipe .recipes .slick-next {
  right: 10%
}



}

@media only screen and (max-width:500px){
    .header-el.cl-h-cl_socialicon {
        display:none !important;
    }
}

@media (min-width: 1201px) and (max-width: 1460px) {
  .cl-h-cl_socialicon {
    display: none;
  }
}

/* new experiences page 2022 */

.experiences {
  overflow-x: hidden
}

.main--experiences {
  margin-top: 3rem
}


.experiences .row {

  margin-top: 6.5rem;
}

.experiences h1 {
  text-align: center;
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 1.3 !important
}



.experiences h2.subhead {
  text-align: center;
  font-family: 'Open Sans';
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.3
}


.experience--type {
  dheight: 325px;
  width: 385px;
  padding: 105px 15px 25px 15px;
  text-align: center;
  color: #000;
  line-height: 1.5rem;
  position: relative;
  margin: auto;
  font-size: 1.25rem;
  line-height: 1.5rem
}

.experience--type img {
  max-width: 150px;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
}

.experience--type svg {
  position: absolute;
  max-width: 385px;
  top: 0;
  left: 0;
}

.experience--type p {
  margin-top: 0.5rem;
}

.experiences .cl-btn {
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 65px
}

.text--cta {
  text-transform: uppercase;
  display: block;
  color: #e29bac;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline
}



.experience--type h3 {
  font-size: 25px;
  font-weight: bold !important;
  font-family: 'Open Sans'
}

.row--ctas {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.row--ctas div:first-of-type {
  text-align: center;
}

.experience--list {
  background-image: linear-gradient(to right, darkgray 10%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 20px 2px;
  background-repeat: repeat-x;
  padding-top: 80px;
}

.experiences .experience--list h4 {
  font-family: "Open Sans";
  text-align: center;
  color: #e29bac;
  font-weight: bold;
  font-style: italic;
  font-size: 1.75rem;
  letter-spacing: 1px;
}

.experience--list ul {
  margin: auto;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  max-width: 650px;
  padding-top: 1rem;
  column-gap: 50px;
  text-align: left;
  list-style-type: none;
  padding-left: 0;
}

.experience--list li {
  font-weight: bold;
  color: #000;
}

.experience--list li:before {
  content: " \00BB";
  color: #e29bac;
  padding-right: 5px;

}

.experience--list .small {
  font-size: 14px;
  font-style: italic;
  text-align: center;
}

.row--testimonials {
  background: #98cdcd;
  padding-bottom: 2rem;
}

.testimonials {
  margin: auto;
  text-align: center;
  max-width: 960px;
  padding: 4rem 0 2rem 0
}

.testimonial {
  font-family: 'Open Sans';
  color: #000;
  font-size: 36px;
  font-style: italic;
  line-height: 1.5
}

.testimonial span {
  display: block;
  font-style: normal;
  padding-top: 10px;
}

.testimonials .slick-dots li button:before {
  font-size: 12px;
}


.testimonials:before {
  content: url('/wp-content/themes/picante-child/images/Quote.svg');
  position: absolute;
  z-index: 0;
  width: 250px;
  left: -170px;
  top: -80px
}

.testimonials:after {
  content: url('/wp-content/themes/picante-child/images/Quote.svg');
  position: absolute;
  z-index: 0;
  width: 250px;
  right: -170px;
  bottom: -140px;
  transform: rotate(180deg);

}

.experiences h2 {
  text-align: center;
  max-width: 90%;
  margin: auto;
}

.experiences .addl-experiences {
  max-width: 1024px;
}

.experiences .addl-experience {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.experiences .addl-experiences svg {
  max-width: 350px;
  position: absolute;
}

.experiences .addl-experiences h3 {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.experiences .addl-experiences p {
  text-align: center;
  font-size: 18px;
  color: #000;
  max-width: 300px;
  margin: 10px auto;
  line-height: 1.5rem;
  position: relative;
}

.experiences .addl-experiences img {
  max-height: 150px;
}

.row.row--ctas.row--ctas-alt {
  margin-top: 3rem;
  padding-bottom: 3rem;
}

.bg--tan {
  background: #f7f4ed;
  margin-top: 6.5rem;
}

.bg--tan .row {
  margin-top: 3rem;
}

.experiences .crowdcast {
  margin-top: 8rem;
  background: #e29bac
}

.experiences .video {
  margin-top: 4rem;
}

@media only screen and (max-width: 600px) {
  .experiences .row {
    margin-top: 3rem;
  }

  .experience--type {
    margin-top: 6rem;
    max-width: 100%;
    width: 100%;
  }

  .experience--type.first {
    margin-top: 0;
  }

  .experiences .row--ctas {
    flex-direction: column;
    align-items: center;
  }

  .experiences .row--ctas div:first-of-type {
    margin-right: 0;
    margin-bottom: 2rem;
    text-align: center;
  }

  .experiences .experience--list h4 {
    font-size: 1.5rem;
  }

  .testimonials:before {
    width: 100px;
    left: -30px;
    top: -30px
  }

  .testimonials:after {
    width: 100px;
    right: -30px;
    bottom: -30px
  }

  .testimonial {
    font-size: 24px;
    padding-bottom: 1rem;
  }

  .addl-experiences .row {
    margin-top: 0;
    padding-top: 0
  }

  .addl-experiences .col-md-6 {
    margin-top: 6rem;
  }

  .addl-experiences h2 {
    padding-top: 6rem
  }

  .experience--list ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
  }

}