/*
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");


/* To be tested, two columns postlist *
#post-552 .two-columns-div .postlist {padding: 10px;}
#post-552 .two-columns-div div.postlist {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: block;}
*/


/* Gallery Slider to be optimized *
.et_pb_gallery .et_pb_gallery_items img {
display: block !important;
margin: 0 auto !important;
max-height: 800px !important;
min-width: 1px;
width: auto !important;
}
.et_pb_gallery {width: 800px; height: 800px; background-color: black;*/


#post-720 .gallery img {border-radius: 800px;}
.invited {padding: 0 4px ; background-color: red; color: white;}


.et_pb_main_blurb_image {width: 50%; margin-left: auto; margin-right: auto;}
.et_pb_main_blurb_image>img {border-radius: 50%;}
.et_pb_main_blurb_image {width: 50%;}
.et_pb_blurb_content {max-width: 1000px;}

.toggle-all {cursor: pointer;}

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

.quote {line-height: 1.8em; font-style: italic;}
.bottom-nav {text-align: center;}

.entry-content p a::before {content: "\bb\00a0";}
.entry-content p a:empty::before {content: "";}
.entry-content p a.nolinksymbol::before {content: "";}
.entry-content table, .entry-content tbody {vertical-align: top;}

#post-6 .et_pb_row_3 .wp-caption.alignleft {margin: 0;}
#post-6 .et_pb_row_3 .wp-caption p.wp-caption-text {margin-top: -14px;}
#post-6 .et_pb_newsletter_form {padding-left: 0; float: none; width: 100%}
#post-6 .et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {width: 25%!important;}
#post-6 .main_title {display: none;}

#post-570 .et_pb_row_3 .wp-caption.alignleft {margin: 0;}
#post-570 .et_pb_row_3 .wp-caption p.wp-caption-text {margin-top: -14px;}
#post-570 .et_pb_newsletter_form {padding-left: 0; float: none; width: 100%}
#post-570 .et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {width: 25%!important;}
#post-570 .main_title {display: none;}

#post-475 .et_pb_toggle_0.et_pb_toggle h5 {text-align: center; padding: 0;}
#post-475 .et_pb_toggle_0.et_pb_toggle h5::before {display: none;}
#post-475 .et_pb_toggle_0.et_pb_toggle_close {border-radius: 40px;}
#post-475 .et_pb_toggle_0.et_pb_toggle_close {padding-bottom: 0;}
/*#post-475 form.wpcf7-form input[type="submit"] {border: 2px solid #fff; color: #fff;}*/

#post-706 .et_pb_toggle_0.et_pb_toggle h5 {text-align: center; padding: 0;}
#post-706 .et_pb_toggle_0.et_pb_toggle h5::before {display: none;}
#post-706 .et_pb_toggle_0.et_pb_toggle_close {border-radius: 40px;}
#post-706 .et_pb_toggle_0.et_pb_toggle_close {padding-bottom: 0;}
/*#post-706 form.wpcf7-form input[type="submit"] {border: 2px solid #fff; color: #fff;}*/

#post-552 .postlist img.attachment-medium, #post-552 .postlist img.size-medium, .postlistfill {margin: 0 20px 0 0;}
#post-552 .postlist {padding: 10px;}

.et_pb_widget.widget_polylang ul li {display: inline;}
.et_pb_widget.widget_polylang ul li.lang-item-first {margin-right: 10px;}
#sidebar .et_pb_widget.widget_polylang {text-align: center; margin-bottom: 12px;}
  
#content-area #post-453 table td {padding: 7px;}
#content-area #post-453 .toggle-title-hidden {padding: 0px!important;}

#content-area #post-573 table td {padding: 3px 5px;}
#content-area #post-573 .toggle-title-hidden {padding: 0px!important;}

td.progtabledate {background-color: #0077c7;}
td.progtabledate h3 {background-color: #0077c7; color: #fff; margin: 10px; text-align: center;}
tr.progtablehead {background-color: #A6D2F0;}
#content-area #post-720 table td.progtabledesc {padding: 0;}
#content-area #post-720 table td.progtabledesc .toggle-content {padding: 0.857em 0.587em; margin: 0; font-size: 13px; line-height: 1.3em;}
#content-area #post-453 table td.progtabledesc {padding: 0;}
#content-area #post-453 table td.progtabledesc .toggle-content {padding: 0.857em 0.587em; margin: 0; font-size: 13px; line-height: 1.3em;}
#content-area #post-573 table td.progtabledesc {padding: 0;}
#content-area #post-573 table td.progtabledesc .toggle-content {padding: 0.857em 0.587em; margin: 0; font-size: 13px; line-height: 1.3em;}

#content-area #post-467 .et_pb_blurb_content p,
#content-area #post-579 .et_pb_blurb_content p {font-size: 13px; line-height: 1.3em;}


.et_pb_blurb h4 {font-size: 24px}

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


/******* The great responsive optimization has begun *******/

/* Having the boxed layout only until the max-width, then layout becomes unboxed */
.et_boxed_layout #page-container, .et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header, 
.et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container #main-header, 
.et_fixed_nav.et_boxed_layout #page-container #top-header, 
.et_fixed_nav.et_boxed_layout #page-container #main-header, 
.et_boxed_layout #page-container .container, 
.et_boxed_layout #page-container .et_pb_row, 
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, 
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row, 
.et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {
    width: 100%;}

/* Having the two columns breaking later */
@media ( min-width: 670px ) {
.et_pb_gutters3 #post-467 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row #post-467 .et_pb_column_1_2 {width: 47.25%!important;}
.et_pb_gutters3 #post-467 .et_pb_column, .et_pb_gutters3.et_pb_row #post-467 .et_pb_column {margin-right: 5.5%;}
.et_pb_gutters3 #post-579 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row #post-579 .et_pb_column_1_2 {width: 47.25%!important;}
.et_pb_gutters3 #post-579 .et_pb_column, .et_pb_gutters3.et_pb_row #post-579 .et_pb_column {margin-right: 5.5%;}
}

@media ( max-width: 1101px ) {
.et_pb_row, .et_pb_column .et_pb_row_inner {padding: 0;}
}  

			  
			  
			  

/******* Great stuff for articles, or even Master, or at least store somewhere make available sell child-theme *******/

/* Oh how wonderful, ornamental boxes, to make an article of it */
.ornamental-line-01 {
    position: relative;
	/*margin: 0 0 60px 0 !important;*/
	padding: 30px 60px;  
	background: #e1eaf4;
	background: -moz-linear-gradient(top,  #e1eaf4 0%, #ffffff 50%, #e1eaf4 100%);
	background: -webkit-linear-gradient(top,  #e1eaf4 0%,#ffffff 50%,#e1eaf4 100%);
	background: linear-gradient(to bottom,  #e1eaf4 0%,#ffffff 50%,#e1eaf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1eaf4', endColorstr='#e1eaf4',GradientType=0 );
}
/*.ornamental-line-01::before {
    content: url('http://newcongress.sundari-webdesign.com/wp-content/uploads/International-Yoga-Congress-Ornamental-Line-01.png');
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
}
.ornamental-line-01::after {
    content: url('http://newcongress.sundari-webdesign.com/wp-content/uploads/International-Yoga-Congress-Ornamental-Line-01-Rev.png');
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
}
.page.et_pb_pagebuilder_layout #main-content {overflow: hidden;}*/


/* Oh, static header, amazing */

.static-header {
    background-image: url(http://oldcongress.sundari-webdesign.com/wp-content/uploads/International-Yoga-Congress-Header.jpg); 
    background-size: cover; width: 100%; height: 0; padding-bottom: 16.43%;
}
.static-header:lang(ro) {
    background-image: url(http://oldcongress.sundari-webdesign.com/wp-content/uploads/International-Yoga-Congress-Header-ro.jpg); 
    background-size: cover; width: 100%; height: 0; padding-bottom: 16.43%;
}


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




/******** Integrate into master *******/


/* Contact form, also add the bugfix thingy with Arial, write post about each single optimization, send first newsletter */
.et_pb_contact_form p {margin-top: 0;}
.et-pb-contact-message {font-weight: bold; color: red;}


/* Final solution to sidebar? */
.et_boxed_layout #page-container #main-content .container {width: 100%; padding: 58px 2.3% 0 6.1%;}
@media (min-width: 981px) {
.et_right_sidebar #main-content .container:before {right: 20.2% !important;}
.et_right_sidebar #left-area {width: 79.8%; padding-right: 3.8%;}
.et_right_sidebar #sidebar {width: 20.2%; padding-left: 2.3%;}
.widget_search input#searchsubmit {position: relative; width: 100%; margin-top: 10px;}
}


/* Strange indent of double 90% width when sidebar is applied. Need to be fixed in core??? Check original DIVI */
.page.et_pb_pagebuilder_layout #main-content, .et_fixed_nav.et_boxed_layout #page-container #main-header, .et_fixed_nav.et_boxed_layout #page-container {background-color: #fff!important;}
.et_boxed_layout.et_right_sidebar #page-container .et_pb_row, .et_boxed_layout.et_right_sidebar.et_pb_pagebuilder_layout.single #page-container .et_pb_row,
.et_boxed_layout.et_left_sidebar #page-container .et_pb_row, .et_boxed_layout.et_left_sidebar.et_pb_pagebuilder_layout.single #page-container .et_pb_row {width: 100%}
.et_boxed_layout #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {width: 87.8%}


/* Sidebar Social Share */
#sidebar .ssba img {width: 30px !important; padding: 1px; border: 0; box-shadow: none !important; display: inline !important; vertical-align: middle;}
#sidebar #wp_editor_widget-2 {margin-bottom: 0;}
#sidebar .ssba.ssba-wrap {margin-top: 0;}


/* Optimize toggle plugin, contact marius, find CSS or Glyph solution instead of png */
.toggle-title {font-weight: bold;}
.toggle-title:hover {color: #0077c7;}
.toggle-title-hidden {padding: 0 0 10px 0!important;}
.toggle-title-shown {padding: 0 0 10px 0!important;}
.toggle-content {margin: 4px 0 20px 22px;}
.toggle-title .show, .toggle-title .hide {width: 17px!important; height: 17px!important;}


/* Column Div classes, create formats in TINY MCE */
.two-columns-div {-webkit-columns: 250px 2; -moz-columns: 250px 2; columns: 250px 2;
	-webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

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


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

/* 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: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 GENIUS write article */
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;
}


  
/******* 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 {background:url(bg-main.jpg) no-repeat fixed center center; background-size:cover;} 
#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 *******/
.postlist img.attachment-thumbnail, .postlist img.attachment-medium, .postlist img.attachment-large, .postlist img.attachment-full,
.postlist img.size-thumbnail, .postlist img.size-medium, .postlist img.size-large, .postlist img.size-full, .postlistfill {
    width: 150px; height: auto; float: left; margin: 10px 30px 10px 0;}
.postlist img.attachment-post-thumbnail, .postlist img.size-post-thumbnail {margin: 0 0 10px 0}
.postlist h3 {margin-top: 0;}
.postlistexcerpt {margin-left: 180px;}
.postlist p a {float: right;} 
.postlist p:after, .postlist ul:after {content: ""; display: table; clear: both;} /* Add other elemtents if they could possibly be the last ones in the box to clear the floating of the image and read more link */

.postlist { /* Could be always same as .box style for coherency */
    background: rgba(255, 255, 255, 0.7);
    border-width: 1px;
    border-style: solid;
    margin: 20px 0px;
    padding: 20px;
} 

@media screen and (max-width: 600px) {
  .postlist img.attachment-thumbnail, .postlist img.attachment-medium, .postlist img.attachment-large, .postlist img.attachment-full,
  .postlist img.size-thumbnail, .postlist img.size-medium, .postlist img.size-large, .postlist img.size-full {
    float: none;
    display: block;
    margin: 10px auto 20px auto;}
  .postlistfill {display: none;}
  .postlistexcerpt {margin-left: 0px;}
  .postlist h3 {text-align: center;}
}