/* --------------------------------------------------------------
   * Theme Name: BSOC
   * Version: 20110702 5:40 PM
 
   * Author: Chris Krupski
   * Website: http://poview.pl

   * (c) 2010 Poview. All Rights Reserved.
-------------------------------------------------------------- */

@import url("styles/css/reset.css");
@import url("styles/css/typography.css");
@import url("styles/css/forms.css");
@import url("styles/css/events.css");
  /* UI CSS */
  @import url("styles/css/ui/shadowbox.css");
  @import url("styles/css/ui/box.css"); 

/* GLOBAL
-------------------------------------------------------------- */
body {background:url(styles/images/body-bg.png)} 

#page {min-height:100%; height:auto !important; height:100%} /* hack */
#head, #content, #footer {width:960px; position:relative; clear:both; margin:0 auto}
 .head_img {background:url(styles/images/head-image.png) no-repeat; position:absolute; right:80px; top:15px; width:640px; height:135px}
  .menu {position:relative; clear:both; margin:0 auto; z-index:9999}

/* Headings
-------------------------------------------------------------- */
#header {background:url(styles/images/bg.png) repeat-x; height:230px; border-bottom:1px solid #d9d9d9}
.blog-page #header {border-bottom: none; margin-bottom: 35px; background: none}
#head {height:230px;}
#head .logo {background: url(styles/images/logo.png) no-repeat; float: left; width: 184px; height: 167px; display: block; position: relative; margin:30px 0 10px 60px}
.blog-page #head {width: 920px; border-bottom: 3px dotted #F20079; background: url(styles/images/blog/blog-header-bg.png); background-repeat: no-repeat; background-position: bottom left}
#js-warning {width: 938px; margin: 25px auto; padding: 10px; background-color: #fff; border: 1px solid #E50178; color: #E50178; font-size: 13px}

/* search */
 #header #searchform {background:#fff; position:absolute; right:0; top:30px; border:#dbdbdb 1px solid}
 #header #searchform #s {border:none;  margin:0; height:21px; width:180px}
 #header #searchform #searchsubmit {background:url(styles/images/search.png) no-repeat; border:none; height:27px; margin:0; text-indent:-9999px; width:35px}


#nav {position:relative; display:block; float:right; border:1px solid #f2f2f2; border-bottom-color:#dcdcdc; background:url(styles/images/menu-bg.png) repeat-x; height:40px; margin-top:170px; right:0}
#nav ul {padding:0 0.5em}
#nav ul,
#nav ul li {margin:0; float:left; display:block; position:relative}
#nav ul li a:link,
#nav ul li a:visited {display:block; padding:10px 12px 11px}
#nav ul li:hover > a {background:#dd006b}
#nav ul li a span {font-size: 11px}
#nav ul li a:hover span {background:#c0005d !important}

  #nav ul li ul {position:absolute; background:#fff; border:1px solid #d50067; border-top:none; display:none; margin-top:-5px; padding:0}
  #nav ul li ul * {background:#dd006b !important}
  #nav ul li ul li a {min-width:130px; line-height: 13px;}
  #nav ul li ul li:hover > a {background:#c0005d !important; border-top:1px solid #b20056; border-bottom:1px solid #b20056; padding-top:9px; padding-bottom:10px} /* hack */
  #nav ul li:hover ul {display:block}
  #nav ul li#menu-item-1119 {display:none; background:#dd006b}
  #nav ul li#menu-item-1119 a {color: #ffffff}

#nav .current_page_item a:link,
#nav .current_page_item a:visited {background:none}
#nav .current_page_item:hover > a {background:#dd006b} /* hack */

#nav .menu .current-page-ancestor > a:link,
#nav .menu .current-page-ancestor > a:visited {color:#dd3586 !important} /* hack */

#nav .menu .current-page-ancestor:hover > a,
#nav .sub-menu .current-page-ancestor a:link,
#nav .sub-menu .current-page-ancestor a:visited {color:#fff !important} /* hack */

li#menu-item-201 a {color: #DD3586}
li#menu-item-201 a:hover {color: #DD3586}

ul#qtranslate-chooser {list-style-type: none; position: absolute; top: 10px; right: 0px; margin: 0; padding: 0;}
ul#qtranslate-chooser li {float : left; margin-left: 10px;}
ul#qtranslate-chooser li a {text-decoration: none; color: #707070;}

#coteca {position: absolute; top: 150px; left: 260px}
#coteca a#bookCoteca {margin: 0 0 0 40px; text-decoration: none; color: #D50067}
#coteca a#bookCoteca:hover {text-decoration: underline}

a#blog-bsoc-logo {display: block; width: 80px; height: 79px; position: absolute; top: 55px; left: 90px; background: url(styles/images/blog/blog-bsoc-logo.png)}
a#blog-logo {display: block; width: 224px; height: 62px; position: absolute; top: 65px; left: 185px; background: url(styles/images/blog/blog-logo.png)}
a#back-to-bsoc {position: absolute; bottom: 8px; left: 695px; font-size: 14px; color: #d9d9d9; text-decoration: none}
a#back-to-bsoc:hover {text-decoration: underline; color: #E50178}

/* CONATINER
-------------------------------------------------------------- */
#continer {background:url(styles/images/bg.png) repeat-x; overflow:hidden}
.content-head {background:url(styles/images/head_h1.png) no-repeat; width:960px; height:245px;font-size:0;}
.content-head-en {background:url(styles/images/head_h1_en.png) no-repeat; width:960px; height:245px}

.box1.contact-intro {
    /*border-bottom: 8px dotted #d41e6a;*/
    margin: 0 20px 20px 20px;
    width: 100%;
    
    text-align: center;
}
.contact-intro h2 {line-height:1.125;}
.contact-intro p {font-size:18px;text-align: center;}

p.text-center a{
    color: #c51e65;
    font-weight:700;
}
.column_one,.column_two {display:block; overflow:hidden}
  .box1,.box2,.box3,.box4,.box5 {margin:5px}
  .box2 {padding:15px; border:1px solid #e6e6e6; border-bottom-color:#b5b5b5}

.column_one {padding:10px -4px 10px}
  .box1 {padding:0}
   .box1 h1 {margin:20px 0 10px}
  .box2 {background:#fff; height:265px; width:588px}

.column_two {padding:10px -4px 10px}
  .column_two_inside {width:470px; float:right}
    .box3 {padding:15px}
    .box4 {width:450px; padding:15px 0}
    .box5 {width:460px; padding:15px 0}
      .box4 .article,
      .box5 .article {margin-bottom:60px}
      .box4 .article:last-child,
      .box5 .article:last-child {margin-bottom:0}

   /* MEMTA */
   .meta {margin:15px 0; clear: both}
   .meta .more:hover {margin-right:2px}
    .meta .more {float:right;display:block}
     .meta .more .mlink {background:#dd006b; border-bottom:1px solid #9e9e9e !important; padding:0px 7px; display:block; float:right}
      .meta .more .mlink {border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; behavior: url(styles/css/ui/ie.htc)}
	  .meta .more .arrow {background:url(styles/images/arrow.png); height:19px; width:15px; display:block; float:right}

/* IMAGE_SLIDER */
#slider {position:relative; margin-bottom:25px; background:#fff url(styles/images/slides/nav/loading.gif) no-repeat 50% 50%}
#slider img {position:absolute; top:0px; left:0px; display:none}
#slider a {border:0}

#slider2 {position:relative;background:#fff url(styles/images/slides/nav/loading.gif) no-repeat 50% 50%}
#slider2 img {position:absolute; top:0px; left:0px; display:none}
#slider2 a {border:0}

#slider3 {position:relative; float:left; background:#fff url(styles/images/slides/nav/loading.gif) no-repeat 50% 50%}
#slider3 img {position:absolute; top:0px; left:0px; display:none}
#slider3 a {border:0}

 .sours-slice {display:block; height:265px; width: 200px; position:absolute}

  .sours-caption {top:0; right:0; position:absolute; height: 220px; width:348px; z-index:89; padding:20px 30px 0}
  .sours-html-caption {display:none}

	.sours-controlNav {position:absolute; left:601px; top:-15px; z-index:200}
	.sours-controlNav a {display:block; cursor:pointer; width:300px; height:26px; padding-left:25px; border-bottom:1px solid #e6e6e6 !important; margin:10px 0 0 3px; float:left}
	.sours-controlNav a.active {background:url(styles/images/slides/nav/slider_arrow2.png) no-repeat 0 -2px}
	.sours-directionNav a {display:block; width:32px; height:34px; background:url(styles/images/slides/nav/arrows.png) no-repeat; text-indent:-9999px; border:0}
	.sours-nextNav {background-position:-32px 0; right:10px}
	.sours-prevNav {left:10px}

.dot,.dot_silver {width:100%; height:5px; margin:20px 0}
  .dot {background:url(styles/images/dots.png) repeat-x top}
  .dot_silver {background:url(styles/images/dots.png) repeat-x bottom}
  
span.wp-tooltip a {text-decoration: none; color: #707070}

/* BLOG & PAGES
-------------------------------------------------------------- */
.pages {width:650px; margin:30px 20px 30px 0}

  .pages_sidebar {width:250px; text-align:right; margin:30px 5px 30px 0}

    .pages_box1 {height:270px; width:178px; padding:15px; margin:0 0 25px 0; border:1px solid #e6e6e6; border-bottom-color:#b5b5b5; background:#fff}
	.pages_box2 {height:270px; width:420px}

  /* SIDEBAR NAV */
	#sidebar_nav ul {margin-top:10px; list-style:none}
	#sidebar_nav_blog a:link {display:block; padding:6px 0; margin:-6px 0} /* blog style */
	#sidebar_nav li {padding:6px 0}
	#sidebar_nav li a {border-bottom:1px solid #dcdcdc}
	/*#sidebar_nav li.menu-item-183 a {border-bottom:1px solid #dcdcdc !important}*/ /* hack for coffee@home */
	#sidebar_nav li.menu-item a span {font-size: 13px}
	/*#sidebar_nav li a:last-child {border-bottom:none !important}*/
	#sidebar_nav li a:link {display:block; padding:6px 0; margin:-6px 0}
		
		#sidebar_nav .sub-menu {margin-top:6px}
		#sidebar_nav ul li {padding:8px 0}
		#sidebar_nav ul li a {padding:6px 0; margin:-6px 0; display:block}
		#sidebar_nav ul li ul {padding:0; margin:0 0 25px 0}
		#sidebar_nav ul li ul * {border-bottom:none} /* hack */
		#sidebar_nav ul li:hover ul {display:block}

	#sidebar_nav .current_page_item a:link,
	#sidebar_nav .current_page_item a:visited {color:#dd3586} /* hack */

	#sidebar_nav .current-page-parent > a:link,
	#sidebar_nav .current-page-parent > a:visited {color:#dd3586} /* hack */
	
.blog-page #continer {background: none; font-family: Myriad Pro, Arial; color: #707a7e}
.blog-page {padding-bottom: 50px}
	
ul#blog-sidebar {margin: 30px 20px 0 0; padding: 0 0 0 0; width: 230px; text-align: left}
ul#blog-sidebar,
ul#blog-sidebar ul,
ul#blog-sidebar a {text-decoration: none; color: #707a7e; font-size: 14px; line-height: 20px}
ul#blog-sidebar a:hover {text-decoration: underline; color: #dc006b}
ul#blog-sidebar a#fb-link {background: url(styles/images/blog/icon_fb.gif) no-repeat; padding: 0 0 0 25px}
ul#blog-sidebar a#tw-link {background: url(styles/images/blog/icon_twitter.gif) no-repeat; padding: 0 0 0 25px}
ul#blog-sidebar a#articleAbo {background: url(styles/images/blog/icon_RSS1.gif) no-repeat; padding: 0 0 0 25px}
ul#blog-sidebar a#articleAbo:hover {background: url(styles/images/blog/icon_RSS2.gif) no-repeat; padding: 0 0 0 25px}
ul#blog-sidebar a#articleAboEmail {background: url(styles/images/blog/icon_mail1.gif) no-repeat; padding: 0 0 0 25px}
ul#blog-sidebar a#articleAboEmail:hover {background: url(styles/images/blog/icon_mail2.gif) no-repeat; padding: 0 0 0 25px}
ul#blog-sidebar img {margin-right: 5px}
ul#blog-sidebar li {list-style-type: none;}
ul#blog-sidebar ul,
ul#blog-sidebar div {padding: 0 0 0 5px}
ul#blog-sidebar li.widget {margin: 0 0 20px 0;}
ul#blog-sidebar h2 {margin: 0 0 12px 0;	padding: 0 0 0 5px; font-size: 22px; font-weight: normal; color: #707a7e; line-height: 26px; border-bottom: 1px solid #d9d9d9}
ul#blog-sidebar #samolocik {height: 74px; background: url(styles/images/samolocik.gif) no-repeat}

ul#blog-sidebar li#search-3 {position: relative; border-bottom: 1px solid #d9d9d9; padding: 0 0 5px 0}
ul#blog-sidebar li#search-3 label {display: none}
ul#blog-sidebar li#search-3 input#s {width: 206px; height: 28px; margin: 0 0 0 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; color: #707a7e; font-family: Myriad Pro, Arial; font-size: 14px}
ul#blog-sidebar li#search-3 input#searchsubmit {position: absolute; top: 5px; left: 190px; background: url(styles/images/search-icon.gif) no-repeat; border: none; width: 28px; height: 21px; text-indent: -9999px}

ul#blog-sidebar li#newsletter-widget input {width: 206px; height: 28px; margin: 13px 0 10px 0; padding: 0 5px 0 5px; border: 1px solid #d9d9d9; color: #707a7e; font-family: Myriad Pro, Arial; font-size: 14px}
ul#blog-sidebar li#newsletter-widget label {font-size: 14px; font-weight: normal}
ul#blog-sidebar li#newsletter-widget #newsletter-code {padding: 0 0 0 0}
ul#blog-sidebar li#newsletter-widget form#subscribe {width: 200px; margin: 0; float: left;}
ul#blog-sidebar li#newsletter-widget input {width: 215px;}
ul#blog-sidebar li#newsletter-widget button {padding: 2px 4px; width: auto; font-size: 14px; border-radius: 0px; text-transform: uppercase}

#we-like {position: relative; height: 250px;}
#we-like a {position: absolute; text-indent: -9999px; background-repeat: no-repeat; display: block}
#we-like a#like-bkr {top: 8px; left: 0; width: 110px; height: 26px; background: url(styles/images/blog/BKR_Logo2.png)}
#we-like a#like-bkr:hover {background: url(styles/images/blog/BKR_Logo1.png)}
#we-like a#like-drg {top: 4px; left: 135px; width: 43px; height: 37px; background: url(styles/images/blog/DRG_Logo2.png)}
#we-like a#like-drg:hover {background: url(styles/images/blog/DRG_Logo1.png)}
#we-like a#like-cm {top: 60px; left: 4px; width: 33px; height: 42px; background: url(styles/images/blog/coffee_master_logo2.png)}
#we-like a#like-cm:hover {background: url(styles/images/blog/coffee_master_logo1.png)}
#we-like a#like-rwk {top: 65px; left: 95px; width: 85px; height: 37px; background: url(styles/images/blog/regenwald_logo2.png)}
#we-like a#like-rwk:hover {background: url(styles/images/blog/regenwald_logo1.png)}
#we-like a#like-sch {top: 125px; left: 0; width: 100px; height: 32px; background: url(styles/images/blog/schluerf_logo2.png)}
#we-like a#like-sch:hover {background: url(styles/images/blog/schluerf_logo1.png)}
#we-like a#like-wsoc {top: 120px; left: 135px; width: 43px; height: 44px; background: url(styles/images/blog/warsaw-school-of-coffee2.png)}
#we-like a#like-wsoc:hover {background: url(styles/images/blog/warsaw-school-of-coffee1.png)}
#we-like a#like-sal {top: 180px; left: 0; width: 45px; height: 41px; background: url(styles/images/blog/escuela_logo2.png)}
#we-like a#like-sal:hover {background: url(styles/images/blog/escuela_logo1.png)}

.blog-content {width: 630px; margin-bottom: 20px; margin-right: 40px; margin-left: 20px; color: #707a7e; font-size: 14px; line-height: 16px}
.blog-content.bottom-nav {margin: 10px 0 30px 70px; width: 560px}
.blog-content.bottom-nav a {text-decoration: none; color: #707a7e; font-size: 14px}
.blog-content.bottom-nav img {vertical-align: -1px}
.blog-content p {margin: 16px 0 16px 0}
.blog-content .left {margin: 4px 0 0 0 ; width: 70px; min-height: 100px; background: url(styles/images/date-bg.png) no-repeat; text-align: center; color: #FFFFFF; position: relative}
.blog-content .left .post-month {width: 51px; font-size: 18px; position: absolute; top: 4px; left: 0}
.blog-content .left .post-day {width: 51px; font-size: 34px;  font-weight: bold; position: absolute; top: 38px; left: 0}
.blog-content .right {margin: 0 0 0 0; padding: 0 0 15px 0;	width: 560px; border-bottom: 3px dotted #f20079;}
.blog-content .right.single {border-bottom: 1px solid #d9d9d9}
.blog-content a {color: #707a7e; text-decoration: underline}
.blog-content .post-info a:hover,
.blog-content a:hover {text-decoration: underline; color: #dc006b}
.blog-content p a {color: #dc006b;}
.blog-content h2 {color: #dc006b; font-size: 42px; line-height: 1; margin: 0 0 7px 0}
.blog-content h2 a:hover {text-decoration: none}
.blog-content .post-info {color: #707a7e; font-size: 12px; margin: 0 0 22px 0}
.blog-content .post-info a {color: #707a7e; font-size: 12px; text-decoration: underline}
.blog-content .write-comment {height: 20px; margin: 30px 0 0 0}
.blog-content .write-comment a {background: url(styles/images/blog/icon_kommentar1.gif) no-repeat; padding: 0 0 0 27px}
.blog-content .write-comment a:hover {background: url(styles/images/blog/icon_kommentar2.gif) no-repeat}

.comments {width: 560px; margin: 0 0 0 70px}
.comments h3#comments-title {padding: 0 0 3px 0; margin: 0 0 15px 0; font-size: 22px; font-weight: bold; color: #707a7e; border-bottom: 2px solid #d9d9d9}
.comments ol {margin: 0 0 0 0; padding: 0 0 0 0}
.comments ul.children {padding: 0 0 0 30px}
.comments li.comment {list-style: none }
.comments div.comment {margin: 0 0 15px 0; padding: 15px 20px 10px 20px; background-color: #eeeeee}
.comments div.comment p {margin: 0 0 15px 0; font-size: 14px}
.comments .comment-header {font-size: 16px; margin: 0 0 15px 0}
.comments span {text-decoration: underline}
.comments span.comment-number {color: #e20177; font-weight: bold; text-decoration: none}
.comments .reply {text-align: right}
.comments a.comment-reply-link {font-size: 12px; text-decoration: none}
.comments form#commentform {margin: 10px 30px 10px 30px}
.comments label {font-weight: normal; font-size: 14px}
.comments textarea,
.comments input {border: 1px solid #e3e3e3; font-size: 14px; font-family: Myriad Pro,Arial; color: #707A7E}
.comments input#submit {padding: 2px 4px; width: auto; font-size: 14px; border-radius: 0px}
.comments h3#reply-title {display: none}

#postSubscribe {width: 250px; padding: 10px; font-family: Myriad Pro,Arial; font-weight: normal}
#postSubscribe label {font-size: 22px; font-weight: normal}
#postSubscribe input#s2email {width: 240px; border: 1px solid #D9D9D9; color: #707A7E; font-size: 14px; height: 28px; padding: 0 5px; font-weight: normal; margin: 10px 0 0 0}
#postSubscribe input[type=submit] {width: 110px; font-size: 14px; padding: 2px 4px; background-color: #DD006B; color: #FFFFFF; border: none; height: 22px; margin: 0 5px 0 5px}

.info-popup { display: none; width: 300px; margin: 5px 40px 20px 10px; font-weight: bold; color: #707070; font-size: 13px; line-height: normal }
.info-popup.error { color: #E50177 }


ol li {
	margin-left:20px;
	padding-left:4em;
	padding-bottom:10px;
}
ol li strong {
		display:inline-block;
		margin-left:-4em;

}

.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}

.custom-counter li::before {
  display:inline-block;
  position:relative;
  content: counter(step-counter);
  left: -5em;
  font-size: 100%;
  background-color: rgba(229, 1, 120,.99);
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

/* TRAINERS PAGE
-------------------------------------------------------------- */
.trainer-cont { margin-bottom: 40px }
.trainer-cont div { vertical-align: top }
.trainer-picture { display: inline-block; width: 280px }
.trainer-description { display: inline-block; width: 360px }


/* FRIENDS PAGE
-------------------------------------------------------------- */

.friends-flex {display:flex;flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content: space-around;}
.friends-flex div div { 
width: 140px; 
height: 140px; 
margin: 1.5rem .5rem;
display:flex; 
    justify-content: center;
    align-items: center;}

/*#friends div div { float: left; width: 140px; height: 140px; margin: 0 30px 20px 0 }
#friends div div:last-child { margin-right: 0 }
#friends div div div { float: none; display: table-cell; vertical-align: middle; text-align: center }
*/
/* CONTACT PAGE
-------------------------------------------------------------- */
fieldset {margin:15px 0 0 0; padding:0; border:none; width:640px}
label {margin-bottom:5px; font-size:1.2em; font-weight:700}
label.error {color:#da3939; font-size:1em; font-style:italic; font-weight:400; margin:-5px 0; padding:3px 2px; border:2px solid #ddd; background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; float:right}
input[type="text"],input[type="number"],input[type="tel"],input[type="date"],input[type="email"]  {border:1px solid #94a5b3; color:#3b3c3c; font-size:1.2em; padding:5px; width:98%}
textarea {border:1px solid #94a5b3; color:#3b3c3c; font-size:1.2em; height:125px; padding:5px; width:98%;overflow:auto}

.form-submit {width:220px; float:right}
 .button,#submit,.button3 {margin:4px 0; background:#dd006b; border:none; padding:8px 16px; color:#fff; display:block; float:right; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(styles/css/ui/ie.htc)}
   .button:hover,#submit:hover,.button3:hover {background:#bc025a; cursor:pointer}

#subscribe {background:none; margin:10px; width:380px; float:right}

#saveform {width:350px; background:#fff; height:290px}
#saveform table {width:350px}
#saveform table tr {margin:10px 0 !important}
#saveform table tr td {text-align:right !important}
#saveform table tr td.td-l label {text-align:right !important; width:120px; color:#4D4D4D; font-weight:normal !important}
#saveform table tr td.td-i input {width:200px; margin:10px 20px 10px -15px !important}

/* DRUCKEN BUTTON */
.drucken {cursor:pointer; background:url(styles/images/drucken.gif) no-repeat; display:block; padding-left:20px; padding-top:2px; font-size:13px; text-decoration:none; overflow:hidden}
.drucken:hover {color:#5c8300}
.drucken:after {clear:both; content:"\0020"; display:block; height:0; overflow:hidden}

  /* LANG ICON */
  .polish {background-image: url(../img/flags/pl.png)}
  .english {background-image: url(../img/flags/en.png)}
  .germany {background-image: url(../img/flags/de.png)}

/* contact form 7 */
.wpcf7-form p {font-size: 1.2em; font-weight: 700; margin-bottom: 15px}
.wpcf7-form p span input {height: 20px; font-size: 1.0em; font-weight: normal}
.wpcf7-form p span textarea {font-size: 1.0em}
.wpcf7-submit {background: none repeat scroll 0 0 #DD006B; border: medium none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: block; float: right; margin: 4px 0; padding: 8px 16px; width: auto; font-size: 13px}

.small2 {font-size: 10px; line-height: 10px !important}
/* Call-Me-Back PAGE */
label.rr-label  select {
    width: 50%;
    margin: 10px 0;
}
option {
    font-size: 1.2rem;
    color: #505050;
}
label.rr-label input[type="text"],
label.rr-label input[type="number"],
label.rr-label input[type="tel"],
label.rr-label input[type="date"],
label.rr-label input[type="email"] {
    font-size: 1.2rem;
    color: #706070;
    font-style:italic;
    margin: 10px 0;
}
label.rr-label{
    font-size:1em;
}
/* CATERING PAGE
-------------------------------------------------------------- */
#catering-form { font-family: Arial }
#catering-form label { font-size: 13px; font-weight: normal; width: 110px; float: left }
#catering-form input { font-size: 13px; width: 410px; height: 18px; border-radius: 4px }
#catering-form input[type="checkbox"] { width: auto; margin: 2px 10px 3px 0; border: none }
#catering-form input[type="radio"] { border: none }
#catering-form input[type="radio"] { width: auto; margin: 0 10px 5px 0 }
#catering-form select { height: 25px; height: 28px; border-radius: 4px }
#catering-form textarea { font-size: 13px; font-family: Arial; height: 18px; border-radius: 4px }
#catering-form #kontaktdaten label { margin-top: 5px }
#catering-form #kontaktdaten input { display: block; width: 302px; margin-bottom: 5px }
#catering-form .pink-label { color: #DD3586; font-size: 15px; font-weight: bold; margin: 20px 0 10px 0 }

/* POSTER PAGE
-------------------------------------------------------------- */
#poster-form { font-family: Arial }
#poster-form label { font-size: 13px; font-weight: normal; width: 110px; float: left }
#poster-form input { font-size: 13px; width: 410px; height: 18px; border-radius: 4px }
#poster-form input[type="checkbox"] { width: auto; margin: 2px 10px 3px 0; border: none }
#poster-form input[type="radio"] { border: none }
#poster-form input[type="radio"] { width: auto; margin: 0 10px 5px 0 }
#poster-form select { height: 25px; height: 28px; border-radius: 4px }
#poster-form textarea { font-size: 13px; font-family: Arial; height: 18px; border-radius: 4px }
#poster-form #poster > div { margin-top: 5px;margin-bottom:5px;overflow:hidden;display:block;}
#poster-form #poster > div > div { margin-top: 5px;margin-bottom:5px;overflow:hidden;display:block;}
#poster-form input[name^="anz-"]{width:40px;}

#poster-form #kontaktdaten label { margin-top: 5px }
#poster-form #kontaktdaten input { display: block; width: 302px; margin-bottom: 5px }
#poster-form .pink-label { color: #DD3586; font-size: 15px; font-weight: bold; margin: 20px 0 10px 0 }


/* WHY BSOC PAGE
-------------------------------------------------------------- */
.why-bsoc { overflow: auto }
.why-bsoc .item { perspective: 1000px; height: 250px; width: 200px; float: left; margin: 0 25px 25px 0; cursor: pointer }
.why-bsoc .item:nth-child(3n) { margin-right: 0 }
.why-bsoc .flipper { height: 200px; transition: 0.6s; transform-style: preserve-3d; position: relative }
.why-bsoc .item.hover .flipper { transform: rotateY(180deg) }
.why-bsoc .item .front { z-index: 2; width: 200px; height: 200px; background-size: 200px 200px; background-repeat: no-repeat; transform: rotateY(0deg) }
.why-bsoc .item h5 { text-align: center; margin: 20px 0 0 0; font-weight: bold }
.why-bsoc .item .front, .why-bsoc .item .back { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0;	left: 0 }
.why-bsoc .item .description { display: table-cell; vertical-align: middle; text-align: center }
.why-bsoc .item .back { transform: rotateY(180deg); width: 200px; height: 200px; display: table }

/* IE9+ CSS, animations not working... */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	.why-bsoc .item { -ms-transform-style: preserve-3d; -ms-transform: perspective(1000px) }
	.why-bsoc .flipper { -ms-transform-style: preserve-3d }
	.why-bsoc .item.hover .flipper { transform: rotateY(0deg) }
	.why-bsoc .item .back { -ms-transform: rotateY(-180deg) }
	.why-bsoc .item.hover .back { -ms-transform: rotateY(0deg) }
	.why-bsoc .item.hover .front { -ms-transform: rotateY(180deg) }
}

.why-bsoc .item-standort .front { background-image: url('styles/images/why-bsoc-icons/01__A_Standort.png') }
.why-bsoc .item-standort:hover .front { background-image: url('styles/images/why-bsoc-icons/01__B_Standort.png') }
.why-bsoc .item-zertifikate .front { background-image: url('styles/images/why-bsoc-icons/02__A_Zertifikate.png') }
.why-bsoc .item-zertifikate:hover .front { background-image: url('styles/images/why-bsoc-icons/02__B_Zertifikate.png') }
.why-bsoc .item-kursangebot .front { background-image: url('styles/images/why-bsoc-icons/03__A_Kursangebote.png') }
.why-bsoc .item-kursangebot:hover .front { background-image: url('styles/images/why-bsoc-icons/03__B_Kursangebote.png') }
.why-bsoc .item-roestwoche .front { background-image: url('styles/images/why-bsoc-icons/04__A_Roestwoche.png') }
.why-bsoc .item-roestwoche:hover .front { background-image: url('styles/images/why-bsoc-icons/04__B_Roestwoche.png') }
.why-bsoc .item-ursprungsreise .front { background-image: url('styles/images/why-bsoc-icons/05__A_Ursprungsreise.png') }
.why-bsoc .item-ursprungsreise:hover .front { background-image: url('styles/images/why-bsoc-icons/05__B_Ursprungsreise.png') }
.why-bsoc .item-unabhaengigkeit .front { background-image: url('styles/images/why-bsoc-icons/06__A_Unabhaengigkeit.png') }
.why-bsoc .item-unabhaengigkeit:hover .front { background-image: url('styles/images/why-bsoc-icons/06__B_Unabhaengigkeit.png') }
.why-bsoc .item-trainerteam .front { background-image: url('styles/images/why-bsoc-icons/07__A_Trainerteam.png') }
.why-bsoc .item-trainerteam:hover .front { background-image: url('styles/images/why-bsoc-icons/07__B_Trainerteam.png') }
.why-bsoc .item-handouts .front { background-image: url('styles/images/why-bsoc-icons/08__A_Handouts.png') }
.why-bsoc .item-handouts:hover .front { background-image: url('styles/images/why-bsoc-icons/08__B_Handouts.png') }
.why-bsoc .item-contact .front { background-image: url('styles/images/why-bsoc-icons/09__A_Contact.png') }
.why-bsoc .item-contact:hover .front { background-image: url('styles/images/why-bsoc-icons/09__B_Contact.png') }
.why-bsoc .item-hunger .front { background-image: url('styles/images/why-bsoc-icons/10__A_Hunger.png') }
.why-bsoc .item-hunger:hover .front { background-image: url('styles/images/why-bsoc-icons/10__B_Hunger.png') }

/* preload images to avoid blinking on hover */
.why-bsoc:after {
	display: none;
	content: url('styles/images/why-bsoc-icons/10__B_Hunger.png') url('styles/images/why-bsoc-icons/09__B_Contact.png') url('styles/images/why-bsoc-icons/08__B_Handouts.png') url('styles/images/why-bsoc-icons/07__B_Trainerteam.png') url('styles/images/why-bsoc-icons/06__B_Unabhaengigkeit.png') url('styles/images/why-bsoc-icons/05__B_Ursprungsreise.png') url('styles/images/why-bsoc-icons/04__B_Roestwoche.png') url('styles/images/why-bsoc-icons/03__B_Kursangebote.png') url('styles/images/why-bsoc-icons/02__B_Zertifikate.png') url('styles/images/why-bsoc-icons/01__B_Standort.png'); 
}

/* FOOTER
-------------------------------------------------------------- */
#footer {height:90px; clear:both; overflow: hidden; }
#footer::after {clear:both; content:"\0020"; display:block; height:0; overflow:hidden}

#footer ul {padding-left:0; margin:30px 0 110px; height:40px}
#footer ul li {display:block; float:left; position:relative; padding-right:40px}

  .a2a_dd {width:70px}
  .a2a_dd_2 {width:60px; margin-left:20px}
  .a2a_dd,
  .a2a_dd_2 {float:left; margin-top:4px; border:1px solid #cccccc; background:#eeeeee; padding:8px 16px; color:#787878; display:block; border-radius: 8px 8px; -moz-border-radius: 8px 8px; -webkit-border-radius: 8px 8px; behavior: url(styles/css/ui/ie.htc)}
  .a2a_dd:link,
  .a2a_dd_2:link {text-decoration:none}
  .a2a_dd:hover,
  .a2a_dd_2:hover {background:#dfdfdf; cursor:pointer; color:#5c5c5c}

  .a2a_dd_5 {width:118px; float:right; margin:0 18px 0 0; border:1px solid #cccccc; background:#eeeeee; padding:4px 12px; color:#787878; display:block; border-radius: 5px 5px; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; behavior: url(styles/css/ui/ie.htc)}
   
  .a2a_dd_4 {width:75px; position:absloute !important; float:left; margin:-30px 0 0 500px; border:1px solid #cccccc; background:#eeeeee; padding:6px 14px; color:#787878; display:block; border-radius: 8px 8px; -moz-border-radius: 8px 8px; -webkit-border-radius: 8px 8px; behavior: url(styles/css/ui/ie.htc)}
  .a2a_dd_4 a {text-decoration:none} /**/ .a2a_dd_4:hover {background:#dfdfdf; cursor:pointer; color:#5c5c5c}

  #agb_list {width:350px; left:195px; text-align:center; margin-top:-52px; border:1px solid #cccccc; background:#eeeeee; padding:10px 14px; border-radius: 8px 8px; -moz-border-radius: 8px 8px; -webkit-border-radius: 8px 8px; position:absolute}
   #agb_list a {text-decoration:none; text-align:center} /**/ #agb_list a:hover {font-weight:600; cursor:pointer}
    a.a2a_dd {text-decoration:none}

#preiseBTN {margin-top:4px; text-decoration:none; position:absolute; margin:-50px 0 0 130px; border:1px solid #cccccc; background:#eeeeee; padding:4px 16px; color:#787878; display:block; border-radius: 8px 8px; -moz-border-radius: 8px 8px; -webkit-border-radius: 8px 8px}

    #footer .copyright {float:right; line-height:40px}
    #footer .author {margin:30px 0 30px}
    
/* IE 7, 8, 9 HACK's
-------------------------------------------------------------- */
.ie7 #content {position:static}

.barista_kompakt {background:url(styles/images/ie_text_hack/barista_kompakt.png) no-repeat; width:359px; height:163px}
.barista_mini {background:url(styles/images/ie_text_hack/barista_mini.png) no-repeat; width:359px; height:163px}
.existenzgruender_kompakt {background:url(styles/images/ie_text_hack/Existenzgruender_Kompakt.png) no-repeat; width:359px; height:163px}
.unternehmen_coffeebar {background:url(styles/images/ie_text_hack/Unternehmen_Coffeebar.png) no-repeat; width:359px; height:163px}
.barista_professional {background:url(styles/images/ie_text_hack/barista_professional.png) no-repeat; width:379px; height:184px}
.barista_technik {background:url(styles/images/ie_text_hack/barista_technik.png) no-repeat; width:379px; height:210px; margin-top:-10px}
.existenzgrunderwoche {background:url(styles/images/ie_text_hack/existenzgrunderwoche.png) no-repeat; width:379px; height:190px; margin-top:-15px}
.management_kompakt {background:url(styles/images/ie_text_hack/management_kompakt.png) no-repeat; width:379px; height:169px}
.shopmanagerwoche {background:url(styles/images/ie_text_hack/shopmanagerwoche.png) no-repeat; width:379px; height:184px}
.rostwoche {background:url(styles/images/ie_text_hack/rostwoche.png) no-repeat; width:379px; height:178px}

.barista_kompakt_en {background:url(styles/images/ie_text_hack/barista_kompakt_en.png) no-repeat; width:359px; height:163px}
.barista_mini_en {background:url(styles/images/ie_text_hack/barista_mini_en.png) no-repeat; width:359px; height:163px}
.existenzgruender_kompakt_en {background:url(styles/images/ie_text_hack/Existenzgruender_Kompakt_en.png) no-repeat; width:359px; height:163px}
.unternehmen_coffeebar_en {background:url(styles/images/ie_text_hack/Unternehmen_Coffeebar_en.png) no-repeat; width:359px; height:163px}
.barista_professional_en {background:url(styles/images/ie_text_hack/barista_professional_en.png) no-repeat; width:379px; height:184px}
.barista_technik_en {background:url(styles/images/ie_text_hack/barista_technik_en.png) no-repeat; width:379px; height:210px; margin-top:-10px}
.existenzgrunderwoche_en {background:url(styles/images/ie_text_hack/existenzgrunderwoche_en.png) no-repeat; width:379px; height:190px; margin-top:-15px}
.rostwoche_en {background:url(styles/images/ie_text_hack/rostwoche_en.png) no-repeat; width:379px; height:178px}
span.sold-out {
  color: #e3156b;
  /*font-size: 1rem;*/
  font-weight: 700;
}

/* covid message
 * --------------------------------------------------------------------------- */
div.covid--message-popup{
  margin: 20px auto;
  width:320px;
  padding:30px;
  color:#E50178;
  font-size:18px;
  line-height:1.5;
  background-color:#ffffff;
  position:fixed;
  border: 1px solid #E50178;
  top:50%;
  left:50%;
  z-index: 9999;
  transform:translate(-50%,-50%);
  box-shadow:6px 6px 12px rgba(0,0,0,.4);
}
div.covid--message-popup .closer{ 
  position:absolute;
  cursor:pointer;
  right:20px;
  top:5px;
}
.deprecation-information {
    padding: 16px;
    font-size: 16px;
    color: #ffffee;
    background: #040042e8;
    border: 1px solid #222222;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}
/* Print media section
 * --------------------------------------------------------- */
@media print {
  * {background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important}
  a, a:visited {text-decoration:underline}

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""}
  pre, blockquote {border:1px solid #999; page-break-inside:avoid}
  thead {display:table-header-group}
  tr, img {page-break-inside:avoid}
  img {max-width:100% !important}
  @page {margin:0.5cm}
  p, h2, h3 {orphans:3; widows:3}
  h2, h3{page-break-after:avoid}

  #content .pages {width:100% !important; float:left !important; text-align:justify}
  ul {margin-left:15px}
  .infobox {border:none; border-top:1px solid #d5d5d5 !important;}
  
  table, table td, table tr, table th {border:1px solid #a3a3a3 !important; text-align:center !important}
  table, .list {width:99% !important}
  .events {margin:0 !important}

  .events .list .kurswoche {width:60px !important}
  .events .list th.date {width:100px !important}
  .events .list .blockkurse {width:120px !important}
  .events .list .einzelkurse {width:180px !important}
  .events .list .price {width:60px !important}
  .events .list .save {width:85px !important}

  #header {border:none; overflow:visible; background:none; }
  #head {height:0; clear: none;}

  #nav, .head_img, #searchform, #sidebar_nav, .a2a_dd_2, #footer, #commentForm, .drucken, .post-edit-link, table .buttons, table .free, .a2_btn, .delete_btn, #preiseBTN, #bsoc-fb-like, #coteca {display:none !important}
}