/*
Theme Name: UDD Educa
Author: Bloom User Experience
Author URI: https://bloom-ux.com
Description: Tema para UDD Educa
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uddeduca
Domain Path: languages/
Template: landings-2018
Tags: university, gutenberg, bootstrap, responsive, translation-ready, widgets-ready, custom-menu
*/
:root {
	--spacer: 1rem;
	--grid-gutter-width: 50px;
}
.hero--home .hero__content {
	padding-left: calc( var( --grid-gutter-width ) * .5 );
	border-left: 1px solid var( --featured-border-color );
	margin-left: calc( var( --grid-gutter-width ) * -.5 );
}
.hero--home .hero__cta {
	background: none;
	text-transform: none;
	font-size: 12px;
	padding: 0;
}
@media ( min-width: 768px ) {
	.hero--home .hero__content {
		max-width: 600px;
	}
	.hero--home .hero__cta {
		font-size: unset;
	}
}
.hero--has-actions .hero__content {
	bottom: 105px;
	margin-left: 0;
}
@media ( max-width: 768px ) {
	.hero--has-actions .hero__title--carousel {
		font-size: 21px;
		margin-bottom: .5rem;
	}
}
.hero__actions {
	margin: var( --grid-gutter-width ) 0 var( --grid-gutter-width ) calc( var( --grid-gutter-width ) * .5 );
	display: flex;
	flex-flow: row wrap;
	gap: 1rem;
}
.hero__action {
	position: relative;
	z-index: 99;
	padding: .5rem 1.25rem;
	border: 2px solid white;
	font-weight: 500;
	text-shadow: 0 2px 5px rgba( 0, 0, 0, 0.5 );
	color: white;
	font-size: 12px;
	display: inline-block;
	white-space: nowrap;
}
.hero__action.basic {
	color: white;
	text-shadow: unset;
}
.hero__action--first.basic {
	border-color: var(--hero-border-color-btn-1);
	background-color: var(--hero-border-color-btn-1);
}
.hero__action--first.outline {
	border-color: var(--hero-border-color-btn-1);
	color: var(--hero-border-color-btn-1);
}
.hero__action--second.basic {
	border-color: var(--hero-border-color-btn-2);
	background-color: var(--hero-border-color-btn-2);
}
.hero__action--second.outline {
	border-color: var(--hero-border-color-btn-2);
	color: var(--hero-border-color-btn-2);
}
.hero__action-icon {
	max-height: 25px;
	width: auto;
	vertical-align: middle;
}
@media ( min-width: 768px ) {
	.hero--has-actions .hero__content {
		bottom: 130px;
	}
	.hero__actions {
		margin-left: 0;
	}
	.hero__action {
		font-size: 1rem;
	}
}