/*
Theme Name: GiGA
Description: Wordpress thema GiGA
Version: 1.0 | 03062015
Author: Groeier!
Author URI: http://www.groeier.nl/
Template: giga
*/

/* 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 */

/*button coupon*/
.gform_wrapper input#gf_coupon_button.button 
{
    margin-left: 0px!important;
    margin-top:5px!important;
}

/*Tabel view lettertype*/
.gv-container table *
{
	font-size:16px!important;	
	text-transform:none;
}

/*Underline hyperlinks*/
.av_textblock_section a 
{ 
	text-decoration: underline !important; 
}

.iconbox .iconbox_content .iconbox_content_title {font-size: 16px;line-height: 1.3em; letter-spacing: 0px;}


body {font-size: 16px;line-height: 1.6em;}

	
	.av-special-heading-tag, h1 { font-size: 34px; line-height: 1.2em; margin-bottom: 18px;font-weight: 400!important; letter-spacing: 0px!important;}
	h2 { font-size: 28px; line-height: 1.2em; margin-bottom: 10px;font-weight: 400!important; }
	h3 { font-size: 20px; line-height: 1.4em; margin-bottom: 8px; font-weight: 700!important;}
	h4 { font-size: 18px; line-height: 1.5em; marn-bottom: 4px;font-weight: 700!important; }
	h5 { font-size: 16px; line-height: 1.5em; }
	h6 { font-size: 14px; line-height: 1.5em; }
	
	.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2, .entry-content-wrapper h3
	{
  		text-transform: none!important;
  		letter-spacing: 1px;
		color:#6d1f80;
	}

/*Gform font size*/
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=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
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 
{
    font-size:16px!important;
}

#top label 
{
	font-weight: bold;
	font-size: 16px;
}

.gform_wrapper .top_label .gfield_label 
{
	margin: .625em 0 .5em 0;
	font-weight: bold;
	display: -moz-inline-stack;
	display: inline-block;
	line-height: 1.3;
	clear: both;
	font-size:16px!important;
}

@media only screen and (min-width: 1025px) 
{
	/* Add your Desktop Styles here */
	
	.av-main-nav > li > a 
	{
		text-transform: uppercase!important;
		padding:0 10px;
		font-weight: 400;
		font-size: 16px;
	}
}

/*
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: 1025px) and (max-width: 1200px) 
{
	/* Add your Desktop Styles here */
	.av-main-nav > li > a 
	{
		text-transform: uppercase!important;
		padding:0 8px;
		font-weight: 400;
		font-size: 14px;
	}
}

/*Menu eerder*/
@media only screen and (max-width: 1024px) 
{
	.main_menu, #header_main_alternate
	{
		display:none;
	}
	
	.container #advanced_menu_toggle, #advanced_menu_hide
	{
		display:block;
	}
	
	#mobile-advanced
	{
		display:block;
	}
}


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

@media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */

.av-main-nav > li > a 
{
	text-transform: uppercase!important;
	padding:0 8px;
	font-weight: 400;
	font-size: 14px;
}

}


/* 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 */
}