/*
 Theme Name:     Plébánia
 Theme URI:      
 Description:    
 Author:         
 Author URI:     
 Template:       Lucid
 Version:        1.0
*/
 
@import url("../Lucid/style.css");

body { background: transparent url(images/body_bg.jpg) no-repeat fixed top; }

h1, h2, h3 { margin-bottom: 15px; }

#main-header {
     margin-bottom: 25px;
}

.container #logo-area {
    text-align: center;
    margin-bottom: 22px;
}

#custom_html-2 h4.widgettitle { display: none; }
#custom_html-2.widget { padding: 0; }

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.tribe-events-list-widget-events {
  font-size:  13px !important;
}

.tribe-events-list-widget-events h4 {
  font-size:  15px !important;
  font-weight:  bold;
}

#mobile_menu .sub-menu { margin-left: 20px; }

#main-footer { margin-bottom: 0; }
#footer-bottom { background: #fff; }
p#copyright { margin-top: 25px; }

.textwidget iframe { width: 100%; }

*[id^='gallery-'] {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
*[id^='gallery-'] .gallery-item { width: 23%!important; }
*[id^='gallery-'] dl.gallery-item { margin: 10px 0 0 0!important; }
*[id^='gallery-'] br { display: none; }


@media only screen and (max-width: 768px) {
	*[id^='gallery-'] .gallery-item { width: 30%!important; }
}

@media only screen and (max-width: 480px) {
	*[id^='gallery-'] .gallery-item { width: 100%!important; }
	*[id^='gallery-'] .gallery-item img { width: 100%!important; height: auto; display: block; }
}