/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

@font-face {
    font-family: 'OnlyExtended-Regular';
    src: url('https://eu-forum.eu/wp-content/themes/understrap-child-1.2.0/fonts/OnlyExtended-Regular.otf'); 
}

@font-face {
    font-family: 'OnlyExtended-HairlineIt';
    src: url('https://eu-forum.eu/wp-content/themes/understrap-child-1.2.0/fonts/OnlyExtended-HairlineIt.otf'); 
}

@font-face {
    font-family: 'OnlyExtended-Semibold';
    src: url('https://eu-forum.eu/wp-content/themes/understrap-child-1.2.0/fonts/OnlyExtended-Semibold.otf'); 
}

.bg-primary {
    background-color: transparent !important;
}

.nav-custom {
	margin: 2rem 2rem 0 2rem;
	border-bottom: 5px blue solid;
}

.nav-custom2 {
	margin: 2rem 2rem 0 2rem;
}

.fix-width {	
	padding: 0 2rem;
}

.header-top {
	padding: 0;
	max-width: 100%;
}

.title-italic {
    font-family: 'OnlyExtended-HairlineIt';
}

.title-semibold {
    font-family: 'OnlyExtended-Semibold';
}

.title-regular {
    font-family: 'OnlyExtended-Regular';
}

.title-size {
	font-size: 6em;
    text-align: right;
    padding-left: 25%;
	padding-bottom: 6rem;
}

.entry-title {
	color: blue;
    font-family: 'OnlyExtended-Regular';
	padding: 2rem 40% 2rem 0;
}

.entry-content p {
	padding-left: 3rem;
}

.program-title {
	color: blue;
    font-family: 'OnlyExtended-Regular';
	padding: 1rem 0;
}

.location {
	text-align: center;
}

.powered { 
	text-align: right;
}

.powered img, .location img, .logo img {
	max-height: 3rem;
}

@media (max-width: 1040px) {	
	.title-size {
		font-size: 5em;
		padding-left: 10%;
		padding-bottom: 4rem;
	}
	.entry-title {
		padding: 2rem 20% 2rem 0;
	}	
	.entry-content p {
	padding-left: 2rem;
	}
}
	
@media (max-width: 768px) {
	.title-size {
		font-size: 4em;
		padding-left: 0;
		padding-bottom: 3rem;
	}
	.entry-title {
		padding: 2rem 5% 2rem 0;
	}
	.entry-content p {
	padding-left: 1rem;
	}
}

@media (max-width: 576px){
	.title-size {
		font-size: 2em;
		padding-left: 0;
		padding-bottom: 2rem;
	}
	.entry-title {
		padding: 2rem 0;
	}
	.entry-content p {
	padding-left: 0.5rem;
	}
}