/*
Theme Name:		Divine Child
Theme URI:        http://www.elegantthemes.com/gallery/divi/
Description:        Child Theme for the Divi Theme
Author:              Sofian Krüger
Author URI:        http://sundari-webdesign.com/
Template:         Divi
Version:            1.0
*/

/*@import url("../Divi/style.css");*/
@import url("../Divi/style.min.css");
@import url("https://traditionelles-yoga.de/wp-content/themes/Divi/epanel/shortcodes/css/shortcodes-legacy.css?ver=4.22.2");


/*.et_fixed_nav.et_boxed_layout #page-container #main-header {background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), url(http://traditionelles-yoga.de/wp-content/uploads/bg-april2014b.jpg) no-repeat center center; background-size:cover}*/

.et-fixed-header {background: none!important; background: #fff!important;}

.et_header_style_centered #top-menu>li>a {padding-bottom: 20px!important;}

.et_fixed_nav.et_show_nav.et_header_style_centered #page-container {   
    margin-top: 0 !important;
}



.entry-content .optimizedtable tr td {padding: 7px 7px;}
	
#menu-item-3647 a, #menu-item-3705 a, #menu-item-3726 a {color: #ff7922!important; font-weight: bold;}

#top-header, #main-header {z-index: 9998!important;}

a.manualbutton {background-color: #911b7a;
    padding: 10px 25px;
    color: white;
    font-size: 20px;
	border-radius: 500px;}

a.manualbutton.invers {color: #911b7a; background-color: white;}

#main-footer .mailerlite-form input {width: 100%; border: 1px solid rgba(255,255,255,0.7); background-color: rgba(255,255,255,0.4);}
#main-footer .mailerlite-form input[type="submit"] {background-color: rgba(255,144,0,0.8)!important; color: white;}
#main-footer .mailerlite-form h3 {color: #509bce; font-size: 23px;}

#footer-widgets .footer-widget #nav_menu-2 li {display: inline-block;}
#footer-widgets .footer-widget #nav_menu-2 ul {text-align: right;}

#page-container #main-footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #page-container #main-footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {padding: 0!important;}
#page-container #main-footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {height: 30px!important; line-height: 10px !important; background-color: rgba(255,255,255,0.8)!important;}
#page-container #main-footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {height: 30px!important; line-height: 10px !important; background-color: rgba(255,144,0,0.8)!important; color: white;}
#page-container #main-footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, #page-container #main-footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {margin: 0 0 10px 0!important;}

.hy-subjects h3 {margin-top:0}	
.hy-subjects h4 {margin-bottom:0; color: #436477}	
	
/*
.shariff {margin-bottom: 40px;}
.et_pb_pagebuilder_layout .shariff {margin-top: -50px;}
.page-id-2239.et_pb_pagebuilder_layout .shariff,
.page-id-3701.et_pb_pagebuilder_layout .shariff,
.page-id-3724.et_pb_pagebuilder_layout .shariff {margin-top: 0px;}
*/

.et_full_width_portfolio_page #left-area {
    width: 100% !important;
}

.et_full_width_portfolio_page #content-area img {
    border: 1px solid #ddd;
	box-shadow: 3px 3px 5px #ddd;
	margin-bottom: 50px;
}

.et_full_width_portfolio_page .et_project_meta,
.et_full_width_portfolio_page .ssba {
    display: none;
}

body #overlay-2697 .et_pb_button {background-color: #fd2789;}
#sidebar-overlay {z-index: 10000!important;}
.overlay-container .overlay-close {
    right: 40px;
	  top: 70px;
}

@media (min-width: 981px)  {
.et_pb_gutters3.et_pb_footer_columns3 .footer-widget, .et_pb_gutters3.et_pb_footer_columns3 .footer-widget.last {
    width: 31%;}
.et_pb_gutters3 .footer-widget {
    margin: 0 3.5% 2.5% 0;}
	
.form50 {width:50%; float:left;}
.form50:nth-child(even) {padding-right: 2%;}
	.formclear {clear:both}
}
.wpcf7 p {font-size:18px; margin-top: 1em!important;}
.wpcf7 input[type=checkbox] {/*-webkit-appearance: button; -moz-appearance: button; */ width: 20px!important; height: 20px;}
form.wpcf7-form input[type="submit"] {
    font-size: 20px!important;
    padding: 0.25em 0.5em!important;
    line-height: 1.7em !important;
    background: #ff7922 none repeat scroll 0% 0%!important;
    border: none!important;
    color: #ffffff!important;
    border-radius: 40px!important;
    transition: all 0.2s ease 0s!important;
    width: 200px!important;
    margin: 20px auto!important;
}
	  
#main-footer .ctct-form-wrapper input[type=text], #main-footer .ctct-form-wrapper input[type=email] {
    padding: 4px;
    margin-top: 2px;
    border: none;
    color: #005792;
    background-color: #509bce;
}	  
#main-footer .ctct-form-wrapper input[type="submit"] {
    font-size: 16px;
    padding: 0.15em 0.5em;
    line-height: 1.7em !important;
    color: rgba(255,255,255,0.99) !important;
    background: #1575b7 !important;
    transition: all 0.2s ease 0s;
    margin: 0 auto;
    margin-top: 0px;
    width: 100%;
    border-radius: 100px;
    cursor: pointer;
	min-height: 32px;
}
#main-footer .et_pb_widget {
    width: 100%;
}
	  
#main-footer label {display: none;}
	  
#main-footer img:hover {opacity: 1!important;}
		
#main-footer ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #005792; text-align: center;
}
#main-footer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #005792;  text-align: center;
   opacity:  1;
}
#main-footer ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #005792;  text-align: center;
   opacity:  1;
}
#main-footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #005792;  text-align: center;
}
#main-footer ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #005792;  text-align: center;
}
		
#footer-widgets {
    padding: 3% 0 0;
}

#footer-widgets .footer-widget li {
    position: relative;
    padding-left: 0!important;
    margin-bottom: 0!important;
}
#footer-widgets .footer-widget li::before {
	border: none;
}
	 
/* Event Landing Pages in Event Manager */

.event .et_post_meta_wrapper {display: none;}

/* Event Landing pages General */

.gradient-h2 h2 {font-size: 44px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-button a.manualbutton, .gradient-button a.manualbutton:focus, .gradient-button a.manualbutton:hover {
    border: none!important;
    border-radius: 1000px!important;
    background: #ff7922!important;
    background: -moz-linear-gradient(left, #ff7922 0%, #ff208f 100%)!important;
    background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%)!important;
    background: linear-gradient(to right, #ff7922 0%,#ff208f 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7922', endColorstr='#ff208f',GradientType=1 )!important;
    font-weight: 700!important;
}

/* Event Landing pages */

.page-id-2811 #top-header, .page-id-2811 #main-header, .page-id-2811 #main-footer, .page-id-2811 .ssba {display: none;}
.page-id-2811 h1 {font-size: 44px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-2811 h2 {margin-top: 0.5em;}

.page-id-2811.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .page-id-2811.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	  padding-top: 0!important;}

body.page-id-2811 {
    width:100%;
    height: 100%;
    background-image: url("https://onlineyogaacademy.com/wp-content/uploads/Event-Banner-LP-Delia.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-id-2811 div.et_pb_section.et_pb_section_0 {
    height: 100vh;
}


/* Event Landing pages */

.page-id-2858 #top-header, .page-id-2858 #main-header, .page-id-2858 #main-footer, .page-id-2858 .ssba {display: none;}
.page-id-2858 h1 {font-size: 44px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-2858 h2 {margin-top: 0.5em;}

.page-id-2858.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .page-id-2858.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	  padding-top: 0!important;}

body.page-id-2858 {
    width:100%;
    height: 100%;
    background-image: url("https://onlineyogaacademy.com/wp-content/uploads/IntensivYoga-paradise.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-id-2858 div.et_pb_section.et_pb_section_0 {
    height: 100vh;
}


/* Event Landing pages */

.page-id-2874 #top-header, .page-id-2874 #main-header, .page-id-2874 #main-footer, .page-id-2874 .ssba {display: none;}
.page-id-2874 h1 {font-size: 44px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-2874 h2 {margin-top: 0.5em;}

.page-id-2874.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .page-id-2874.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	  padding-top: 0!important;}

body.page-id-2874 {
    width:100%;
    height: 100%;
    background-image: url("https://onlineyogaacademy.com/wp-content/uploads/IntensivYoga.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-id-2874 div.et_pb_section.et_pb_section_0 {
    height: 100vh;
}


/* Event Landing pages */

.page-id-2878 #top-header, .page-id-2878 #main-header, .page-id-2878 #main-footer, .page-id-2878 .ssba {display: none;}
.page-id-2878 h1 {font-size: 44px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-2878 h2 {margin-top: 0.5em;}

.page-id-2878.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .page-id-2878.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	  padding-top: 0!important;}

body.page-id-2878 {
    width:100%;
    height: 100%;
    background-image: url("https://onlineyogaacademy.com/wp-content/uploads/Il-potere-dellottimismo.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-id-2878 div.et_pb_section.et_pb_section_0 {
    height: 100vh;
}


/* Event Landing pages */

.page-id-2884 #top-header, .page-id-2884 #main-header, .page-id-2884 #main-footer, .page-id-2884 .ssba {display: none;}
.page-id-2884 h1 {font-size: 37px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-2884 h2 {margin-top: 0.5em;}

.page-id-2884.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .page-id-2884.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	  padding-top: 0!important;}

body.page-id-2884 {
    width:100%;
    height: 100%;
    background-image: url("https://onlineyogaacademy.com/wp-content/uploads/Meethodes-simples-pour-maintenir-lattraction-dans-le-couple-amoureux.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-id-2884 div.et_pb_section.et_pb_section_0 {
    height: 100vh;
}


/* Event Landing pages */

.page-id-2891 #top-header, .page-id-2891 #main-header, .page-id-2891 #main-footer, .page-id-2891 .ssba {display: none;}
.page-id-2891 h1 {font-size: 44px; color: #FF7922; padding: 0; margin: 0; font-weight: 300;
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-2891 h2 {margin-top: 0.5em;}

.page-id-2891.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .page-id-2891.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	  padding-top: 0!important;}

body.page-id-2891 {
    width:100%;
    height: 100%;
    background-image: url("http://onlineyogaacademy.com/wp-content/uploads/The-Miracle-of-a-Woman.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.page-id-2891 div.et_pb_section.et_pb_section_0 {
    height: 100vh;
}




	  
button.css3button, button.css3button:focus, button.css3button:hover {
 border: none!important;
    border-radius: 1000px!important;
		background: #ff7922!important; /* Old browsers */
background: -moz-linear-gradient(left, #ff7922 0%, #ff208f 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7922 0%,#ff208f 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7922 0%,#ff208f 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7922', endColorstr='#ff208f',GradientType=1 )!important; /* IE6-9 */
font-weight: 700!important;
}

div.et_pb_section.et_pb_section_0 button.css3button {
	margin-top:30px;
    font-weight: 700;
    padding: 12px 20px!important;
}



.wp_accept_pp_button_form input.wp_pp_button_reference {
    width: 100%!important;
  }


/* Something else */

/*#menu-item-2732 a {color: #ff7500!important}
*/.box-usp p {font-size: 14px; line-height: 1.5em; text-align: center; margin-top: 0.5em;}
.box-usp h2 {font-size: 28px; line-height: 1.2em; border: none; color: rgb(0, 109, 183); text-align: center; text-transform: uppercase; margin: 0;}
.box-usp {padding: 23px;}
/*    border: 1px solid #eee;
    background-color: #fafeff;
    box-shadow: 2px 2px 2px #eee;
    border-radius: 20px;
}*/

.round, .round img {border-radius: 50%;}

blockquote {
    padding: 10px 30px;
border: none;
    border-top: 1px solid #8a23b2 ;
    border-bottom: 1px solid #8a23b2 ;}
.section-banner .et_pb_text h1 {text-shadow: 3px 3px 6px #4c3500;}
.section-banner .et_pb_text p {line-height: 1.2em; text-shadow: 2px 2px 2px #000000;}
  
@media (max-width: 980px) {
.no-responsive.et_pb_row>.et_pb_column.et_pb_column_1_4 {width: 20.875%!important;}
.no-responsive.et_pb_row>.et_pb_column.et_pb_column_1_3 {width: 31.333%!important;}
.no-responsive.et_pb_row>.et_pb_column.et_pb_column_1_4 {margin-right: 5.5%!important;}
.mobile-tiles .et_pb_column.et_pb_column_empty {display: block;}
}

/*.overlay-hugeinc.open {
    display: flex;
    align-items: center;
	justify-content: center;
	}*/

table.progtable {border: 1px solid #ff7922!important;}
table.progtable td {vertical-align: top!important; font-size:13.5px; line-height: 1.5em; border-top: 1px solid #ff7922!important; border-bottom: 1px solid #ff7922!important; padding: 15px;}
table.progtable tr:nth-child(even) {background-color: #fffdf6}
td.progtabledate {/*background-color: #0077c7;*/ background-color: #ff7922!important; border: none;}
td.progtabledate h3 {background-color: #ff7922; color: #fff; margin: 10px; text-align: center; font-weight: 600; font-size: 40px; margin-top: 0;}
tr.progtablehead {/*background-color: #A6D2F0;*/ background-color: #fbc516!important; color: #9a4812; border: none;}
td.progtablefirst p {margin: 0;}
td.progtablefirst h6 {margin: 0; color: #ff7922; font-size: 14px;}
td.progtablefirst h6 strong {font-size: 20px;}
table.progtable td h4 {font-size: 27px; font-weight: 600; color: #ff7922; margin-top: -9px;}
table.progtable td h5 {color: #ff7922}
td.progtablefirst p a {text-decoration: underline; color: #777; font-size: 12px;}
table.progtable a {text-decoration: underline; color: #ff7922;}
td.progtablefirst p.freeaccess {text-align:center; margin: 0; padding: 5px!important; margin-top: 16px!important; background: #ff7922; border-radius: 50px;}
td.progtablefirst p.freeaccess a {color: white!important; font-weight: 600; background:#ff7922; padding: 5px!important; text-decoration: none!important;}

.page #mlb2-6580608 button.ml-subscribe-button {font-size: 25px !important; background-color: #ff7922 !important;}
	

/************************************************ Specific changes to this website *******************************************/

.event-box .et_pb_text_inner {padding: 20px!important; border: solid 1px #6c0084; background-color: #fff;}
.event-box .et_pb_text_inner h3 {color: #fff; background-color: #6c0084; margin: -20px -20px 20px -20px!important; padding: 8px 20px; font-size: 22px;}
.event-box .et_pb_text_inner h2 {font-size: 36px; color: #6c0084;}

.event-box.blue .et_pb_text_inner {border: solid 1px #006db7;}
.event-box.blue .et_pb_text_inner h3 {background-color: #006db7;}
.event-box.blue .et_pb_text_inner h2 {color: #006db7;}

.post-1727 .main_title {display: none;}
.et_pb_post_slider .ssba {display: none;}


/*h2 {border-bottom: 1px solid;}
*/
#top-menu li#menu-item-1834 a {background-color: #09b500; padding: 10px !important; color: white !important; border-radius: 20px;}

#et-secondary-menu li {margin-right: 3px;}
#top-header {border-bottom: 1px solid #ececec; font-size: 10px;}
#top-header, #main-header {box-shadow: 1px 1px 2px #eee;}
#top-header #et-info-phone {display: none;}


/*
.ctct-form-wrapper input[type=text], .ctct-form-wrapper input[type=password], .ctct-form-wrapper input[type=tel], .ctct-form-wrapper input[type=email], .ctct-form-wrapper input.text, input.title, .ctct-form-wrapper textarea, .ctct-form-wrapper select {
  padding: 10px;
  border: 1px solid #bbb;
  color: #4e4e4e;
  background-color: #fff;
  width: 100%;
}*/

.ctct-disclosure {display: none;}

.ctct-form-wrapper input[type=text], .ctct-form-wrapper input[type=password], .ctct-form-wrapper input[type=tel], .ctct-form-wrapper input[type=email], .ctct-form-wrapper input.text, input.title, .ctct-form-wrapper textarea, .ctct-form-wrapper select {
    padding: 5px;
    border: 1px solid #BBB;
    color: #4E4E4E;
    background-color: #eee;
    width: 100%;
}

.ctct-form-wrapper input[type="submit"] {
    font-size: 16px;
    padding: 0.15em 0.5em;
    line-height: 1.7em !important;
    color: rgba(255,255,255,0.99) !important;
    background: #6c0084 !important;
    transition: all 0.2s ease 0s;
    margin: 0 auto;
    width: 100%;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    min-height: 50px;
}



/* Breakpoints */
@media ( max-width: 1101px ) {
}
@media ( max-width: 768px ) {
}



.box-simple-shadow {
padding-top: 30px !important;
padding-right: 30px !important;
padding-bottom: 30px !important;
padding-left: 30px !important;
background-color: #fcfcfc;
box-shadow: 0px 1px 10px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 10px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 10px rgba(23, 23, 23, 0.21);
margin-left: 10px;}


/************************************************ Implementing into Master *******************************************/

/* Pages with sidebar showed the title, I guess due to my customization. 
This line deactivates them generally, which might be not the ideal final solution. 
Dig into it when checking the whole sidebar customization */
.et_pb_pagebuilder_layout .main_title {display: none;}

/* The Theme Customizer doesn't grab the line-height of lists, which in my opinion should not be different than the body text.
Set this value to the same... */
#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {line-height: 1.5em;}
/* ...And add some margin to the list elements. */
#left-area ul li, .entry-content ul li, .comment-content ul li, body.et-pb-preview #main-content .container ul li {margin-bottom: 0.2em;}


.smallprint {font-size: 0.8em; color: #777;}



/* Checkmarked lists how nice - just add class="icon_checkmark" to the ul */
ul.icon_checkmark {
  list-style: none!important;
}
ul.icon_checkmark li {
  margin-bottom: 1em!important;
  padding-left: 1.2em;
  position: relative;
}
ul.icon_checkmark li:before {
  content: "N";
  font-family: ETModules;
  font-size: 1.2em;
  color: #03b500;
  display: inline-block;
  position: absolute;
  margin-top: 2px;
  margin-left: -1.3em;
  width: 1.3em;
}
ul.icon_checkmark.icon_white li:before {
  color: #fff;
}

ul.icon_orange_flower {
  list-style: none!important;
}
ul.icon_orange_flower li {
  margin-bottom: 1em!important;
  padding-left: 1.3em;
  position: relative;
}
ul.icon_orange_flower li:before {
  content:url('https://onlineyogaacademy.com/wp-content/uploads/onlineyogaacademy-symbol-bullet-points-orange-flower.jpg');
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -2.3em;
  width: 32px;
  height: 32px;
}



/************************************************ Getting DIVI into a harmonious shape *******************************************/


/* Multicolumn responsive Blog- and Archivepages */
@media ( min-width: 767px ) {
.archive article.et_pb_post, .blog article.et_pb_post {width: 45%; float: left; margin-right: 5%;}
.archive article.et_pb_post:nth-of-type(2n+3), .blog article.et_pb_post:nth-of-type(2n+3) {clear: both;}
}

/* Multicolumn responsive Blog- and Archivepages
@media ( min-width: 767px ) and ( max-with: 1100px ) {
.archive article.et_pb_post, .blog article.et_pb_post {width: 45%; float: left; margin-right: 5%;}
.archive article.et_pb_post:nth-of-type(2n+3), .blog article.et_pb_post:nth-of-type(2n+3) {clear: both;}
}
@media ( min-width: 1100px ) {
.archive article.et_pb_post, .blog article.et_pb_post {width: 31%; float: left; margin-right: 2%;}
.archive article.et_pb_post:nth-of-type(3n+4), .blog article.et_pb_post:nth-of-type(3n+4) {clear: both;}
}
*/

/* Always show scrollbar to avoid jumping pages and calculate breakpoints better */
html {overflow-y: scroll;}

/* Cascaded font-size for the dropdown menu */
#top-menu li li a, .et_mobile_menu li li a {font-size: 90%;}
#top-menu li, .et_mobile_menu li {word-wrap: normal;}

/* Sidebar adjustments */
body #page-container #sidebar {font-size: 90%;}  

/* Headlines Optimization */
h1, h2, h3, h4, h5, h6, p {margin-bottom: 0.5em; margin-top: 1em; padding: 0;} /* Finally solved, margin is perfect, because it doesn't add up, but the bigger one is chosen */
h1, h2, h3, h4, h5, h6 {line-height: 1.3em;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {margin-top: 0} /* And first-child seems to perfectly address all instances where we don't want a top margin to move it down. first-of-type was catching also instances in the middle of content. */

/* Removing the ugly box around images which have captions */
.wp-caption {max-width: 100%; margin-bottom: 10px; padding: 0; border: none; background-color: transparent;}

/* Responsive embedded images always leaving enough space for the text next to them */
img.alignright.size-medium, img.alignleft.size-medium {max-width: 50%}

/* Blockquote */
blockquote p {font-style:italic}

/* Font Styling */
sup {font-size: 0.618em; vertical-align: super; bottom: 0}
sub {font-size: 0.618em; vertical-align: sub; bottom: 0}
#footer-info a {font-weight: normal; /* color: #108ad3 !important;*/}
.nav li li {line-height: 1.4em;}

/* Builder Pages with Sidebar */
#left-area .et_pb_row {width: 100%;}
/*#left-area .et_pb_section_0, #left-area .et_pb_row_0 {padding-top: 0px}*/
   
/* Bug fixing */
.et_pb_contact textarea {font-family: Arial;} /* Wrong font in message field */
#logo {-webkit-transform: initial;} /* Logo aliased in Chrome */

/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 981px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
.et_fixed_nav.et_show_nav #page-container {padding-top: 0px!important;}
.et_pb_section:nth-child(1), .et_pb_row:nth-child(1) {padding-top: 0;}	
	
/* Avoiding that menu items cannot be reached */
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {padding-top: 0px !important;}
.et_fixed_nav #main-header, .et_fixed_nav #top-header {position: initial !important; top: 0px !important;}
}





/******* Extras *******/

.two-columns {
-webkit-columns: 250px 2;
   -moz-columns: 250px 2;
        columns: 250px 2;
-webkit-column-gap: 40px;
   -moz-column-gap: 40px;
        column-gap: 40px;
}
.three-columns {
-webkit-columns: 250px 3;
   -moz-columns: 250px 3;
        columns: 250px 3;
-webkit-column-gap: 40px;
   -moz-column-gap: 40px;
        column-gap: 40px;
}


  
/******* Sidebar in perfect shape - See http://sundari-webdesign.com/divi-sidebar-color-and-width/ for explanations *******

@media all and (min-width: 981px) {

#page-container #main-content .container {
width: 100%;
padding-top: 58px;
padding-left: 5.5%;
padding-bottom: 58px;
}
#main-content .container #sidebar {
position: absolute;
top: 0;
right: 0;
height: 100%;
padding: 58px 30px 58px 30px;
background: rgb(238, 223, 255);
width: 28%;
}
.et_right_sidebar #left-area {
width: 72%;
}
.et_right_sidebar #main-content .container::before {
right: 28% !important;
background-color: rgb(203, 158, 255);
}
}

@media all and (max-width: 980px) {

.et_right_sidebar #sidebar {
clear: both;
padding: 30px;
margin-top: 30px;
}
#sidebar {
background: rgb(238, 223, 255);
border-top: 1px solid rgb(203, 158, 255);
}
}


  
/************************************************ Some special magic for DIVI *******************************************/

/*** Wow, Background magic ***/

/* Header: 
.et_fixed_nav.et_boxed_layout #page-container #main-header {background:url(bg-header.jpg) no-repeat center center; background-size:cover} 
*/

/* Full Site: 
body.et_cover_background {background:url(bg-main.jpg) no-repeat center center fixed !important; background-size:cover !important;} 
#main-content, .et_pb_section {background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8)}
#footer-bottom {margin-top: 0px;}
*/

/* Footer: 
footer#site-footer {background: url(bg-footer.jpg) top center no-repeat #7f0055;} 
*/

  

/************************************************ Plugins *******************************************/


/******* Responsive Lightbox by dfactory *******/

#swipebox-overlay {background: rgba(0,0,0,0.5)}

/* Fixing Overlay of menu over TosRus lightbox */
  
#main-header {z-index: 99998;}
.tos-desktop .tos-wrapper.tos-fixed {z-index: 99999; /*background-color: rgba(115,0,100,0.85);*/}



/******* Contact Form 7 *******/

span.wpcf7-list-item {display: block;}

form.wpcf7-form input, textarea, select {
    padding: 5px;
    border: 1px solid #BBB;
    color: #4E4E4E;
    background-color: #eee;
    width: 100%;
}

form.wpcf7-form input[type="checkbox"],
form.wpcf7-form input[type="radio"] {
    width: auto;
}

form.wpcf7-form input[type="submit"] {
    font-size: 16px;
    padding: 0.15em 0.5em;
    line-height: 1.7em !important;
    background: transparent none repeat scroll 0% 0%;
    border: 2px solid #00078C;
    color: #00078C;
    border-radius: 3px;
    transition: all 0.2s ease 0s;
    float: right;
    width: auto;
}


/******* Simple Share Buttons Light *******/

.ssbl-wrap .ssbl-container .ssbl-img {width: 40px!important; height: 40px!important; opacity: 0.4; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; box-shadow: none!important;}
.ssbl-wrap .ssbl-container .ssbl-img:hover {opacity: 0.7}
.ssbl-wrap .ssbl-container {text-align: center; padding-top: 15px; border-top: 1px solid #ddd}
.ssbl-wrap {margin: 40px 0}


/******* Simple Share Buttons Adder *******/

.ssba-img {opacity: 0.6; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; box-shadow: none!important;}
.ssba-img:hover {opacity: 0.9}
.ssba.ssba-wrap {padding: 10px 0; margin-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.et_pb_pagebuilder_layout .ssba.ssba-wrap {padding: 10px 0; margin-top: 0px;}
/* .page-id-XXX .ssba {display:none} */


/******* Postlist 2018-08-05 *******/

/* Some basic styling */
.postlist h3 {font-size: 22px; line-height: 1.2em; margin-top: 0; padding-top: 0}
.postlist p, .postlist .morelink a {font-size: 14px; line-height: 1.4em;}
.withthumb .lcp-container {margin-left: 220px;} 
.morelink {text-align: right;}

/* Styling of the outer container */
.postlist {
    border: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.7);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
    margin: 20px 0px;
    padding: 20px;
    overflow: auto;
}

/* The image magic */
.thumbmagic {
  float: left; 
  display: inline-block; 
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 0;  
  padding-bottom: 150px;
}
.thumbmagic img {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0;
  max-height: none;
  max-width: none;
/* min-width: 200px; width: auto; height: 100%; /* Use for portrait display */
  /*min-height: 150px;*/ height: auto; width: 100%; /* Use for landscape display */
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

/* The responsive magic */
@media screen and (max-width: 800px) {
  .thumbmagic {float: none; display: block; margin: 10px auto 20px auto;}
  .thumbmagic:empty {display: none;}
  .withthumb .lcp-container {margin-left: 0px; text-align: center;}
}

/* The cardview */
.cardview.postlist {padding: 0;}
.cardview.postlist h3 {margin-top: 20px;}
.cardview .thumbmagic {float: none; width: 100%; padding-bottom: 38%; margin-top: 0;}
.cardview .lcp-container {margin: 0; padding: 0 20px 20px 20px;}

/* Multicolumn */
@media ( min-width: 767px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 48%;}
.cardview.postlist:nth-of-type(2n+1), .nothumb.postlist:nth-of-type(2n+1) {margin-right: 4%;}
.cardview.postlist:nth-of-type(2n+3), .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
}

/* Multicolumn 3 > 2 > 1 Version */ /* Comment the upper version and uncomment this one to use it
@media ( min-width: 767px ) and ( max-width: 1100px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 48%;}
.cardview.postlist:nth-of-type(2n+1), .nothumb.postlist:nth-of-type(2n+1) {margin-right: 4%;}
.cardview.postlist:nth-of-type(2n+3), .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
}
@media ( min-width: 1101px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 32%; margin-right: 2%;}
.cardview.postlist:nth-of-type(3n+3), .nothumb.postlist:nth-of-type(3n+3) {margin-right: 0;}
.cardview.postlist:nth-of-type(3n+4), .nothumb.postlist:nth-of-type(3n+4) {clear: both;}
}
*/

/* Pagination */
.lcp_paginator li {border: 1px solid #ccc!important; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); color: #777;}
.lcp_paginator li a {color: #aaa;}
ul.lcp_paginator {padding: 0 0 20px 0!important;}
ul.lcp_paginator:before {content: ""; display: table; clear: both;} 




/****** Events *******/
.event .post-meta, .event .et_post_meta_wrapper img {display: none;}





/************************************************ CSS inherited from old website - clean up *******************************************/


/****************** Angelwweekprogram ********************/
#angelsprogram p.freeaccess {text-align:center; margin:0; padding:10px 20px;}
#angelsprogram p.freeaccess a {color: white; background:#92127B; padding:10px 20px; }
#angelsprogram h3 {padding: 10px 20px; margin: 0; background: #0074C5; font-weight: bold; color: white!important; }


/****************** Programtable ********************/
.boxes {width:100%; text-align:center; border: 3px solid rgb(148, 22, 128); border-radius:20px; margin-bottom:30px; padding:20px; background:#fff}
.boxes:before {clear:both}

.table-syn {font-size:12px}
.table-syn tr:nth-child(odd) {background: rgba(230,230,230,0.5)}

table#programtable {width:100%}
#programtable tr td {border: 1px solid #ccc; vertical-align:top; padding: 6px 24px;}
#programtable tr td a {word-wrap:break-word}
#programtable tr td p, #programtable tr td ul, #programtable tr td li {padding-bottom: 0.5em; line-height: 1.3em; font-size: 14px; margin-top:0; margin-bottom:0;}
#programtable tr td p.freeaccess {text-align:center; margin:0; padding:10px 20px;}
#programtable tr td p.freeaccess a {color: white; background:#09b500; padding:10px 20px;}
#programtable tr td p.registerlink {text-align:center; margin:0 0 10px 0; padding:10px 20px;}
#programtable tr td p.registerlink a {color: white; background:#5f9434; padding:10px 20px;}

p.freeaccess {text-align:center; margin:0; padding:10px 20px;}
p.freeaccess a {color: white!important; background:#09b500; padding:10px 20px; text-decoration: none!important;}

#programtable h1, #programtable h2, #programtable h3, #programtable h4 {color:#006fbd!important; padding-top:0; margin:10px 0; border: none;}

#programtable {margin-bottom:50px}
#programtable td.tdhead {padding: 10px 20px; margin: 0; background: #0074C5;}
#programtable td.tdhead h2 {font-weight: bold; padding: 0px 20px;}
#programtable td.tdhead h2, #programtable td.tdhead h4 {color: white!important;}
#programtable td.tdhead h4 {font-size: 1.2em;}
#programtable td.tdhead a {text-decoration:underline!important; color: white!important;}
#programtable div.tdcontent {display: table; width: 100%;}

#programtable .newtable33 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    display: table-cell;
    width: 33%;
    border: 1px solid #ccc ;
    padding: 20px 10px;}

#programtable .newtable33 p, #programtable .newtable33 h4 {display:inline}

#programtable .newtable50, .tablecell50 {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    display: table-cell;
    width: 50%;
    border: none ;
    padding: 0px 20px 10px;}

.padding0 {padding:0 20px!important}

.tablecell100 {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    display: table-cell;
    width: 100%;
    border: none ;
    padding: 0px 20px 10px;}

@media only screen and ( max-width: 767px ) { 
#programtable .newtable50, .tablecell50 {width:100%; float:left}
}

@media only screen and ( max-width: 479px ) {  
#programtable .newtable33 {width:100%; float:left}
}

.hearticons {border:1px solid #aaa; border-radius:50px}
.tablediv {display: table; width: 100%;}
.tablecell50 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 50%;
    border: none ;
    padding: 0px 20px 10px;}

@media only screen and ( max-width: 980px ) { 
.tablecell50 {width:100%; max-width: 500px; float:left}
.tablecell50 img {max-width:150px;}
}

@media only screen and ( max-width: 478px ) { 
.tablecell50 img {max-width:100px;}
}