/*
Theme Name:     Immersion 2015
Description:    This is a custom theme created especially for you by your friends at ArtsDigital. Don't be a stranger.
Author:         ArtsDigital.co
Author URI:     http://artsdigital.co
Template:       wordpress-bootstrap
*/


/**
 * Attention developers: Put your styles in less/styles.less and compile with Grunt.
 */

/* Padding adjustment for subnav pages, i.e. About. */
.tab-without-subsection,
body>section.tab-content>div.tab-pane.active>div.sub-nav.sub-sub>section {
  padding-top: 30px;
}

/* Hide "Uncategorized" from blog sidebar category list. */
.cat-item-1 {
  display:none;
}

/* Gravity Forms touch-ups. */
.gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex select {
  width: 97%!important;
}
div.ginput_container_name span:last-child {
  padding-right: 0;
  padding-left: 6px;
}
div.ginput_container_name span {
  padding-right: 10px !important;
  margin-right: -4px;
}
.gform_wrapper {
  max-width: none !important;
  width: 102.5% !important;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
  margin-top: 10px !important;
}
.gform_wrapper.gf_browser_chrome input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]), .gform_wrapper.gf_browser_chrome textarea, .gform_wrapper.gf_browser_gecko input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]), .gform_wrapper.gf_browser_gecko textarea, .gform_wrapper.gf_browser_safari input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=file]), .gform_wrapper.gf_browser_safari textarea {
  border: none;
}

.blog #main article .thumb, .category #main article .thumb, .search #main article .thumb {
  min-height: 240px;
  height: auto;
}
.blog .the-latest .thumb, .category .the-latest .thumb, .search .the-latest .thumb {
  min-height: 350px;
  height: auto;
  padding: 0;
}
@media (min-width: 992px) {
  .blog .the-latest .thumb, .category .the-latest .thumb, .search .the-latest .thumb {
    min-height: 420px;
    height: auto;
  }
}
.thumb {
  background-size: cover;
  background-position: center;
}

/*
video::-webkit-media-controls {
    display:none !important;
    -webkit-appearance: none;
}
*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none
}
*/

.experience-haptics-btn {
  display: block;
  margin: 30px auto;
  width: 170px;
  z-index: 1;
  position: relative;
}

.icon-section h2 {
  margin-top: 0;
  padding-top: 15px;
}

.home-carousel {
  padding-top: 60px;
}

.home-news h2 {
  margin: 0;
}

@media (max-width: 768px) {
  #mobile-play-btn {
    margin-top: 30px;
  }
}

@media (max-width: 640px) {
  #mobile-play-btn {
    margin-top: 30px;
  }
  
  .experience-haptics-btn {
    margin: 140px auto;
    border-color: #2b3c73;
    color: #2b3c73;
    background: transparent;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .home-haptics.content-section.with-background {
    padding-top: 88px;
  }
  
  .home-interactive {
    overflow: visible;
  }
}

@media (max-width: 610px) {
  .home-haptics.content-section.with-background {
    padding-top: 120px;
  }
}

@media (max-width: 575px) {
  .home-haptics.content-section.with-background {
    padding-top: 160px;
  }
}

@media (max-width: 560px) {
  .experience-haptics-btn {
    margin: 80px auto;
  }
  
  .home-haptics.content-section.with-background {
    padding-top: 120px;
  }
}

@media (max-width: 525px) {
  .experience-haptics-btn {
    margin: 50px auto;
  }
  
  .home-haptics.content-section.with-background {
    padding-top: 85px;
  }
}

@media (max-width: 510px) {
  .experience-haptics-btn {
    margin: 110px auto;
  }
  
  .home-interactive .home-headline p {
    display: none;
  }
}

@media (max-width: 425px) {
  .experience-haptics-btn {
    margin: 85px auto;
  }
}

@media (max-width: 375px) {
  .experience-haptics-btn {
    margin: 55px auto;
  }
}

@media (max-width: 350px) {
  .home-interactive .home-headline h1 {
    font-size: 18px;
    margin-top: 30px;
  }
}

