/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/**
 *  1.0 - Header
 *    1.1 - Menu
 *    1.2 - Store info
 *  2.0 - Content
 *    2.1 - Links
 *    2.2 - Intro section
 *    2.3 - Formulier
 *    2.4 - Page list
 *    2.5 - Gallery
 *    2.6 - Prefix
 *  3.0 - Footer
 *  4.0 - Home
 *  5.0 - Openingstijden
 */

/*** 1.0 - Header ***/
.logo a {
    padding: 1rem 0;
}

.logo img {
    height: 100%;
}

.av_minimal_header_shadow {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

#menu-item-search {
	display: none!important;
}

/*** 1.1 - Menu ***/
#header_main_alternate {
    background: white;
}

.header_color .main_menu .menu ul li a,
#top #header .mega_menu_title a {
    background: #e2001a;
    transition: background 0.3s ease;
}

.header_color .main_menu .menu ul li a:hover,
#top #header .mega_menu_title a:hover {
    background: #ff6363;
	text-decoration: none;
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
    height: 58px;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 58px;
    line-height: 58px;
    font-weight: 100;
    font-size: 1.1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li:first-child > a {
    padding-left: 2px;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a:before,
.footer-prefix:before,
#top .header_color .main_menu .menu ul li > a:before,
#top #header .mega_menu_title a:before {
    content: "";
    width: 0; 
    height: 0; 
    border-style: solid;
    border-width: 6.5px 0 6.5px 12px;
    border-color: transparent transparent transparent transparent;
    transition: border-color 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

#top #header .mega_menu_title a:before {
	margin-top: -4px;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li.current-menu-item > a:before,
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li.current_page_parent > a:before, #top .header_color .main_menu .menu ul .current-menu-item > a:before,
.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a:hover:before {
    border-color: transparent transparent transparent #e2001a;
}

#top .header_color .main_menu .menu ul li > a:hover:before,
#top .header_color .main_menu .menu ul .current_page_item > a:before,
#top #header .mega_menu_title a:hover:before,
#top #header .current_page_item .mega_menu_title a:before{
    border-color: transparent transparent transparent white;
}

#top .av-main-nav ul a {
    color: white;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0.75rem 1.2rem;
}

.header_color .phone-info {
    color: white;
}

.header_color ul {
      border-color: #e2001a;
}

#top #header.av_minimal_header .main_menu ul:first-child >li > ul,
#header.av_minimal_header .main_menu .avia_mega_div > .sub-menu,
#header.av_minimal_header .avia_mega_div {
    border: 1px solid #e2001a;
    border-bottom-right-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
}

#top .header_color .main_menu .menu ul li > a:hover,
#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
    color: white;
}

#top .av-main-nav ul a,
.av-main-nav ul li {
    border: 0;
}

#top .header_color .main_menu .menu ul li > a,
#top #header .mega_menu_title a {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

#top #header .mega_menu_title a {
	font-size: 1rem;
    text-transform: uppercase;
    padding: 0.75rem 1.2rem;
	color: white;
	line-height: 23px;
}

#top #header .avia_mega_div > .sub-menu,
#top #header .avia_mega_div > .sub-menu > li {
	padding: 0;
}

#header .mega_menu_title {
	font-weight: 500;
}

.av-main-nav ul,
#header div.three.units {
    width: 250px;
}

#header div.three.units {
	left: 0;
}

@media only screen and (max-width: 990px) {
	.html_av-overlay-side.av-burger-overlay-active #top #wrap_all #header .menu-item-search-dropdown a,
	.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    	color: white;
	}
}

/*** 1.2 - Store info ***/
.phone-info,
.phone-info > div,
.phone-info > div > .store-info {
	width: 100%;
}

.phone-info > div > .store-info {
	display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
	.av_minimal_header #header_meta {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.responsive #top .logo {
		position: static;
		display: table;
		height: 80px !important;
		float: none;
		padding: 0;
		border: none;
		width: 65%;
	}
}

/*** 2.0 - Content ***/
.avia-section {
    min-height: 50px;
}

.actual-flex .template-page .entry-content-wrapper {
    display: flex;
}

.avia_textblock {
    line-height: 1.6;
}

.avia_transform a:hover .image-overlay {
    opacity: 0 !important;
}

body .av-special-heading.classic-quote > * {
	font-family: inherit;
}

body .av-special-heading.classic-quote > .av-special-heading-tag {
	font-style: normal;
}

.button-stretch,
.button-stretch > a {
	width: 100%;
}

#top .opening-hours-conditional.open {
	color: green;
}

#top .opening-hours-conditional.closed {
	color: red;
}

@media only screen and (max-width: 990px) {
	.actual-flex .template-page .entry-content-wrapper {
		flex-direction: column;
	}
	
	body .container_wrap .avia-builder-el-first {
	    width: 100%;
	    text-align: center;
	}
	
	body .container_wrap .avia-builder-el-last {
		width: 100%;
		margin-left: 0;
	}
	
	ul.footer-info-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	div .footer-info-container {
		justify-content: center;
		margin-bottom: 1rem;
	}
}

/*** 2.1 - Links ***/
#top .av_inherit_color a,
.main_color a {
    text-decoration: none;
    position: relative;
    overflow: hidden;
    padding: 0.2rem 0;
}

#top .av_inherit_color a:after,
.main_color a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1em;
    background-color: #DF2020;
    opacity: 1;
    transform: scale(0);
    transform-origin: center;
    transition: opacity 300ms, transform 300ms;
}

#top .av_inherit_color a:hover:after,
.main_color a:hover:after {
    opacity: 1;
    transform: scale(1);
}

/*** 2.2 - Intro section ***/
.intro-container {
    display: inline-block;
    padding: 2rem 1.5rem 2.5rem;
    background: #0a3050c7;
    border-radius: 0.4rem;
    position: absolute;
    right: 0;
    bottom: -2rem;
    width: 46%;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.js_active .av-minimum-height .container {
    -webkit-transition: opacity, transform 0.6s ease-in;
    transition: opacity, transform 0.6s ease-in;
}

.avia-section.av-minimum-height .container {
    animation-duration: 0.6s;
    animation-name: slidein;
    animation-fill-mode: both;
    animation-delay: 0.7s;
}

#av_section_1 {
    background-size: cover;
}

@media only screen and (max-width: 425px) {
	.intro-container {
		width: 100%;
	}
}

@keyframes slidein {
  from {
    opacity: 0;
    transform: translateY(3rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*** 2.3 - Formulier ***/
.wpcf7-not-valid-tip {
	color: #ff7474!important;
	margin-top: -15px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0 1em;
    border-radius: 0.2rem;
    line-height: 2; 
}

.main_color input[type='submit'] {
	background: #DF2020;
	font-size: 1rem;
	border-radius: 0.2rem;
	transition: background 0.3s ease;
}

.main_color input[type='submit']:hover {
	background: #ff6363;
}

.wpcf7-spinner {
	 margin-bottom: -6px;
}

/*** 2.4 - Page list ***/
.page-link .avia_textblock p {
	height: 128px;
}

.page-link .avia-image-container.avia-align-center .avia-image-container-inner {
	height: 190px;
    overflow: hidden;
}

body .flex_column.avia-link-column {
	transition: padding 0.3s ease, border 0.3s ease;
}

body .flex_column.avia-link-column h3,
body .flex_column.avia-link-column p {
	transition: color 0.2s ease;
}

body .flex_column.avia-link-column.avia-link-column-hover:hover {
	opacity: 1;
    border: 2px ridge #ff7474;
    padding: 0 0.3rem;
    border-radius: 0.6rem;
    background: #e2001a;
}

body .flex_column.avia-link-column.avia-link-column-hover:hover h3,
body .flex_column.avia-link-column.avia-link-column-hover:hover p {
	color: white;
}

#top .page-item {
	padding: 1rem 0.5rem;
    height: 455px;
    width: 100%;
    display: grid;
    grid-template-rows: 2fr 5fr 3fr 1fr;
}

#top .page-item > .av-special-heading-h3 {
	grid-row: 1/2;
}

#top .page-item > .avia-image-container {
	grid-row: 2/3;
}

#top .page-item > .av_textblock_section {
	grid-row: 3/4;
	overflow-y: auto;
}

#top .page-item > .avia-button-wrap {
	grid-row: 4/5;
}

#top .page-item .avia-image-container.avia-align-center {
	height: auto;
    width: 100%;
    overflow: hidden;
}

#top .page-item .avia-image-container.avia-align-center .avia-image-container-inner,
#top .page-item .avia-image-container .avia-image-overlay-wrap {
	height: 100%;
    width: 100%;
}

#top .page-item .avia-image-container .avia_image {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

/*** 2.5 - Gallery ***/
.parent-pageid-31 .avia-image-container.avia-align-center,
.parent-pageid-33 .avia-image-container.avia-align-center{
    margin-bottom: 2.4rem;
}

body.parent-pageid-31 .container_wrap .avia-builder-el-last,
body.parent-pageid-33 .container_wrap .avia-builder-el-last{
    margin-bottom: 0;
}

/*** 2.6 - Prefix ***/
#top .button-prefix .avia-button .avia_iconbox_title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#top .button-prefix .avia-button .avia_iconbox_title:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent white;
    transition: border-color 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

#top .button-prefix-backwards .avia-button .avia_iconbox_title {
	display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 2;
}

#top .button-prefix-backwards .avia-button .avia_iconbox_title:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 16px 8px 0;
    border-color: transparent white transparent transparent;
    transition: border-color 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/*** 3.0 - Footer ***/
.footer-prefix {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    text-transform: uppercase;
}

.footer-prefix:before {
    border-width: 8.5px 0 8.5px 15px;
    border-color: transparent transparent transparent white;
}

.footer-info-list {
    display: flex;
}

#top .av_inherit_color a.footer-contact:after,
#top .av_inherit_color .footer-info-list a:after {
    background-color: white;
}

.footer-contact p {
    margin: 0.65rem 0;
}

.footer-contact a {
    text-transform: uppercase;
    font-weight: 300;
}

ul.footer-info-list {
    list-style: none;
    margin: 0;
}

div .footer-info-container {
    display: flex;
    align-items: center;
}

.footer-spacer {
    margin: 0 1rem;
}

.entry-content-wrapper .footer-info-list li {
    margin-left: 1.4rem;
}

.entry-content-wrapper .footer-info-list li:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 425px) {
	.footer-credits p {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	
	.footer-spacer {
		transform: rotate(90deg);
    	opacity: 0.1;
	}
}

/*** 4.0 - Home ***/
.home .avia_textblock {
    line-height: 2;
}

/*** 5.0 - Openingstijden ***/
table.opening-hours-table {
	background: transparent;
}

table.opening-hours-table tr {
	border-color: transparent;
}

#top .main_color table.opening-hours-table.avia-data-table td {
	color: #131e28;
	border-color: transparent;
	text-align: left;
}

#top .main_color table.opening-hours-table.avia-data-table td:first-child {
	width: 8rem;
}

#top .main_color table.opening-hours-table.avia-data-table td:last-child {
	font-weight: 800;
}