/*
Theme Name: Enfold Child
Version: 1.0
Author: Best One A/S
Author URI: http://www.best-one.dk
Template: enfold
*/

/**********************************************
 * Kig disse styles igennem for hvad der skal *
 * bruges udfra de predefinerede elementer og *
 * sektioner som du har valgt                 *
 *                                            *
 * Table of content:                          *
 * 1. Footer                                  *
 *                                            *
 **********************************************/
/*************
* Navigation *
**************/
#top #wrap_all .av_header_transparency .main_menu .av-menu-button-colored .avia-menu-text {
	background-color: transparent;
	border-color: #fff;
}
#top .main_menu .av-menu-button-colored .avia-menu-text {padding: 10px 20px;}
.main_menu .av-icon-char {padding-right: 5px;}

/**********
* Headers *
**********/

/* HEADER 3 - Diagonal Header */
#header-3{
    background: -webkit-linear-gradient(-20deg, #f9f9f9 40%, #f7000000 40%), url(/wp-content/uploads/2018/05/header-image.jpg);
    background: -o-linear-gradient(-20deg, #f9f9f9 40%, #f7000000 40%), url(/wp-content/uploads/2018/05/header-image.jpg);
    background: -moz-linear-gradient(-20deg, #f9f9f9 40%, #f7000000 40%), url(/wp-content/uploads/2018/05/header-image.jpg);
    background: linear-gradient(110deg, #f9f9f9 40%, #f7000000 40%), url(wp-content/uploads/2018/05/header-image.jpg);
	background-position: 0,right center;
    background-size: 100%,80%;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	#header-3{
    	background: -webkit-linear-gradient(-20deg, #f9f9f9 46%, #f7000000 46%), url(/wp-content/uploads/2018/05/header-image.jpg);
    	background: -o-linear-gradient(-20deg, #f9f9f9 46%, #f7000000 46%), url(/wp-content/uploads/2018/05/header-image.jpg);
    	background: -moz-linear-gradient(-20deg, #f9f9f9 46%, #f7000000 46%), url(/wp-content/uploads/2018/05/header-image.jpg);
    	background: linear-gradient(110deg, #f9f9f9 46%, #f7000000 46%), url(/wp-content/uploads/2018/05/header-image.jpg);
		background-position: 0,right center;
    	background-size: 100%,80%;
    	background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 767px) {
	#header-3 {background: #f9f9f9;}
}

/* HEADER 4 - Ring mig op */
#header-4 .ring-mig-op form {margin: 10px 0 0;}
#header-4 .ring-mig-op input {
	margin-bottom: 0;
	border-radius: 5px;
	border:none;
}
#header-4 .ring-mig-op input[type="tel"] {
	background:#fff;
	color: #a9a9a9;
}
#header-4 .ring-mig-op input[type="button"] {
	background:#0a7bc1;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

/**********
* Footers *
**********/

/* Footer Table til Åbningstider/Telefontider */
div .avia-table.footer-table {margin-top: 0;}
.footer-table td{padding: 5px 12px !important;}
.footer-table td:last-child{text-align: right;}
.footer-table td:first-child{text-align: left;}

/* Footer Catalogue til Åbningstider/Telefontider */
.footer-catalogue .av-catalogue-title-container{font-size: 13px;}
.footer-catalogue .av-catalogue-item {text-transform: initial;}
#top .footer-catalogue .av-catalogue-item {padding: 7px 12px;}

/* Menu liste til footer */ 
/* .menu-footer-menu-container li {border: none !important;} */
#top .widget_nav_menu .menu-footer-menu-container li a{padding: 5px 3px !important;}

/****************
* Kontakt sider *
*****************/
#kontakt-2-header {
    background: -webkit-linear-gradient(-20deg, #f9f9f9 58%, #f7000000 58%), url(/wp-content/uploads/2018/05/header-image.jpg);
    background: -o-linear-gradient(-20deg, #f9f9f9 58%, #f7000000 58%), url(/wp-content/uploads/2018/05/header-image.jpg);
    background: -moz-linear-gradient(-20deg, #f9f9f9 58%, #f7000000 58%), url(/wp-content/uploads/2018/05/header-image.jpg);
    background: linear-gradient(110deg, #f9f9f9 58%, #f7000000 58%), url(/wp-content/uploads/2018/05/header-image.jpg);
	background-position: 0,right center;
    background-size: 100%,65%;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	#kontakt-2-header {
		background: -webkit-linear-gradient(-20deg, #f9f9f9 53%, #f7000000 53%), url(/wp-content/uploads/2018/05/header-image.jpg);
    	background: -o-linear-gradient(-20deg, #f9f9f9 53%, #f7000000 53%), url(/wp-content/uploads/2018/05/header-image.jpg);
    	background: -moz-linear-gradient(-20deg, #f9f9f9 53%, #f7000000 53%), url(/wp-content/uploads/2018/05/header-image.jpg);
		background: linear-gradient(110deg, #f9f9f9 53%, #f7000000 53%), url(/wp-content/uploads/2018/05/header-image.jpg);
		background-position: 0,right center;
    	background-size: 100%,86%;
    	background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 767px) {
	.diagonal-background-up {background: #f9f9f9;}
}

#kontakt-7 .post-entry {
    -webkit-box-shadow: 0px 6px 50px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 6px 50px -6px rgba(0,0,0,0.4);
    box-shadow: 0px 6px 50px -6px rgba(0,0,0,0.4);
}
/************ END ****************/


/**********
* FORSIDE *
**********/

span.logo {padding:5px !important}

.av-main-nav > li > a {font-size:14px; text-transform:uppercase;}

/*****************
* GENERAL STYLES *
******************/
/* Navigation */
.main_menu .av-icon-char {padding-right: 5px;}

/* Buttons */
.avia-color-dark.avia-size-small, .avia-color-light.avia-size-small {padding: 6px 10px 5px !important;}
.avia-color-dark.avia-size-medium, .avia-color-light.avia-size-medium {padding: 9px 16px 8px !important;}
.avia-color-dark.avia-size-large, .avia-color-light.avia-size-large {padding: 12px 30px 11px !important;}
.avia-color-dark.avia-size-x-large, .avia-color-light.avia-size-x-large {padding: 22px 50px 21px !important;}

/* Headings & content */
.special_amp {
    font-family: inherit !important;
    font-style: inherit !important;
    font-size: inherit !important;
	color: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Socket */
#socket .container {text-align:center;}
#socket .copyright {float:none;}

/* Cookie */
.avia_cookie_text a {
	color: inherit !important;
	text-decoration: underline;
}

/**************
* NINJA FORMS *
***************/

/* Ninja forms error */
.nf-field .nf-fail .ninja-forms-field{border-color: red !important;}
.nf-after-field .nf-error {display: none !important;}
.nf-error-msg {text-align: center;}

/* stlyes */
.nf-form-fields-required {display:none;}
.widget_ninja_forms_widget{padding:0;}
.nf-field-container {margin-bottom: 0 !important;}
.nf-multi-cell .nf-cell:first-child  {padding-left: 0 !important;}
.nf-multi-cell .nf-cell:last-child  {padding-right: 0 !important;}

input[type='email'], input[type='tel'], input[type='text'], input[type=button], select, textarea, input[type='password']  {
    padding:15px !important;
	font-size: inherit !important;
	font-family:inherit !important;
}
textarea {height:135px !important;}
input[type=button] {
	width: 100% !important;
    font-size: inherit !important;
	font-family:inherit !important;
	color: inherit !important;
	border-color: inherit;
	background: inherit;
    cursor:pointer; 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none;
}
input[type=button]:hover{
    opacity: 0.9;
}
input[type='tel']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    font-size: inherit !important;
	font-family:inherit !important;
	color: inherit !important;
}
input[type='tel']::-ms-input-placeholder, input[type='email']::-ms-input-placeholder, input[type='text']::-webkit-ms-placeholder, textarea::-webkit-ms-placeholder  {
    font-size: inherit !important;
	font-family:inherit !important;
	color: inherit !important;
}
input[type='tel']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='text']::-moz-placeholder, textarea::-moz-placeholder {
    font-size: inherit !important;
	font-family:inherit !important;
	color: inherit !important;
}

/*****************
* HELPER CLASSES *
******************/
/* Headings & content */
.bold h1, .bold h2, .bold h3, .bold p {font-weight: 700 !important;}
.light h1, .light h2, .light h3, .light p {font-weight: 100 !important;}
.uppercase h1, .uppercase h2, .uppercase h3, .uppercase p {text-transform: uppercase !important;}
.lowercase h1, .lowercase h2, .lowercase h3,.lowercase p {text-transform: initial !important;}
.heading-text-1 p, .heading-text-2 p{
	font-family:inherit;
	line-height: 1.1em;
	margin: 0;
}
.heading-text-1 {font-size:inherit;}
.heading-text-2 {font-size:inherit;}



/* Buttons */
#top .transparrent-button .avia-color-light {background:#0006;}
#top .transparrent-button .avia-color-dark {background:#fff6;}


/* Effects */
.grow {transition: all .3s ease-in-out;}
.grow:hover {transform: scale(1.1);}
.shadow {
	-webkit-box-shadow: 0px 13px 50px -6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 13px 50px -6px rgba(0,0,0,0.4);
	box-shadow: 0px 13px 50px -6px rgba(0,0,0,0.4)
}

/* White space */
.margin-top-0 {margin-top: 0 !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-50 {margin-top: 50px !important;}

.margin-bottom-0 {margin-bottom: 0px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}

.margin-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.margin-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.margin-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.margin-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.margin-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.margin-50 {margin-top: 50px !important; margin-bottom: 50px !important;}

/****************
* MOBILE STYLES *
*****************/

@media only screen and (min-width: 768px) and (max-width: 989px) {
	
	/* iPad style til footer med 4 koloner
	#footer > .container {
		display: grid;
    	grid-template-columns: 50% 50%;
	}
	#footer div .av_one_fourth {
		width: 100% !important;
		float: none;
		margin-left: 0 !important;
		padding: 0 10px;
	} */
}

@media only screen and (max-width: 767px) {
}