@import "default.css";
@import "top_nav.css";

#ver {
    font-family: League Gothic, Ostrich Sans Rounded, sans;
}

#DLButton {
    font-family: League Gothic, sans;
    font-size: 1.5rem;
    /* border: solid 2px white; */
    background-color: #e74c3c;
    padding: 0 0.7rem;
    float: left;
    color: white;
    border-radius: 3px;
}

#ReleaseButton {
    font-size: 1.5rem;
    /* border: solid 1px white; */
    background-color: #2c3e50;
    padding:0 0.7rem;
    padding-top: 0.3rem;
    line-height: 1.95rem;
    float: left;
    margin-left: 1rem;
    letter-spacing: 0.03rem;
    border-radius: 3px;
}


nav#menu {
    background-color: #0e2426;
    text-align: center;
    padding: 0.2rem 0;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 1rem;
    font-size: 0.85rem;
    padding: 0.2rem 0.5rem;
    font-family: "Josefin Sans", Lato, "Open Sans", sans-serif;
    /* per jimmac */
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7rem;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: 0.06rem;
    padding: 0.5rem;
}

nav#menu ul, nav#menu ul li {
    padding: 0;
    display: inline;
}

nav#menu ul > li {
    margin-left: 1.5rem;
    letter-spacing: 0.15rem;
}

nav#menu ul > li:first-of-type {
    margin-left: 0;
}

nav#menu ul > li a{
    color: #ecf0f1;
}

nav#menu ul > li:last-of-type {
    white-space: nowrap;
}

nav#menu .fa {
    font-size: 1rem;
    vertical-align: middle;
    vertical-align: text-top;
    display: none;
}

a.donate-orange {
    color:#f57900 !important;
}



p.advert {
    border-style: solid;
    border-width: 5px;
	border-color: blue;
	width:50%;
	padding: 10px;
	margin-left:  5%;
	font-size:22px
}



  ul.navbar2 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 1em;
    right: 5em;
    width: 9em }
  ul.navbar2 li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid white }
  ul.navbar2 a {
    text-decoration: none }



  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 0.5em;
    width: 14em }
  ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black }
  ul.navbar li > ul > li {
    background: white;
    margin: 0.1em 0;
    padding: 0.1em;
    border-right: 0em solid blue }
  ul.navbar a {
    text-decoration: none }


#offers
{
  background-color: lightblue;
  width: 50%;
}

#navcontainer
{
position: absolute;
left: 50px;
}

#navcontainer_mini
{
position: absolute;
left: 20px;
top: -5px;
}

.bash {
 background-color: black;
 color: grey;
 font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
 width: 50%;
padding-bottom: 0.5rem;
}

.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; overflow: hidden; position: relative; width: 100%; height: 298px; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("/youtube/play.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

caption {
display: table-caption;
text-align: bottom; }


.TextWrap_right{
	float: right;
	margin: 10px;
	width: 30%;

}

.TextWrap{
	float: right;
	margin: 10px;
}

.TextWrap_left{
	float: left;
	margin: 10px;
	padding-right: 15px;
}


#green_button a {
    color: blue;
}

#green_button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  margin: 4px 2px;
  cursor: pointer;

}

@media (max-width: 601px) {
  #hidden_for_mobile{
  display:none;
  }

	p {
	font-size:20px;
	margin-left:15px;
	}

	ul li
	{
		font-size:20px;
		padding-bottom: 8px;
    	padding-left: 1px;
		margin-left: 1px;

	}

	li
	{
		font-size:20px;
		padding-bottom: 8px;
    	padding-left: 1px;
		margin-left: 1px;

	}
}

@media (min-width: 601px) {
  #shown_for_mobile{
  display:none;
  }

	p {
	font-size:28px;
	margin-left:30px;
	}

	ul
	{
		margin-left:40px;
	}

	li
	{
		font-size:28px;
		padding-bottom: 8px;
	}
}