/*
Theme Name: Valto
Description: Valto child theme for main Enfold theme
Version: 1.0
Template: valto
*/

/* Todo: */

/* General font */
@font-face {
    font-family: 'okayd';
    src: url('fonts/okayd.woff2') format('woff2'),
         url('fonts/okayd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	font-weight: 300;
}
h1 {
	margin: 30px 0 30px;
}
.avia_textblock   h2 {
	text-transform: none!important;
}
.av-magazine-top-heading {
	font-size: 20px;
	margin-bottom: 10px;
}

/* Main navigation */
#header {
	border-bottom: 1px solid #f0f0f0!important;
}
#header .inner-container, #header .container {
	max-width: 1210px!important;
	margin: 0 auto!important;
}
#header .main_menu .menu-item, #header .sub_menu .menu-item {
	text-transform: uppercase;
}
#header .main_menu .menu-item a {
	font-size: 18px;
	font-weight: 300; 
}
#header .sub_menu .menu-item a {
	font-size: 12px;
	font-weight: 300; 
}
#header_main {
	padding: 15px 0!important;
}
#header #header_meta, #header #header_main {
	/*background-color: #fff;*/
	border-color: #fff;
}
/*
#header .logo a img {
    margin: auto;
}
#header .logo {
    background-color: #fff;
    padding: 30px 0;
    margin-top: -20px;
    height: 160px;
    width: 29.333333333333332%;
	  transition:         .2s ease-in;
	  -o-transition:      .2s ease-in;
	  -ms-transition:     .2s ease-in;
	  -moz-transition:    .2s ease-in;
	  -webkit-transition: .2s ease-in;
}*/
#header .logo {
	height: 80px!important;
}
#header .logo.scroll {
    padding: 15px 0 5px 0!important;
	background-color: transparent!important;
	  transition:         .2s ease-in;
	  -o-transition:      .2s ease-in;
	  -ms-transition:     .2s ease-in;
	  -moz-transition:    .2s ease-in;
	  -webkit-transition: .2s ease-in;
}
#header .sub-menu {
	width: 250px!important;
}
#header .avia_mega_div > .sub-menu > li > ul > li a {
	text-transform: none!important;
}

/* Blocks and buttons */
#blocks .flex_column_table {
	margin-top: -200px;
	margin-bottom: 0;
}
#blocks .flex_column {
	cursor: pointer;
}
/* Example animation: https://codepen.io/davekilljoy/pen/wHAvb */
.avia-button {
	overflow:hidden!important;
	background: none!important;
	z-index: 1!important;
	cursor: pointer!important;
	border: 3px solid #fff!important;
	color: #fff!important;
	padding: 25px 25px 23px!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
	  transition:         .2s ease-in;
	  -o-transition:      .2s ease-in;
	  -ms-transition:     .2s ease-in;
	  -moz-transition:    .2s ease-in;
	  -webkit-transition: .2s ease-in;
}
.avia-button.avia-color-light, .avia-button.avia-color-theme-color {
	border: 2px solid #f2952c!important;
	color: #f2952c!important;
}
.avia-button.avia-color-dark {
	border: 2px solid #000000!important;
	color: #000000!important;
}
#blocks .flex_column:hover .avia-button {
	border-color: #000!important;
	color: #f2952c!important;
}
.avia-button:hover {
	border-color: #000!important;
	color: #f2952c!important;
	opacity: 1!important;
}
.avia-button:before {
	content: ""!important;
	position: absolute!important;
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
	top: 100%!important;
	z-index: -1!important;
	-webkit-transition: top .2s ease-in!important;
	background: #000!important;
}
.avia-button.avia-size-x-large {
	min-width: 0px!important;
}
#blocks .flex_column:hover .avia-button:before { 
	top: 0!important;
	opacity: 1!important;
}
.avia-button:hover:before {
	top: 0!important;
	opacity: 1!important;
}
#av-magazine-3 .av-magazine-thumbnail, #av-magazine-3 .av-magazine-top-bar  {
	float: right;
	margin-right: 0;
}
.home #sponsors .flex_column .avia-image-container-inner, .home #sponsors .flex_column img {
	width: 100%;
}
#top .fullsize .template-blog {
	padding: 0;
	margin: 0;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
	margin: 0 100px;
}
#top .fullsize .template-blog .blog-meta {
	float: left;
}
#top .fullsize .template-blog .post-title, #top .fullsize .template-blog .post-meta-infos {
	text-align: left;
}
#top .fullsize .template-blog .post_author_timeline {
	display: block;
}
#top .fullsize .template-blog article:last-child .post_author_timeline {
	display: none;
}
#evenementen .container_wrap {
	border: none;
}
#evenementen article {
	max-height: 150px;
}
#evenementen main {
	max-height: 100%;
}
#evenementen main {
	padding: 30px 0 0 0;
}

/* Blog blocks */
.av-magazine-content-wrap {
	min-height: 70px!important;
}

/* Promo box */
.avia-promocontent p {
	margin: 0.85em 5em 0.85em 0;
}
.av_promobox .avia-button.avia-size-large {
	margin-top: -33px;
}

/* Avatars */
.author-box .main_color .rounded-container {
	background: #e1e1e1!important;
}

/* Forms */
input {
	font-size: 0.92em!important;
	color: #666!important;
}
.gfield_radio input[type="text"]{
	display: inline-block!important;
    width: 94%!important;
    margin-left: 15px!important;
    vertical-align: top!important;
}
.ginput_container_date select {
	width: 100px!important;
}
.ginput_container input[type="text"] {
	margin-bottom: 15px!important;
}
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
	overflow: visible!important;
}
input[type="checkbox"]{
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 5px!important;
	margin-left: 5px!important;
	margin-right: 10px;
	width: 15px!important;
	height: 15px!important;
}

input[type="submit"] {
	padding: 25px 25px 23px!important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold!important;
	border: 2px solid #f2952c!important;
	color: #f2952c!important;
	background-color: #fff!important;
	  transition:         .2s ease-in;
	  -o-transition:      .2s ease-in;
	  -ms-transition:     .2s ease-in;
	  -moz-transition:    .2s ease-in;
	  -webkit-transition: .2s ease-in;
}
input[type="submit"]:hover {
	border-color: #000!important;
	color: #f2952c!important;
	background-color: #000!important;
	opacity: 1!important;
}
input[type="submit"]:before {
	content: "";
	position: absolute;
	background-color: #000!important;
	color: #f2952c!important;
	border-color: #000!important;
	bottom: 0;
	left: 0;
	right: 0;
	top: 100%;
	z-index: -1;
	-webkit-transition: top .2s ease-in;
}
input[type="submit"]:before:hover {
	top: 0;
}
#top #searchsubmit {
	width: 40px!important;
    height: 20px!important;
    min-height: 20px!important;
    line-height: 5px!important;
    min-width: 44px!important;
    padding: 19px 12px !important;
    font-size: 1.5em!important;
}
span.gfield_required {
    font-size: 18px!important;
    color: #f2952c!important;
}

/* Pricing table headers */
.main_color .pricing-table li.avia-heading-row {
	background-color: #f2952c;
}

/* Circles left of articles */
.main_color .rounded-container {
	background: #f2952c;
}
.post-type-archive-evenementen .post_delimiter {
	margin: 0;
}

/* Teams */
.team-member-name {
	text-transform: none!important;
	font-size: 1em;
	text-align: center;
}
.team-member-job-title {
	text-align: center;
	line-height: 1.3em;
}
.team-member-description {
	padding: 0 10px;
    font-size: 0.8em;
    text-align: center;
    font-style: italic;
    line-height: 1.3em;
}

/* Contact sections should have max width */
#contactdetails {
	max-width: 1310px;
	margin: 0 auto;
}

/* Shop */
.woocommerce-error strong {
	color: #941210;
}

/* Table standen */
body.single-teams table {
	margin-top: 10px!important;
}
tr.valtoteam td {
	font-weight: bold!important;
	background-color: rgba(255,157,0,0.4)!important;
	color: #000!important;
}

/* Products */
.onsale, .product_meta {
	display: none;
}
#top .variations_form > table {
	margin: 20px 0 0 0;
}
.single_variation_wrap {
	margin: 0 0 20px 90px;
}
.woocommerce-variation-add-to-cart {
	margin-top: 20px;
}
table.shop_table th {
	line-height: 30px;
}
#top .form-row .required {
	text-decoration: none;
}
.woocommerce .login .lost_password {
	top: 1em;
	left: 0;
}

/* Counter / countdown */
#top .av-trans-dark-style .av-countdown-cell-inner {
	color: #f2952c!important;
	background-color: #000!important;
}

/* Tablet landscape */
@media screen and (max-width: 1024px) {
	#header .main_menu .menu-item a {
		font-size: 15px!important;
	}
}
/* Tablet landscape */
@media screen and (max-width: 1023px) {
}
/* Tablet portrait */
@media screen and (max-width: 768px) {
	#header_meta {
		height: 50px!important;
		padding-top: 5px!important;
	}
	#header_meta .social_bookmarks {
		float: right!important;
		display: block!important;
		text-align: right!important;
		width: auto!important;
	}
	#header_meta .social_bookmarks > li:last-child {
		width: 15px!important;
	}
	#header_meta .sub_menu {
		float: left!important;
		padding: 0!important;
		width: auto!important;
	}
	#header_meta .sub_menu > ul {
		text-align: left!important;
	}
	#header_meta .sub_menu .menu-item {
		padding: 0!important;
	}
	.logo img {
		max-height: 60px!important;
		margin: 0!important;
	}
	#header .main_menu .menu-item a {
		font-size: 15px!important;
	}
	#header nav.main_menu {
		right: 20px!important;
	}
	#blocks .container {
		width: 100%!important;
    	max-width: 100%!important;
	}
	#blocks .flex_column_table {
		margin-top: -100px;
		margin-bottom: 0;
	}
	.avia-button {
		padding: 8px!important;
		font-size: 18px!important;
	}
	/* Magazine blocks */
	.av-magazine-thumbnail, .av-magazine-top-bar {
		float: left!important;
		margin-right: 15px!important;
	}
	#evenementen .post-title.entry-title {
		font-size: 20px!important;
	}
	#evenementen .post-meta-infos {
		line-height: 1.5em;
	}
}
/* Mobile portrait */
@media screen and (max-width: 767px) {
	.logo img {
		max-height: 40px!important;
		margin: 0!important;
	}
	#blocks .flex_column_table {
		margin-top: -60px;
		margin-bottom: 0;
	}
	#evenementen .container.template-blog {
		margin: 0!important;
		width: 100%!important;
		max-width: 100%!important;
	}
	#evenementen .template-blog .post .entry-content-wrapper {
		margin: 0 0 0 100px!important;
	}
	#evenementen .post-title.entry-title {
		font-size: 14px!important;
	}
	#evenementen .post-meta-infos {
		line-height: 1.2em;
	}
}

/* TICKETS */
.single-tribe_events .tribe-events-event-meta,
.tribe-events-cal-links,
.tribe-events-tickets .tickets_description,
.tribe-events-event-cost,
.tribe-events-button,
#tribe-events-bar
{
  display: none!important;
}
.avia_textblock p {
	font-size: 15px!important;
}
#top .main_color .quantity input.plus, #top .main_color .quantity input.minus {
    text-align: center;
}
.main_color tr:nth-child(odd) {
	background: #ffffff!important;
}
.main_color table.tribe-events-tickets, .main_color table.tribe-events-tickets td {
	border-color: #ffffff!important;
}
.tribe-events-tickets tbody {
	border-color: #ffffff!important;
}
tr.tribe-tickets-form-row {
	border-color: #ffffff!important;
}
.tribe-tickets-remaining {
	display: none!important;
}
.tribe-events-tickets .tickets_name {
	text-align: left!important;
}
.tribe-button {
	padding: 25px 25px 23px!important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold!important;
	border: 2px solid #f2952c!important;
	color: #f2952c!important;
	background-color: #fff!important;
	  transition:         .2s ease-in;
	  -o-transition:      .2s ease-in;
	  -ms-transition:     .2s ease-in;
	  -moz-transition:    .2s ease-in;
	  -webkit-transition: .2s ease-in;
}
.tribe-button:hover {
	border-color: #000!important;
	color: #f2952c!important;
	background-color: #000!important;
	opacity: 1!important;
}
.tribe-button:before {
	content: "";
	position: absolute;
	background-color: #000!important;
	color: #f2952c!important;
	border-color: #000!important;
	bottom: 0;
	left: 0;
	right: 0;
	top: 100%;
	z-index: -1;
	-webkit-transition: top .2s ease-in;
}
.tribe-button:before:hover {
	top: 0;
}
.tribe-event-tickets-plus-meta-fields, .tribe-event-tickets-meta-required-message {
	text-align: left!important;
}
.cart input[type="radio"].ticket-meta {
	width: 30px!important;
}
.woocommerce.add-to-cart {
	padding: 16px 0!important;
}
.tribe-tickets-meta-field-header {
	width: 100%;
}
#tribe-events-pg-template .tribe-events-content ul li {
  margin: 0 0 0 20px!important;
}
.av-single-event-meta-bar-inner {
  padding: 5px;
}

@media only screen and (max-width: 768px) {
	.av-single-event-meta-bar-inner {
		/*display: none;*/
	}
}