@font-face {
	font-family: 'MyUnderwoodRegular';
	src: url('../font/MyUnderwood-webfont.eot');
	src: url('../font/MyUnderwood-webfont.woff') format('woff'), url('../font/MyUnderwood-webfont.ttf') format('truetype'), url('../font/MyUnderwood-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.underwood {
	font-family: 'MyUnderwoodRegular', serif;
	font-weight: 400;
}

body {
	padding-top: 5rem;
	background: #747474 url('../images/background.png') no-repeat fixed right bottom;
}

.bg-custom { background: #707070 }

.dropdown-item.active, .dropdown-item:active {
    background: #333;
}

.ltr {
	direction: ltr;
	text-align: left;
}

.rtl {
	direction: rtl;
	text-align: right;
}

.post img {
	max-width: 100%;
	height: auto;
}

.iframe-container-16x9,
.iframe-container-4x3 {
    clear: both;
    position: relative;
     width: 100%;
     height: 0;
 }

.iframe-container-16x9 {
     padding-bottom: 56.25%;
 }

.iframe-container-4x3 {
     padding-bottom: 75%;
}

.iframe-container-16x9 iframe,
.iframe-container-4x3 iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

.flag {
    width: 2em;
    height: 1em;
    border-radius: 0.25em;
}

.scrollable {
    overflow-x:hidden;
    overflow-y:auto;
    height: 23rem;
    padding: 4px;
    background-color: #eee;
}

.scrollable-menu {
    height: auto;
    max-height: 23rem;
    overflow-x: hidden;
}