/* Styles specific to the LAC site, taken from the WordPress customizer. */

/* --- twentyseventeen-custom-header-styles --- */
.site-title a,
		.colors-dark .site-title a,
		.colors-custom .site-title a,
		body.has-header-image .site-title a,
		body.has-header-video .site-title a,
		body.has-header-image.colors-dark .site-title a,
		body.has-header-video.colors-dark .site-title a,
		body.has-header-image.colors-custom .site-title a,
		body.has-header-video.colors-custom .site-title a,
		.site-description,
		.colors-dark .site-description,
		.colors-custom .site-description,
		body.has-header-image .site-description,
		body.has-header-video .site-description,
		body.has-header-image.colors-dark .site-description,
		body.has-header-video.colors-dark .site-description,
		body.has-header-image.colors-custom .site-description,
		body.has-header-video.colors-custom .site-description {
			color: #ffffff;
		}

/* --- wp-custom-css --- */
/* All the CSS aditional configs/customizations are located in "Appearance>Custom>Aditional CSS" */

/* Remore the powered by WordPress information */

.site-info { 
	display: none; 
}


/* Remore the Title (file name) in every page */
.page .entry-title{
	display :none;
}

/* Align and Marge of the itens(blullet points) */
#lac_ol_li {
	margin-left: 2em;
	text-align: justify;
}
#lac_ul_li {
	margin-left: 2em;
	text-align: justify;
}

/* Make the iframes rsponsive */
/* source: https://benmarshall.me/responsive-iframes */
/* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


/*Creating a Flexbox layout
 * source:
 * https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 *  */

.flex-container {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;  
  flex-flow: row wrap;
	justify-content:space-around; 
	align-items:center;		       
}

.flex-item {
	flex:1 0 auto;
  width: 222px;
	padding: 10px;
	text-align:center;
	
}

.row-container {
	display: flex; 
	width: 100%;
	height: 100vh; 
	flex-direction: column; 	
	overflow: hidden;
}

.unclickable > a:hover {
  cursor: default;
}

.externalLink > a:hover {
  text-decoration: underline;  
}

.wp-block-media-text__media{
	max-width: 150px;
}

@media all and (max-width: 599px) {
	.wp-block-media-text.is-stacked-on-mobile{
		display: flex;
		flex-flow: column wrap;
		padding-top: 40px;   
	}
}

/* --- Static site: navigation without JavaScript --------------------------- */
.main-navigation .menu-toggle { display: none; }
.main-navigation > div { display: block; }
.main-navigation ul ul { display: block; }
@media screen and (max-width: 47.9375em) {
	.main-navigation ul ul { position: static; left: auto; border: 0; }
	.main-navigation ul ul a { padding-left: 2em; }
}