/**
* Theme Name: Airtifact Child
* Description: This is a child theme of Airtifact, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/vankarwai">Hey Themers</a>
* Template: airtifact
* Version: 1.0.1
*/

/* Header */

#site-header {
  pointer-events: none;
  padding: 90px 0;
  z-index: 9998;
  position: relative;
  transition: background 150ms linear, padding 200ms linear; }
  @media screen and (max-width: 768px) {
    #site-header {
      padding: 75px 0; } }
  @media screen and (max-width: 480px) {
    #site-header {
      padding: 50px 0 40px; } }
  @media all and (max-height: 600px) and (orientation: landscape) {
    #site-header {
      padding: 40px 0 30px; } }
  @media all and (max-height: 400px) and (orientation: landscape) {
    #site-header {
      padding: 30px 0 25px; } }
  #site-header h1, #site-header h2 {
    margin: 0; }
  #site-header.sticky {
    position: fixed;
    top: 0;
    margin-top: 0;
    width: 100%; }
    body.admin-bar #site-header.sticky {
      top: 32px; }
      @media all and (max-width: 782px) {
        body.admin-bar #site-header.sticky {
          top: 24px; } }
    #site-header.sticky.add-bg {
      padding-top: 15px;
      padding-bottom: 15px; }
      @media screen and (max-width: 768px) {
        #site-header.sticky.add-bg {
          padding-top: 20px;
          padding-bottom: 20px; } }

/* Footer */
#site-actions-up .text {
		display: none;
}


/* Caption on top arrow */

.wp-caption-text:before, .gallery-caption:before, .caption:before {
	content: "↳";
}

/* HR */
hr {
    border: none;
    background: #FFF;
    width: 100%;
    height: 1px;
    margin: 15px 0 15px;
    display: inline-block;
}

/* Flex container */

.skills-container{
		display: flex;
		flex-wrap: wrap;
}

hr.skills-ruler {
	    background: #FFF;
    width: 100%;
    height: 1px;
    margin: 15px 0 15px;
    display: inline-block;
		width: 100%;
		-webkit-box-flex: 1;
		flex: 1 100%;
}

h3.p1.skills-first {
		-webkit-box-flex: 1;
		flex: 1 75%;
    margin: 0;
}

h1.p1.skills-second {
		-webkit-box-flex: 1;
		flex: 1 25%;
    margin: 0;
}

/* Flickity page dots op mobiel zichtbaar */
@media screen and (max-width: 480px) {
      .artifact-slider.w-content {
        padding-bottom: 0; }
        .artifact-slider.w-content .flickity-page-dots {
          display: block; } }