*
Theme Name:   Galma
Theme URI:    http://example.com/
Description:  Custom theme for Galma research group and its projects.
Author:       Oscar Alonso
Author URI:   http://example.com
Template:     blocksy
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         galma
Text Domain:  galma
*/

.glm-font-xs  { font-size: 16px; }
.glm-font-s   { font-size: 18px; }
.glm-font-m   { font-size: 21px; }
.glm-font-l   { font-size: 24px; }
.glm-font-xl  { font-size: 27px; }
.glm-font-xxl { font-size: 30px; }

.glm-show { display: block !important }
.glm-hide { display: none !important }

.glm-margin-xs  { margin-bottom: 5px; }
.glm-margin-s   { margin-bottom: 10px; }
.glm-margin-m   { margin-bottom: 20px; }
.glm-margin-l   { margin-bottom: 30px; }
.glm-margin-xl  { margin-bottom: 40px; }
.glm-margin-xxl { margin-bottom: 60px; }

.glm-sidemargin-xs  { margin-left: 5px; margin-right: 5px; }
.glm-sidemargin-s   { margin-left: 10px; margin-right: 10px; }
.glm-sidemargin-m   { margin-left: 20px; margin-right: 20px; }
.glm-sidemargin-l   { margin-left: 30px; margin-right: 30px; }
.glm-sidemargin-xl  { margin-left: 40px; margin-right: 40px; }
.glm-sidemargin-xxl { margin-left: 60px; margin-right: 60px; }

.glm-padding-xs  { padding: 5px 8px; }
.glm-padding-s   { padding: 10px 15px; }
.glm-padding-m   { padding: 20px 25px; }
.glm-padding-l   { padding: 30px 40px; }
.glm-padding-xl  { padding: 40px 60px; }
.glm-padding-xxl { padding: 60px 100px; }

.glm-mw-1200 { max-width: 1200px !important; }
.glm-mw-1000 { max-width: 1000px !important; }
.glm-mw-800 { max-width: 800px !important; }
.glm-mw-600 { max-width: 600px !important; }

.glm-separator { 
	height: 2px;
	background: radial-gradient(rgb(200,200,200),rgb(250,250,250));
	border-radius: 1px;
		/* linear-gradient(to right, rgb(240,240,240), rgb(200,200,200), rgb(240,240,240));*/
}

.glm-ratio-16-9,
.glm-ratio-16-9 video, 
.glm-ratio-16-9 img {
	aspect-ratio: 16 / 9 !important;
}

.glm-ratio-4-3,
.glm-ratio-4-3 video,
.glm-ratio-4-3 img {
	aspect-ratio: 4 / 3 !important;
}

.glm-no-margin {
	margin: 0 !important;
}

.glm-border-basic {
	border: 1px solid rgb(200, 200, 200) !important;
	border-radius: 3px !important;
}

.glm-center-content {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.glm-center-vertical {
	display: flex !important;
	align-items: center !important;
}

.glm-center-horizontal {
	display: flex !important;
	justify-content: center !important;
}

.glm-space-between {
	height: 100%;
	justify-content: space-between !important;
}

.glm-box {
	border-radius: 3px;
	box-shadow: 0 0 3px 0 #00000028;
}

.glm-padding-normal {
	padding: 20px;
}

@media screen and (max-width: 770px) {
	.glm-box {
		box-shadow: none;
	}
}

.glm-sr-only {
	position: relative;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


.glm-iframe-container {
	width: auto !important;
}

.glm-iframe-container .glm-separator {
	display: none;
}

.glm-iframe-container iframe {
	width: 100%;
	margin: auto;
}

@media screen and (max-width: 770px) {
	.glm-iframe-container .glm-separator {
		display: block;
	}
}

.glm-modal-content br {
  display: none;
}


.glm-modal-content ul {
  margin: 0;
  padding-left: 1.2em;
}

.glm-modal-content li {
  margin: 0;
  line-height: 1.3;
}

.glm-modal-content h5 {
    margin: 0 0 0.4em 0; 
    line-height: 1.2;   
}

.glm-modal-content h5 + br {
    display: none;
}