/*!
 * VERSION: 1.0.0
 * DATE: 2017-11-12
 * UPDATES AND DOCS AT: http://webt4u.ch
 *
 * @license Copyright (c) 2008-2017, webT4u. All rights reserved.
 * ___w4u_____9 is a Club webT4u membership benefit; You must have a valid membership to use
 * this code without violating the terms of use. Visit http://webT4u.ch/club/ to sign up or get more details.
 * This work is subject to the software agreement that was issued with your membership.
 * 
 * @author: Erich Furrer, erich.furrer@webt4u.ch
 */

/**
 * BEGIN CUSTOMIZE SECTION ___w4u_____9
 * border:1px solid red;
 * relative path for images in wp media library: url('../../../uploads/image.jpg') for css
 * relative path for images in wp media library: <image src="../wp-content/uploads/image.jpg") for html
*/
/*———————————————————————————————————————————————————————————————————————————————————————————————*/
/*CUSTOMIZE BEGIN --1--*/
/* BEGIN OVERLAY FORM FOR COURSES */
/* do not show automatic field with kurs-id */
p.et_pb_contact_field_0{
	display:none;
}

/* text area color */
#et_pb_contact_message_0{
  background-color:transparent;
  color:white;
}
/* button erneute Anmeldung */
#reload-button{
  border-color: white;
  color: white;
}

/* message from form , success or not all fields filled out */
.wpcf7-not-valid-tip{
  color:rgb(240, 120, 73);
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  text-align: left;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
  color:rgb(240, 120, 73);
  font-weight: bold;
}

.wpcf7 form.sent .wpcf7-response-output {
  color:#8ab446;
  font-size: 18px;
  font-weight: bold;
}

.wpcf7-form input, .wpcf7-form textarea {
  font-size: 20px;
  color: #000000;
  width: 80%;
  }
  /* defines rows in textarea */
  .wpcf7-form textarea {
  height: 4em;
  }
/* END OVERLAY FORM FOR COURSES */
/*************************************** p1 ***********************************************/
/*************************************** p2 ***********************************************/
/*CUSTOMIZE END --1--*/
/**———————————————————————————————————————————————————————————————————————————————————————————————*/
/* END CUSTOMIZE SECTION */

/*=============================================================*/
/* DIVI Media Queries for reading in resize callback operations. See: jw4u_lib class4 w4ulib_waitForFinalEvent()
* DiviBuilder: smartphone: <768  tablet: 768  desktop: >768; 
* Smartphones in portrait mode (0-479px)
* !!! Note: this queries are only active if adjustment in settings is activated!!!!
* read in js the following way(see also in js header, its it predefined:
* __mediaWidth = window.getComputedStyle(document.querySelector('#w4u-data-master'), ':after').getPropertyValue('content').replace(/\"/g, "");		
*/
#w4u-data-master::after{
	content:"0";
	visibility: hidden;
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ){#w4u-data-master::after{
   content:'480';  
}}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ){#w4u-data-master::after{
   content:'768';
}}
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ){#w4u-data-master::after{
   content:'981';
}}
/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px ){#w4u-data-master::after{
   content:'1100';
}}
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ){#w4u-data-master::after{
   content:'1405';
}}
/*=============================================================*/
/***************** begin template section ****************************/

/***media queries , for mobile first ***/

/* DIVI Smartphones in landscape mode (480-768px) */
/*
@media only screen and ( max-width: 767px ){
  {
  	
  }
}
*/
/* DIVI  Tablets in portrait mode (768-980px) */
/*
@media only screen and ( min-width: 768px ) and ( max-width: 980px ){
  {
  	
  }
}
/* DIVI  Tablets in landscape mode (981-1100px) */
/*
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ){
  {
  	
  }
}
/* DIVI  Laptops and desktops (1100-1405px) */
/*
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px ){
  {
  	
  }
}
/* DIVI  Large screens (1405px upwards) */
/*
@media only screen and ( min-width: 1405px ){
  {
  	
  }
}

/**** media queries for DIVI BUILDER ***/

/* DIVI  Phone */
/*
@media only screen and ( max-width: 767px ){
  {
  	
  }
}

/* DIVI  Tablet */
/*
@media only screen and ( min-width: 768px ) and ( max-width: 980px ){
  {
  	
  }
}

/* DIVI  Desktop */
/*
@media only screen and ( min-width: 981px ){
  {
  	
  }
}
*/



/***************** end template section ****************************/