/* Feature Overview page */
span.tourmore { font-size: 18px; cursor: pointer; }
.inactive-header span.tourmore:before { content:"Take a look at all of our features"; }
.active-header span.tourmore:before { content:"Minimize"; }
.feature-selection { display:block; border:2px solid #333; padding:20px; height:200px; position:relative; margin-bottom:20px; border-radius: 2px; }
.feature-selection img { max-width:90px; max-height:90px; opacity:.5; }
.feature-selection p { color:#8F9090; position:absolute; bottom:10px; left:0; right:0; }
.feature-selection:hover { background-color:#333; }
.feature-selection:hover img { opacity:.9; }
.feature-selection:hover p { color:#FFF; }
.tour-overview-section { padding: 50px 0; }
.tour-overview-section:nth-child(even) { background:#f7f7f7; }
.tour-overview-section h2 {padding-top:70px;}
ul.taggers span:hover { cursor: help; }

@media (max-width:1199px) {
  .tour-overview-section h2 {padding-top:50px;}
}

@media (max-width:991px) {
  .tour-overview-section h2 {padding-top:0px;}
}

@media (max-width:767px) {
  .tour-overview-section img {padding-top:30px;}
}

@media (min-width:768px) and (max-width: 991px) {
  .feature-selection { padding:0; height:160px; }
  .feature-selection img { max-width:60px; max-height:60px; }
}

.accordion-header.active-header .icon-chevron-down:before { margin-left:5px; font-size:1.2rem; display:inline-block; -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.accordion-header .icon-chevron-down:before { margin-left:5px; font-size:1.2rem; display:inline-block; -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg); }

.accordion-content.open-content { padding-top:5px !important; }

/* Feature Tour Detail pages */
.feature-image-xs {padding-bottom:30px;}
h1 { margin-top:100px; }
.tour-section { padding-top:100px; }
.tour-section:first-child { padding-top:0; }
.tour-section:nth-child(even) { background:#f7f7f7; }
.tour-section:nth-child(even) .col-sm-4 { padding-left:40px; }
.tour-section h2 { position:relative; }
.tour-section h2 span { position:absolute; left:-28px; top:-6px; font-size:2.4rem; color:#ccc; }
.byline-new { margin:2rem 0; }
.byline-new img { vertical-align:middle; margin-right:10px; }
.byline-new p { display:inline-block; font-weight:bold; }
.taggers { margin:0 0 40px; padding:0; list-style:none; font-size:.8rem; }
.taggers li { display:inline-block; margin-right:8px; margin-bottom:8px; }
.taggers li a, .taggers li span { background:#efefef; padding:4px 8px; border-radius:2px; display:block; text-transform:uppercase; color:#333; text-decoration:none; cursor:pointer; }

.peppered-cta {background-color:#222525; color:#fff; padding:40px 0;}

@media (min-width:768px) {
  .peppered-cta h1.free-trial-cta {float: right;}
  .peppered-cta .btn {width:360px;}
}

@media (max-width:991px) {
  .peppered-cta h1.free-trial-cta {margin-top:20px; font-size:2rem;}
  .peppered-cta .btn {width:330px;}
}

@media (max-width:767px) {
  .peppered-cta {text-align:center;}
  .peppered-cta .btn {margin:0 auto; max-width:300px; width:auto;}
  .peppered-cta h1.free-trial-cta {margin-top:0px; padding-bottom:10px; font-size:1.7rem;}
}

.tut-video { width:100%; height:auto; z-index:0; border:1px solid #f7f7f7; border-bottom:none; }
.blocknav .comm-ribbon { top:200px !important; }
.media-browser { background: #eee url(browser-dots.svg) no-repeat 7px 7px; background-size:45px; padding-top: 22px; border: 1px solid #eee; border-radius: 5px 5px 0 0; display: inline-block; box-sizing: border-box; position: relative; }

.bg-grey { background-color:#f7f7f7; }
.bg-grey-dark { background-color:#1e2020; }

.force-block { display:block !important; }

@media (min-width:992px) {
  h1 { margin-top:1.1rem; }
}

@media (max-width: 767px) {
  h2 span {display:none;}
  .tour-section { padding-top:40px; }
  h2 {font-size:1.4rem;}
  .tour-section:nth-child(even) .col-sm-4 { padding-left:15px; }
}