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

.speakers-front img {border-radius: 30px 0 30px 0; max-width: 200px;}
.speakers-front a, .speakers-front h4 a {color: #92127b!important}

.overlay-container .et_pb_column .et_pb_blurb h4 {text-align: left; font-size: 32px!important; color: #92127b!important}
.overlay {background-color: rgba(28, 0, 100, 0.8)!important;}
.overlay-container .et_pb_row {padding: 50px; background: white; border-radius: 85px 0;}
.overlay-container .et_pb_column {background-color: #fff; box-shadow: none; border-radius: 0;}
.overlay-container .et_pb_column img {border-radius: 50px 0 50px 0;}
@media only screen and ( max-width: 980px ) {
.overlay-container .et_pb_column img {max-width: 200px;}
}
/*.overlay-container .et_pb_column .et_pb_blurb {padding: 0!important;}
.overlay-container .overlay {display: flex;}
.overlay-container .entry-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
	margin: 0 auto;}*/

strong {font-weight: 600;}
.strong600 strong {font-weight: 600;}
.schedule h2 {border-bottom: 1px solid;}
.schedule strong {font-weight: 600;}
.schedule a {font-weight: 600;}
.schedule a:hover {font-weight: 700;}

@media (max-width: 1330px) {
#post-3506 /*.schedule-column-break*/ .et_pb_column {width: 100%!important;}
}

#post-3506 .eventbox h3 {color: #ff9000;}
#post-3506 .eventbox h3:hover {font-weight: 400;}

#post-3506 .eventbox .overview a:hover {font-weight: 400;}

/*.cardblurb {border: 1px solid #ccc; border-radius: 50px 0 50px 0; box-shadow: 4px 4px 8px rgba(0,0,0,0.1);}
.cardblurb img {border-radius: 49px 0 0 0;}
.cardblurb p {font-size: 14px; color: #777;}
.cardblurb h4 {font-size: 22px;}
.cardblurb .et_pb_blurb_container {padding: 0 20px 10px 20px;}*/

.cardblurb .et_pb_blurb_content {max-width: 100%}

.cardblurb {padding-bottom: 30px; border: 1px solid #ccc; border-radius: 50px 0 50px 0; box-shadow: 4px 4px 8px rgba(0,0,0,0.1);}

.cardblurb img {
    border-radius: 10px;
	margin-bottom: 20px;
}

.cardblurb p {
    font-size: 14px;
    color: #777;
    padding: 0 30px;
    clear: both;
    line-height: 1.6em;
}

.cardblurb h4 {
    font-size: 22px;
    background: #92127b;
	background-image: linear-gradient(11deg,#92127b 0%,#ab4799 100%);
    padding: 12px 30px;
    border-radius: 49px 0 0;
    color: white;
    font-weight: 300;
}

.cardblurb h3 {
    padding: 0 30px;
    font-size: 36px;
    font-weight: 300;
    border-bottom: 1px solid;
}

.cardblurb h5 {
    font-size: 24px;
    padding: 0 30px;
    font-weight: 300;
}

/***************/

.eventbox .et_pb_column {
	padding-bottom: 20px;
    border-radius: 50px 0px 50px 0px;
    border: 1px solid #cccccc;
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.1);
}

.eventbox.speakers .et_pb_column {
	margin-top: 50px;
}

.eventbox img.alignright {
    border-radius: 15px 0;
    margin-bottom: 20px;
    margin-top: -51px;
    /* margin-right: -30px; */
    /* box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.3); */
    max-width: 75px;
}

.eventbox.speakers img {
    border-radius: 50px 0;
	margin-bottom: 15px;
    margin-top: -110px;
	box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.3);
}

.eventbox p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
    color: #555;
    padding: 0 30px;
    clear: both;
}

.eventbox p.lecture {
    font-weight: 400;
    color: #777;
}

.eventbox h4 {
    font-size: 22px;
    background: #92127b;
	background-image: linear-gradient(11deg,#92127b 0%,#ab4799 100%);
    padding: 12px 30px;
	margin-bottom: 0;
    border-radius: 49px 0 0;
    color: white;
    font-weight: 300;
}

.eventbox h2 {
    padding: 0 90px 0 30px;
	margin-top: 0.2em;
    font-size: 30px;
    font-weight: 300;
    border-bottom: 1px solid;
}

.eventbox h3 {
    font-size: 22px;
    padding: 0 30px;
	margin-top: 10px;
    font-weight: 300;
}

/*******************************************************/
	

h5.et_pb_toggle_title {margin-bottom:0!important; font-size: 18px!important;}
.et_pb_toggle p {font-size: 16px!important;}
.et_pb_module.et_pb_toggle {margin-bottom:5px!important;}
.et_pb_toggle.et_pb_toggle_item {padding: 10px!important;}


table td {padding: 7px!important;}

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

#main-footer #mlb2-7920836 .subscribe-form {background-color: #3e005b!important; padding: 0!important; }

#main-footer #mlb2-7920836.ml-subscribe-form .form-group .form-control {padding: 5px!important; background-color: #946bb2!important; color: white!important;}
#main-footer #mlb2-7920836.ml-subscribe-form button {padding: 5px!important; }
#main-footer #mlb2-7920836.ml-subscribe-form .form-group input::placeholder {color: #bea7d1}
#main-footer #mlb2-7920836 .ml-block-success, #main-footer #mlb2-7920836 form.ml-block-form, #main-footer #mlb2-7920836 .subscribe-form {width: 100%!important;}
#main-footer .et_pb_widget {width: 100%;}

.et_pb_pricing_table_wrap {
 display: flex;
 width: 100%;
}

.et_pb_pricing_table {
 display:flex;
 flex-direction:column;
}

.et_pb_pricing_content {
 margin-bottom: auto;
}

.et_pb_column_4_4 .et_pb_pricing_3 .et_pb_pricing_table {
    width: 32%;
    margin-right: 1%;
}

.et_pb_pricing_table_0 .et_pb_pricing_heading {
    background-color: #fa7903!important;
}
#post-6 .et_pb_pricing_table_0 .et_pb_pricing_heading h2,
#post-3552 .et_pb_pricing_table_0 .et_pb_pricing_heading h2{
	color: #fff!important;
}

@media only screen and ( max-width: 980px ) {
.et_pb_column .et_pb_pricing_table, .et_pb_pricing_table_wrap {
display: block !important; float: none!important; width: 100%!important;
}
}

/* 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;}
.toggle-all {cursor: pointer;}
.toggle-title i {margin-top: 4px;}

.toggle-normal .toggle-content {margin: 0px!important;}


/*
#post-3466 .et_pb_toggle_0.et_pb_toggle h5 {text-align: center; padding: 0;}
#post-3466 .et_pb_toggle_0.et_pb_toggle h5::before {display: none;}
#post-3466 .et_pb_toggle_0.et_pb_toggle_close {border-radius: 40px;}
#post-3466 .et_pb_toggle_0.et_pb_toggle_close {padding-bottom: 0;}
*/



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

.slider-ratio-4618 .et_pb_slide {padding: 0; padding-bottom: 17.1%; height: 0;}
.slider-ratio-3618 .et_pb_slide {padding: 0; padding-bottom: 27.65%; height: 0;}
.slider-ratio-2618 .et_pb_slide {padding: 0; padding-bottom: 38.15%; height: 0;}
.slider-ratio-1618 .et_pb_slide {padding: 0; padding-bottom: 61.81%; height: 0;}

/* Register Now Button in Top Menu */
#top-menu li#menu-item-199 a, #top-menu li#menu-item-3642 a {background-color: #ff7b00; margin-bottom: -13px; padding: 10px 20px !important; color: white !important; border-radius: 50px 0px 50px 0px; overflow: hidden;}

/* Speakers 2016 Format */
.invited {padding: 0 4px ; background-color: red; color: white;}
#post-202 .et_pb_main_blurb_image {width: 50%; margin-left: auto; margin-right: auto;}
#post-202 .et_pb_main_blurb_image .et_pb_image_wrap {border-radius: 50px 0px 50px 0px; overflow: hidden;}
#post-202 .et_pb_main_blurb_image {width: 50%;}
#post-202 .et_pb_blurb_content {max-width: 1000px; font-size: 15px; line-height: 1.5em;}

/* Using Source Sans Pro in Light weight */
body p {font-weight: 400;}

.et_pb_pricing_heading h2 {margin: 0;}


/* Fixing the countdown timer */
.et_pb_countdown_timer p {margin: 0!important; padding: 0!important;}

/* Adapting the Toggle */
#post-6 .toggle-title .show, #post-6 .toggle-title:hover .show, #post-6 .toggle-title-shown {display: none!important;}
#post-6 .toggle-title-hidden {padding: 0!important;}
#post-3563 .toggle-title .show, #post-3563 .toggle-title:hover .show, #post-3563 .toggle-title-shown {display: none!important;}
#post-3563 .toggle-title-hidden {padding: 0!important;}
#post-3552 .toggle-title .show, #post-3552 .toggle-title:hover .show, #post-3552 .toggle-title-shown {display: none!important;}
#post-3552 .toggle-title-hidden {padding: 0!important;}
#post-3772 .toggle-title .show, #post-3772 .toggle-title:hover .show, #post-3772 .toggle-title-shown {display: none!important;}
#post-3772 .toggle-title-hidden {padding: 0!important;}

/* Adapting the Popup */
#post-6 .pp_popup {margin: 125px auto!important; width: 100%!important; max-width: 700px;}
#post-3563 .pp_popup {margin: 125px auto!important; width: 100%!important; max-width: 700px;}
#post-3552 .pp_popup {margin: 125px auto!important; width: 100%!important; max-width: 700px;}

/* Program Table */
td.progtabledate {background-color: #0077c7;
background: #3a00a0;
background: -moz-linear-gradient(45deg, #3a00a0 0%, #388ce0 100%);
background: -webkit-linear-gradient(45deg, #3a00a0 0%,#388ce0 100%);
background: linear-gradient(45deg, #3a00a0 0%,#388ce0 100%);
}
td.progtabledate h3 {background-color: transparent;	color: #fff; margin: 10px; text-align: center;}
tr.progtablehead {color: #fff; background-color: #A6D2F0;
background: #674a9e;
background: -moz-linear-gradient(45deg, #674a9e 0%, #91bfff 100%);
background: -webkit-linear-gradient(45deg, #674a9e 0%,#91bfff 100%);
background: linear-gradient(45deg, #674a9e 0%,#91bfff 100%);
}
#post-3366 table td {padding: 7px;}
#post-3366 .toggle-title-hidden {padding: 0px!important;}
#post-3366 table td.progtabledesc {padding: 0;}
#post-3366 table {font-size: 17px;}
#post-3366 table td.progtabledesc .toggle-content {padding: 0.857em 0.587em; margin: 0; font-size: 15px!important; line-height: 1.3em;}
#post-3366 .toggle-title {font-weight: bold;}

.invited {padding: 0 4px ; background-color: red; color: white;}
#post-3366 .et_pb_main_blurb_image {max-width: 300px; margin-left: auto; margin-right: auto;}
#post-3366 .et_pb_main_blurb_image .et_pb_image_wrap {border-radius: 50px 0px 50px 0px; overflow: hidden;}
#post-3366 .et_pb_blurb_content {max-width: 1000px; font-size: 15px; line-height: 1.5em;}
#post-3366 .et_pb_column_1_3 h4 {font-size: 22px;}

#post-3366 .et_pb_blurb_content .toggle-title .show, #post-3366 .et_pb_blurb_content .toggle-title:hover .show, #post-3366 .et_pb_blurb_content .toggle-title-shown {display: none!important;}
#post-3366 .et_pb_blurb_content .toggle-title-hidden {padding: 0!important;}
#post-3366 .et_pb_blurb_content .toggle-content {margin: 0px!important;}

table.progtable td {padding: 7px!important;}
table.progtable a {color:#388ae0; font-weight: bold;}
table.progtable td.progtabledesc {padding: 0!important;}
.progtable .toggle-title-hidden {padding: 0px!important;}



/* Breakpoints */
@media only screen and ( min-width: 981px ) {
}
@media only screen and ( max-width: 980px ) {
}
@media only screen and ( max-width: 767px ) {
}



/******* Hover Effects *******/

.hover-effect-smaller .et_pb_main_blurb_image {
  vertical-align: middle;
/*  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);*/
/*  box-shadow: 0 0 1px transparent;*/
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.hover-effect-smaller .et_pb_main_blurb_image:hover {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
  

	
 
	
/* Special Classes */
.congress-border {border-radius: 50px 0px 50px 0px; overflow: hidden;}
.opacity-hover {opacity: 0.9;}  
.opacity-hover:hover {opacity: 1;} 
  
  
/************************************************ 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 {font-weight: 300; font-size: 59px;}
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. */
p.et_pb_contact_field {margin-top: 0;} /* Counteracting a contact form specificity */

/* 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; text-decoration: underline; /* 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: 1330px ) {
#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;}	
.overlay-container .et_pb_section:nth-child(1), .overlay-container .et_pb_row:nth-child(1) {padding-top: 50px;}
	
/* 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;}
}

/* Collapsing Nested Menu Items in Mobile Menu, use together with JQuery Code in "Theme Options - Integration", and activate "Theme Options - Navigation - General Settings - Disable top tier dropdown menu links" if needed */
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }	


/* Multicolumn responsive Blog- and Archivepages */
@media ( min-width: 767px ) {
.archive article.et_pb_post, .blog article.et_pb_post {float: left; width: 48%;}
.archive article.et_pb_post:nth-of-type(2n+1), .blog article.et_pb_post:nth-of-type(2n+1) {margin-right: 4%;}
.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 3 > 2 > 1 Version
@media ( min-width: 767px ) and ( max-width: 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: 1101px ) {
.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;}
}
*/




/******* Extra classes *******/

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

.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 2017-05-12 *******/

/* 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: 600px) {
  .thumbmagic {float: none; display: block; margin: 10px auto 20px auto;}
  .thumbmagic:empty {display: none;}
  .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 ) {
div.postlist {width: 48%; float: left;}
div.postlist:nth-of-type(2n+1) {margin-right: 4%;}
div.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 ) {
div.postlist {float: left; width: 48%;}
div.postlist:nth-of-type(2n+1) {margin-right: 4%;}
div.postlist:nth-of-type(2n+3) {clear: both;}
}
@media ( min-width: 1101px ) {
div.postlist {float: left; width: 32%; margin-right: 2%;}
div.postlist:nth-of-type(3n+3) {margin-right: 0;}
div.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;}