/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm
*/
@import url("../stockholm/style.css");

.portfolio_single a:hover { 
background-size: 4px 50px;
}

.portfolio_single a {
  background:
     linear-gradient(
       to bottom, #8dc63f 0%,
       #8dc63f 100%
     );
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 3px 3px;
  color: #717171;
  text-decoration: none;
  transition: background-size .2s;	
  font-weight: 400;
  padding-bottom: 3px;
  margin-bottom: -3px;
}
	
	

@media screen and (max-width: 1025px) {
/* verberg all de desktop-only tiles. */
	#volunteers_desktop, #solidarity_desktop, #google_desktop, #partners_desktop, #foundation_desktop, #partners_desktop, #village_desktop, #organisation_desktop, #sponsors_dekstop, #bioartvillage_desktop, #talent_desktop, #badaward_desktop, #education_desktop, #tours_desktop, #exhibition_desktop, #talks_desktop, #contact_desktop, #internships_desktop, #collaborations_desktop, #contributors_desktop, #laboratory_desktop, #techniques_desktop, #materials_desktop {
    display: none;
  }
/* resize canvas voor mobile versie */
	#canvas {
		width: 100% !important; 
		height: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		position: absolute;
		display: block;
	}
	.full_width_inner {
		display: none;
	}
/* Maar social and privacy statement zichtbaar voor mobile */
	.home #social_mobile {
		display: block !important;
	}
	.q_logo .normal {
		display: none !important;
		visibility: hidden !important;
	}
	.mobile_menu {
		display: block !important;
	    width: 80% !important;
    	height: 80% !important;
		margin-left: 50% !important;
		transform: translateX(-50%) !important;
    	top: 20px !important;
	}
	.mobile_menu span {
		color: #444 !important;
		font-family: 'Ubuntu', sans-serif !important;
		font-size: smaller !important;
	}
	.current_page_item > a > span {
		text-decoration: line-through;
		}
	.sub_menu {
		font-style: italic !important;
	    font-family: "Merriweather",serif;
		color: #444;
	}
	.sub_menu a {
	font-size:large !important;
	color: #444;
	}
}

.mobile_menu {
	display: none;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h4 {
	font-size: 30px;
	color: #8d8d8d;
	text-transform: none;
	line-height: 50px;
	letter-spacing: 0;
  }


/* maak menu achtergrond transparant voor fullpage backgrounds */
aside.vertical_menu_area {
    background-color: transparent !important;
}

/* maak menu tekst zwart */
.menu-text > a {
	color: black;

}

/*verschuif sub-menu 5 pixels naar rechts*/
.second {
	margin-left: 10px !important;
}

.second * {
	font-style: italic !important;
	font-family: "Merriweather",serif;
	color: #444;
	-webkit-transition: color .3s ease !important;
    -moz-transition: color .3s ease !important;
    -o-transition: color .3s ease !important;
    -ms-transition: color .3s ease !important;
    transition: color .3s ease !important;
}

/* plaatsing logo */
.q_logo_vertical img.normal {
    position: relative;
    width: 100px;
}

/* Scale canvas with resize attribute to full size */
canvas[resize] {
    width: 100%;
    height: 100%;
}

/* justify al de tekst */
p {
	text-align: justify;
}

/* custome margin rondom witte 'tegels' */
.tile {
	padding: 77px 44px;
	background: #fff;
	text-align: center;
}

@media screen and (max-width: 1260px) {
	p {
		font-size: 12px;
		line-height: 26px;
	}
}

/* full-screen = echt full-screen.
.gambit_parallax_inner {
    width: 100vw !important;
    max-width: 100vw !important;
	background-size: calc(100vw + 60px) !important;
}*/

.portfolio_single_text_holder > ul, .content > ul {
    font-family: "Ubuntu", sans-serif;
	list-style-position: outside;
	margin-left: 20px;
    line-height: 30px;
}

.portfolio_navigation {
	display: none;
}

.home .projects_holder article .portfolio_title {
	color: #000 !important;
}