/*
Theme Name: Zonaanbidder
Description: Wordpress thema Zonaanbidder
Version: 1.0 | 01-07-2025
Author: Groeier
Author URI: http://www.groeier.nl/
Template: zonaanbidder
*/

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*partner logo title weg*/
.new-special-heading
{
	display:none!important;
}

/*socket lineheigt*/
#socket .sub_menu_socket li
{
	line-height:25px!important;
}

/*Menu eerder*/
@media only screen and (max-width: 1450px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}

/*Wijzigen one fifth grid*/

div .av_one_fifth {
    margin-left: 6%;
    width: 9.2%;
}

div .av_two_fifth {
    margin-left: 6%;
    width: 30.4%;
}

div .av_three_fifth {
    margin-left: 6%;
    width: 63.599999999999994%;
}

/*Einde*/

/*Review per blok achtergrond*/
.glsr-review
{
	background-color:#fef2e5!important;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:20px;
}

/*Menuknop adviesgesprek*/

#top #header_main > .container .main_menu .av-main-nav > li.cta > a
{
	height:50px!important
}

.av-main-nav li.cta {
	margin-left: 10px;

}

.av-main-nav li.cta a, .av-main-nav li.cta a:hover 
{
	height: 30px !important;
	line-height: 35px !important;
	margin-top: 20px;
	background: #990033;
    background-image: -webkit-linear-gradient(top,#e74210,#F18700);
    background-image: -moz-linear-gradient(top,#e74210,#F18700);
    background-image: -ms-linear-gradient(top,#e74210,#F18700);
    background-image: -o-linear-gradient(top,#e74210,#F18700);
    background-image: linear-gradient(to right,#e74210,#F18700);
    color: #ffffff!important;
    padding: 7px 20px 5px 20px;
}

/*Einde*/

/*Weghalen hover bij nieuwsgrid*/
.image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
}

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

/*Table styling*/
.main_color table 
{
    background: transparent!important;
	table-layout: auto;
	width: auto; /* of 100% als je wilt dat de tabel zichzelf vult */
	border-collapse: collapse;
}

.main_color tr:nth-child(even) 
{
    color: #000!important;
}

.main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra {
    background: white;
	border:1px solid!important;
	border-color:#F18700!important;
}

.main_color td
{
	border-color:#F18700!important;
	white-space: nowrap;
}
/*Einde*/

/*Content iets omhoog in de oranje balk*/
#content .container
{
	margin-top:-175px!important;
}

/*Padding om logo heen*/
.logo 
{
	padding-top: 10px;
	padding-bottom:10px;
}

/*Grotere border onder header*/
#header_main 
{
    border-bottom-width: 4px!important;
}

/*Plaats van de onderstreping actieve pagina en aanpassing kleur*/
#top #header_main > .container .main_menu .av-main-nav > li > a 
{
	height: 60px !important;
	
}
#top #header.header-scrolled.header-scrolled-full #header_main > .container .main_menu .av-main-nav > li > a 
{
	height: 40px !important;
}

.avia-menu-fx
{
	background-color: #e74210!important;
}
/*Einde*/

/*Fontgebruik*/
p, li, .copyright, [class*=glsr-], table *
{
	font-family: Ubuntu;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.45em;
}

p
{
	margin-top:0px!important;
}

strong 
{
	font-weight: 700 !important;
}

h1, .av-special-heading-h1, .template-page .entry-content-wrapper h1
{
	font-family: Ubuntu;
	font-weight: 700;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform:none;
}


h2, .av-special-heading-h2, .template-page .entry-content-wrapper h2, #glsr_site-reviews-form-2 h3
{
	font-family: Ubuntu;
	font-weight: 700;
	font-size: 22px;
	line-height: 100%;
	text-transform:none;
	margin-top:30px!important;
}

h3, .av-special-heading-h3, .template-page .entry-content-wrapper h3
{
	font-family: Ubuntu;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-transform:none;
	margin-top:30px!important;
}


/*Menuitems*/
#header_main .avia-menu-text 
{
	font-family: Ubuntu;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
}

/*Einde font*/

/*Alle logo's centeren*/
.avia-content-slider .slide-entry-wrap 
{
    display: flex!important;
    align-items: center!important;
}

.avia-content-slider .slide-entry-wrap a
{
	background-color:transparent!important;
}

/*Knop GF*/
#top .gform_button, #top .glsr-button
{
	font-family: Ubuntu!important;
	font-weight: 700!important;
	font-style: Bold!important;
	font-size: 16px!important;
	line-height: 100%;
	letter-spacing: 0%;
	background: #990033!important;
    background-image: -webkit-linear-gradient(top,#e74210,#F18700)!important;
    background-image: -moz-linear-gradient(top,#e74210,#F18700)!important;
    background-image: -ms-linear-gradient(top,#e74210,#F18700)!important;
    background-image: -o-linear-gradient(top,#e74210,#F18700)!important;
    background-image: linear-gradient(to right,#e74210,#F18700)!important;
    color: #ffffff!important;
	padding:20px!important;
	border:0px!important;
}

/*Teksten labels GF*/
body .gform_wrapper .gform_body 
{
	text-align: left!important;
	font: normal normal normal 16px Ubuntu!important;
	letter-spacing: 0px!important;
	color: #404954!important;
	opacity: 1!important;
}

/*Ronde hoeken velden inrichten Gravity Forms*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea
{
	background: #FFFFFF 0% 0% no-repeat padding-box!important;
	border: 1px solid #728094!important;
	border-radius: 0px!important;
	opacity: 1!important;
	color:#000000!important;
}

/*Ronde hoeken velden inrichten Site review*/
body .glsr-form-wrap input[type="text"], body .glsr-form-wrap input[type="email"], body .glsr-form-wrap input[type="url"], body .glsr-form-wrap input[type="tel"], body .glsr-form-wrap input[type="password"], body .glsr-form-wrap select, body .glsr-form-wrap textarea
{
	background: #FFFFFF 0% 0% no-repeat padding-box!important;
	border: 1px solid #728094!important;
	border-radius: 0px!important;
	opacity: 1!important;
	color:#000000!important;
}

/*Verwijderen verplichte velden GF form*/
.gform_required_legend
{
	display:none!important;
}

/*Aanpassing GF label*/
#top .gfield_radio label, #top .gfield_checkbox label
{
	font-weight:normal!important;
}

/*Font voor labels*/
.gfield_label
{
	font-family: Ubuntu!important;
	font-weight: bold!important;
	font-size: 16px!important;
	line-height: 130%!important;
	letter-spacing: 0%!important;

}

/*Placeholder tekstkleur*/
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder,
body .glsr-form-wrap input::placeholder,
body .glsr-form-wrap textarea::placeholder
{
 	color: #111111!important;
 	opacity: 0.4!important;
}

/*Laatste regel home positioneren*/

@media only screen and (min-width : 990px) 
{
	.positiebutton a 
	{
			position: absolute!important;
			bottom: 20px!important;
	}
	
	/*Foto in het volgende contentblok*/
	#headerfoto
	{
		max-height:130px!important;
		height:130px!important;
	}
}

/*Border bij inleiding home*/
#home_inleiding
{
	border:4px solid!important;
	border-color:#ffffff!important;
}

/* & teken aanpassen*/
.special_amp { font-family: Ubuntu; font-size: inherit; color: inherit!important; font-weight:inherit!important;}

/*Tekst aanpassen footer*/
#customfooter p
{
	font-family: Ubuntu;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
}

/*Border toevoegen bij de footer*/
#customfooter
{
	border-top:1px solid!important;
	border-color:#000000!important;
}

#customfooter a, #customfooter strong, strong
{
	color:#000000!important;
}

/*Aanpassingen breedte van de kolommen bij de footer ivm logo*/
#customfooter .av_one_fourth:nth-child(1) {
    width: 40%;
}

#customfooter .av_one_fourth:nth-child(2) {
    width: 15%;
}

#customfooter .av_one_fourth:nth-child(3) {
    width: 12%;
}

#customfooter .av_one_fourth:nth-child(4) {
    width: 12%;
}

/*Streep naast kolom tekst*/
.kolom_streep
{
	border-left:8px solid;
	border-color:#000000!important;
	padding-left:30px;
	
}

.foto_oranje_lijn_links
{
	border-left:8px solid;
	border-color:#e74210!important;
	padding-left:0px!important;
	margin-left:0px!important;
}

.foto_oranje_lijn_rechts
{
	border-right:8px solid;
	border-color:#e74210!important;
	padding-right:0px!important;
	margin-right:0px!important;
}

/*Margin aanpassen iconenlijst*/
.avia-icon-list-container
{
	margin-top:10px!important;
}

/*Button row font en kleuren*/
.avia_iconbox_title
{
	font-family: Ubuntu;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
}

.avia-buttonrow-wrap .avia-button:first-child
{
	background: #990033;
    background-image: -webkit-linear-gradient(top,#e74210,#F18700);
    background-image: -moz-linear-gradient(top,#e74210,#F18700);
    background-image: -ms-linear-gradient(top,#e74210,#F18700);
    background-image: -o-linear-gradient(top,#e74210,#F18700);
    background-image: linear-gradient(to right,#e74210,#F18700);
    color: #ffffff;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    bottom: 0px;
    border-color: transparent !important;
    border: 0;
}

.avia-buttonrow-wrap .avia-button:last-child
{
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    bottom: 0px;
    border-color: transparent !important;
    border: 0;
}
/*Einde*/

/*Kostenindicatie blok*/
.kostenindicatie_tekst_wit
{
	background-color:#ffffff!important;
	padding-left:20px!important;
	padding-right:20px!important;
	padding-top:20px!important;
	padding-bottom:10px!important;
}

.kostenindicatie_tekst_licht_oranje
{
	background-color:#fef2e5!important;
	padding-left:20px!important;
	padding-right:20px!important;
	padding-top:20px!important;
	padding-bottom:10px!important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) 
{
  /* Add your Desktop Styles here */

	

}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media all and (max-width: 1180px) {
  /* Add your Mobile Styles here */


}

@media only screen and (max-width: 767px) 
{
	/*Partner logo element wijzigingen*/
	/*
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin 
	{
		margin-bottom: 0px!important;
	}
	
	#top .avia-logo-element-container img
	{
		margin-left:10px!important;
		margin-right:10px!important;
	}
	*/
	/*Einde*/
	
	.avia-buttonrow-wrap .avia-button:last-child
	{
		padding-left:0px!important;
		text-align:left!important;
	}
	
	/*Partner logo's meer van elkaar*/
	.responsive #top #wrap_all .avia-logo-element-container.avia-logo-grid .flex_column
	{
		margin-left:10px!important;
		margin-right:10px!important;
		margin-bottom:0px!important;
	}
	
	/*Aanpassing lijn rechts naar links op mobiel*/
	.foto_oranje_lijn_rechts
	{
		border-left:8px solid;
		border-color:#e74210!important;
		padding-right:0px!important;
		margin-right:0px!important;
		border-right:0px!important;
	}
	
	/*Nieuwsraster margin aangepast*/
	.avia-content-slider .slide-entry-wrap
	{
		margin-bottom:20px!important;
	}
	
	h1, .av-special-heading-h1, .template-page .entry-content-wrapper h1
	{
		font-family: Ubuntu;
		font-weight: 700;
		font-size: 24px;
		line-height: 100%;
		letter-spacing: 0%;
		text-transform:none;
	}
	
	/*Content iets omhoog in de oranje balk*/
	#content .container
	{
		margin-top:-180px!important;
	}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}