/*
Theme Name: Schouder Arm Nek Praktijk
Description: Wordpress thema Schouder Arm Nek Praktijk
Version: 1.0 | 23082017
Author: Groeier!
Author URI: http://www.groeier.nl/
Template: schouderarmnekpraktijk
*/

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

/*Socket font*/

/* styling van knop in de header slider op de homepage */
#layerslider_1 a 
{
padding: 10px;
font-size: 11px;
background: #BECA70;
color: #6D347F;
text-decoration: none;
}

#layerslider_1 a:hover 
{
background: #6D347F;
color: #BECA70;
}

/*Slider home lager dan overlappend logo (z-index)*/
#layer_slider_1 
{
position: relative;
z-index: 1;
}

/*Styling button ruimte tussen tekst en icoon */
.avia_iconbox_title 
{
margin-right: 16px;
}

/*Styling widgettitle meer ruimte eronder */
.flex_column .widget .widgettitle 
{
margin-bottom: 32px;
}

/*Styling aanmeldformulier */
#gform_2 input[type='text'],#gform_2 textarea 
{
border-color: #6D347F !important;
background-color: rgba(255,255,255,0.0) !important;
color: #6D347F !important;
font-size: 16px !important;
font-family:'museosans-300' !important;
}

#gform_submit_button_2 
{
font-family:'museosans-700' !important;
text-transform: uppercase;
background-color: #BECA70 !important;
color: #6D347F !important;
border: 2px solid #BECA70 !important;
padding-top: 10px;
padding-bottom: 10px;
}

#gform_submit_button_2:hover 
{
background-color: #6D347F !important;
color: #BECA70 !important;
border: 2px solid #6D347F !important;
}

#gform_confirmation_message_2 
{
font-size: 16px !important;
font-family:'museosans-300' !important;
}
/*Einde styling aanmeldformulier */

/*Styling contactformulier */
#gform_1 label.gfield_label 
{
color: #BECA70 !important;
}

#gform_1 input[type='text'],#gform_1 textarea 
{
border-color: #BECA70 !important;
background-color: rgba(255,255,255,0.0) !important;
color: white !important;
font-size: 16px !important;
font-family:'museosans-300' !important;
}

#top input[type="text"] 
{
font-family:'museosans-300' !important;
}

#gform_submit_button_1 
{
float: right !important;
font-family:'museosans-700' !important;
text-transform: uppercase;
background-color: #BECA70 !important;
color: #6D347F !important;
border: 2px solid #BECA70 !important;
padding-top: 10px;
padding-bottom: 10px;
}

#gform_submit_button_1:hover 
{
background-color: #6D347F !important;
color: #BECA70 !important;
border: 2px solid #BECA70 !important;
}

#gform_confirmation_message_1 
{
font-size: 16px !important;
color: white !important;
font-family:'museosans-300' !important;
margin-top: 20px;
}

/* Einde styling contactformulier */


/*styling van validatiebericht formulieren*/
.gform_wrapper div.validation_error 
{
background: white;
font-family:'museosans-300' !important;
}

/*Styling van platte tekst en lijst */
p,ul 
{
    font-size: 16px !important;
    line-height: 28px !important;
}

/*titelbar achtergrondkleur en styling titel*/
.alternate_color 
{
background: #BECA70;
}

.title_container .main-title 
{
text-transform: uppercase !important;
font-size: 36px !important;
}

.title_container .main-title a 
{
color: #6D347F !important;
}

/*Menu items met hoofdletters*/
.av-main-nav > li > a 
{
text-transform: uppercase;
}

/*bordered menu button achtergrondkleur en andere kleur tekst*/
#top .av-menu-button > a .avia-menu-text 
{
background: #BECA70;
color: #6D347F;
border-radius: 0px;
border: 2px solid #BECA70;
}

#top .av-menu-button > a .avia-menu-text:hover 
{
background: #6D347F;
color: #BECA70;
border-radius: 0px;
border: 2px solid #6D347F;
}

/* Styling knoppen home slider omhoog */
#knoppen_home_slider 
{
margin-top: -400px;
}

/*buttons met rechte hoeken */
.avia-button.avia-size-large,
.avia-button.avia-size-x-large 
{
border-radius: 0px;
}

/*styling logo in intro omhoog */
#intro_home .logo_sanp 
{
    display: none;
}

/* tekst bij icoon styling */
.av_icon_caption 
{
font-family:'museosans-700' !important;
margin-top: 30px;
color: #682D7B;
}

#top .main_color .av-no-color.av-icon-style-border a.av-icon-char 
{
color: #BECA70 !important;
font-size: 52px !important;
line-height: 52px !important;
width: 56px !important;
}

.main_color .av-no-color.av-icon-style-border a.av-icon-char 
{
border-color: #BECA70 !important;
}


/* icoon en cirkel styling */
.av_font_icon.av-icon-style-border .av-icon-char 
{
color: #BECA70;
border-color: #BECA70;
border-width: 6px !important;
}

#avia3-menu
{
	font-size: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) 
{

/* font size van knop in de header slider */
#layerslider_1 a 
{
font-size: 14px;
}

#gform_confirmation_message_1 
{
margin-top: 20px;
margin-bottom: 380px;
}

/*Google maps omhoog*/
#contactformulier 
{
margin-bottom: -385px !important;
}

}

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

.avia_textblock img {
display: none;
}

}

@media only screen and (min-width: 1024px) 
{

/*Menu items kleinere letters op iPad landscape*/
.av-main-nav > li > a {
font-size: 10px;
}

/* font size en padding van knop in de header slider */
#layerslider_1 a {
padding: 20px;
font-size: 16px;
}

/*Styling h1 en knop in header slider homepage naar links op kleinere devices */
#layerslider_1 a,
#layerslider_1 h1 {
margin-left: 10px !important;
}

/*styling logo in intro omhoog */
#intro_home .logo_sanp {
    display: block;
    max-width: 140%;
    margin-left: -60px;
    margin-top: -250px;
}

}

@media only screen and (min-width: 1200px) {



/*Menu items lettergrootte op iPad landscape*/
.av-main-nav > li > a {
font-size: 13px;
}

/*Styling h1 en knop in header slider homepage naar links op kleinere devices */
#layerslider_1 a,
#layerslider_1 h1 {
margin-left: 0px !important;
}


}

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

/*Styling h1 en knop in header slider homepage naar links op kleinere devices */
#layerslider_1 a,
#layerslider_1 h1 {
margin-left: 20px !important;
}

}

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

/*Styling h1 en knop in header slider homepage naar links op kleinere devices */
#layerslider_1 a,
#layerslider_1 h1 {
margin-left: 20px !important;
}

}


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

/*intro tekst op iPad staand over de hele breedte */
.intro_tekst {
width: 100% !important;
}

#contactformulier h2 
{
font-size: 21px;
}

}

/*
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: 767px) 
{

/*Ruimte onder de icoon met cirkel*/
.av_icon_caption 
{
margin-bottom: 50px;
}

}


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