/********************************************************************************************* 

x. Mixins

*********************************************************************************************/

/********************************************************************************************* 

x. Youtube

*********************************************************************************************/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/********************************************************************************************* 

x. Header

*********************************************************************************************/
header .hamburger .line,
header .navigation.main a,
header .navigation.main a:after,
header .search form input[type="text"],
header .search form .lines,
header .search form .lines:after,
header .search form .lines:before {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

/********************************************************************************************* 

x. Button + Link

*********************************************************************************************/
.link:after,
.link:before {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/********************************************************************************************* 

x. Share

*********************************************************************************************/
.share .navigation li {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.share .navigation li:nth-child(2) {
  -webkit-transition-delay: 0.125s;
  -moz-transition-delay: 0.125s;
  -ms-transition-delay: 0.125s;
  -o-transition-delay: 0.125s;
  transition-delay: 0.125s; }

.share .navigation li:nth-child(3) {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s; }
