@font-face {
	font-family: 'Fortnite';
	src: url( '/fonts/BurbankBigCondensed-Bold.otf' );
}

@font-face {
	font-family: 'PassionOne-Bold';
	src: url( '/fonts/PassionOne-Bold.ttf');
}


body {
	font-family:'Fortnite';
	background-color: black;
	//background-image: url("/images/blackbcground.png");
	background-size: cover;
        //background-color: #cccccc;
}

#topnav{
	overflow: hidden;
	height: 80px;
	padding-left: 120px;
	background-color: #0000;
	background-image: url("/images/apolonasgod_logo_orange.png");
	background-repeat: no-repeat;
} 

#topnav a{
	float: top;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	font-size: 25px;
} 

#topnav a.active{
	background-color: #e37111;
	color: black;
} 

#topnav a:hover{
	background-color: #ddd;
	color: black;
} 

#topnav .topnav_text {
	font-family: PassionOne-Bold,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 60px;
	color: white;
	padding-top: 10px;
	border-right: 4px solid white;
	padding-right: 15px;
}

#topnav .topnav_links {
	margin-left: 20px;
	margin-top: 20px;
	padding-top: 10px;
}

ul.socials {
	display: block;
	list-style-type: none;
	margin-top: 5em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

ul.socials li {
	margin-bottom: 3em;
}

#latest_video {
	width:100%;
	height: auto;
	margin:5px 5px 15px 5px;
	padding-bottom: 10px;
	background-color: black;
	color:white;
}

#small_itemshop {
	width:100%;
	height:auto;
	margin:5px 5px 15px 5px;
	padding-bottom: 10px;
	background-color: black;
	color:white;
}

* {
	box-sizing: border-box;
}



#wrapper {
	width: 1150px;
	margin: 0 auto;
}


.column1 {
	float: left;
	width: 775px;
	min-height: 900px; 
	background-color: #3e3e3e;
}

.column2 {
	float: right;
	width: 375px;
	padding: 10px;
	min-height: 900px; 
	background-color: #3e3e3e;
	border-left: 1px solid black;
}


.row:after {
	content: "";
	display: table;
	clear: both;
}

.column2_header_logo {
	background-image: url("/images/apolonasgod_logo_orange_small.png");
	width: 54px;
	height: 40px;
	padding: 0;
	float: left;
}

.column2_header_text {
	padding: 10px 20px;
	height: 40px;
	text-align: right;
	font-size: 24px;
	float: left;
	color: white;
	width: calc(100% - 54px);
	background-color: black;
}

#content {
	color: white;
}

/* article is used in news as well as world records */

article {
	border-bottom: 1px solid black;
}

article::after { 
  content: "";
  display: block; 
  clear: both;
}


/* news page styles */

.newsitem {
	text-align: left;
	font-size: 20px;
	color: white;
	padding: 10px 0px 41px 10px;
}

.newsitem_footer {
	float: left;
	position: relative;
	min-height: 1px;
	display: block;
	height: 100%;
	width: 100%;
}

.newsitem_footer_right {
	width: 93%;
	float: left;
	position: relative;
	min-height: 1px;
	display: block;
	height: 100%;
}

article .newsitem_footer [class*="icon_"], .newsitem_footer_right [class*="icon_"] {
	border-left: 1px solid #000;
    height: 42px;
    width: 42px;
    background-size: 50% 50%;
}
article .newsitem_footer [class*="icon_"] a, .newsitem_footer_right [class*="icon_"] a {
	display: block;
	width: 100%;
	height: 100%;
}

article .newsitem_footer_right [class*="icon_"] {
	border-left: 1px solid #000;
    height: 26px;
    width: 26px;
    background-size: 50% 50%;
}

.newsitem_datetime {
	padding-top:12px;
	float: left;
	font-size: 14px;
	color: #e37111;
	
}

.newsitem_socials {
	text-align: center;
	float: right !important;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	color: #e37111 !important;
}


/* world record page styles */

.world_record {
	text-align: left;
	font-size: 20px;
	color: white;
	padding: 10px 0px 41px 10px;
}

.world_record_footer {
	float: left;
	position: relative;
	min-height: 1px;
	display: block;
	height: 100%;
	width: 100%;
}

.world_record_footer_right {
	width: 93%;
	float: left;
	position: relative;
	min-height: 1px;
	display: block;
	height: 100%;
}


article .world_record_footer [class*="icon_"], .world_record_footer_right [class*="icon_"] {
	border-left: 1px solid #000;
    height: 42px;
    width: 42px;
    background-size: 50% 50%;
}

article .world_record_footer [class*="icon_"] a, .world_record_footer_right [class*="icon_"] a {
	display: block;
	width: 100%;
	height: 100%;
}

article .world_record_footer_right [class*="icon_"] {
	border-left: 1px solid #000;
    height: 26px;
    width: 26px;
    background-size: 50% 50%;
}


.world_record_datetime {
	padding-top:12px;
	float: left;
	font-size: 14px;
	color: #e37111;	
}

.world_record_datetime2 {
	padding-top:12px;
	padding-left:25px;
	float: left;
	font-size: 14px;
	color: #e37111;	
}

.world_record_socials {
	text-align: center;
	float: right !important;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	color: #e37111 !important;
}

.world_record_socials2 {
	text-align: center;
	float: right !important;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	color: #e37111 !important;
}




.icon_facebook { 
	background-image: url("/images/facebook_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

.icon_facebook:hover { 
	background-image: url("/images/facebook_orange.png");
}

.icon_twitter { 
	background-image: url("/images/twitter_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

.icon_twitter:hover { 
	background-image: url("/images/twitter_orange.png");
}

.icon_link { 
	background-image: url("/images/link_black.png");
	background-repeat: no-repeat;
	background-position: center;
}

.icon_link:hover { 
	background-image: url("/images/link_orange.png");
}

.icon_link button {
	background: 0 0;
	width: 100%;
	height: 100%;
	border: 0;
	cursor: pointer;
}

.pull_left {
	float: left !important;	
}
	
.morenews {
	padding: 10px 0px 10px 0px;
	text-align: center;
}

@media screen and (max-width: 600px) {
	.column1 {
		width: 100%;
	}
	.column2 {
		width: 100%;
	}
}

	


	

