/* footer links  */

.spike-footer-icons {
  text-align: center;
}

footer#site-footer a.spike-social-icon {
  font-family: Arimo;
}

/* menu mobile */

#main-nav-mobile {
  background: #000000;
}

/* ul.mobile-menu-pro {
  font-family: HeroicCondensed-Heavy;
} */

ul.mobile-menu-pro li a {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 20px;
}

ul.mobile-menu-pro li > ul {
  transition: background 0.5s ease-in-out !important;
  background: #404040 !important;
  /* transition: background 0.5s ease-in-out !important;
  background: rgba(25,151,93,1);
  background: -moz-linear-gradient(-45deg, rgba(25,151,93,1) 20%, rgba(132,189,0,1) 80%) !important;
  background: -webkit-gradient(left top, right bottom, color-stop(20%, rgba(25,151,93,1)), color-stop(80%, rgba(132,189,0,1)));
  background: -webkit-linear-gradient(-45deg, rgba(25,151,93,1) 20%, rgba(132,189,0,1) 80%) !important;
  background: -o-linear-gradient(-45deg, rgba(25,151,93,1) 20%, rgba(132,189,0,1) 80%) !important;
  background: -ms-linear-gradient(-45deg, rgba(25,151,93,1) 20%, rgba(132,189,0,1) 80%) !important;
  background: linear-gradient(135deg, rgba(25,151,93,1) 20%, rgba(132,189,0,1) 80%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17864d', endColorstr='#72b106', GradientType=1 ); */
}

ul.mobile-menu-pro.collapsed li > ul li a {
  border-color: transparent;
  padding-top: 6px;
  padding-bottom: 6px;
}

ul.mobile-menu-pro.collapsed li > ul li:first-child a {
  padding-top: 18px;
}

ul.mobile-menu-pro.collapsed li > ul li:last-child a {
  padding-bottom: 18px;
}

ul.mobile-menu-pro.collapsed li .sub-collapser:before {
  background-image: url(/wp-content/uploads/2017/10/mobile-menu-arrows.png);
  background-position: bottom center;
  background-size: 100%;

  color: transparent;
}

@media only screen and (max-width: 767px) {
  #main-container-pro {
    width: 100% !important;
  }

  .adv-conteiner {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 1020px) {
  #category-title {
    width: 100%;
  }

  #spike-sidebar {
    float: left;
    display: block  !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 60px;
  }
  #spike-sidebar .adv-conteiner{
    margin-bottom: 40px !important;
  }
}

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

  .spaik-section .single-blog-meta-category-list a {
    display: table;
    margin-right: 0;
    margin-top: 4px !important;
  }

  /* h1.spike_clip_title-single{
  	font-size: 50px !important;
  	line-height: 40px;
  } */

  .single .spaik-section .progression-blog-single-content .blog-meta-date-display {
    display: block;
    float: left;
    line-height: 23px;
    font-size: 20px;
    margin-top: 4px;
    padding-top: 7px !important;
    padding-bottom: 1px !important;
  }


  .spaik-section .single-blog-lable {
    display: block;
    float: left;
    margin-top: 4px;
  }

  .spaik-section .single-blog-lable span {
    display: none;
  }

  .spaik-section h1.spike_clip_title-single {
    display: block;
    clear: both;
    margin-top: 20px;
  }

  .spaik-section .format-video h1.spike_clip_title-single {
    margin-top: 60px;
  }

  .Spike-slider .slider-content-align-ment {
    width: auto !important;
    position: relative !important;
    padding: 40px 0px 10px 20px;
  }

  .home .Spike-slider h2 {
    line-height: 22px !important;
  }

  h2.progression-blog-slider-title {
    width: 100%;
  	/* font-size: 75px;
    width: 94%;
    line-height: 62px !important; */
  }

  .Spike-slider .progression-studios-blog-excerpt {
    width: 90%;
    font-size: 22px;
    line-height: 22px !important;
  }


  .progression-elements-slider-background {
  	height: auto !important;
  	min-height: initial !important;
    background-position-y: top;
    background-size: 100%;
    padding-top: 270px !important;
    height: auto !important;
    min-width: 100%;
    min-height: 100%;
  }

  .page-id-614.slider-content-align-ment,
  .slider-info {
    /* bottom: initial !important; */
    position: relative !important;
    z-index: 5;
    border: 1px solid transparent;
  }

	.progression_animate_left{
		display: none !important;
		left: 0px !important;
		max-height: -100% !important;
	}
	.progression_animate_left.flex-active-slide{
		display: block !important;
	}
	.flex-control-nav {
      top: 276px !important;
      left: 2%;
  }

	.progression_elements_slider_dots_visiblity_hover .flex-control-paging li a{
		opacity: 1;
	}

	.adv-conteiner {
	    width: 310px;
	    height: 260px;
	    border-width: 5px;
  }

	#spike-sidebar{
		width: 100%;
		margin-left: 0px !important;
    margin-right: 0px !important;
	}
	#spike-sidebar .adv-conteiner {
		margin-bottom: 20px;
	    margin-left: auto !important;
	    margin-right: auto !important;
	}

  #category-title h1 {
    font-size: 40px !important;
    line-height: 40px;
  }
}

@media only screen and (max-width: 340px) {
  /* adv container */

  .adv-conteiner {
    border: 0;
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  #spike-sidebar {
    width: 100%;
  }

  .blog-meta-category-list {
    margin: 14px 0 10px 0 !important;
  }

  h2.progression-blog-title {
    margin: 0 0 12px 0 !important;
    line-height: 1.0 !important;
  }

  .flex-control-nav {
    top: 200px !important;
    left: 2%;
  }

  .Spike-slider .slider-content-align-ment {
    width: 100% !important;
    position: relative !important;
    padding: 20px 0px 0px 20px;
  }

  .progression-elements-slider-background {
    padding-top: 225px !important;
  }

}

/* HACK -- test on multiple browsers */
.pjs.edge-player {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  height: 0 !important;
}