/*
Theme Name: Arabic Games v2
Theme URI: http://east.ba
Author: Amir Ahmic | east.ba
Author URI: http://east.ba
Description: The theme for Arabic Games website
Version: 1.0
Text Domain: arabicgames
*/

@font-face {
    font-family: 'ArcherMedium';
    src: url('fonts/archer/archer-medium-pro.eot');
    src: url('fonts/archer/archer-medium-pro.eot') format('embedded-opentype'),
         url('fonts/archer/archer-medium-pro.woff') format('woff'),
         url('fonts/archer/archer-medium-pro.ttf') format('truetype'),
         url('fonts/archer/archer-medium-pro.svg#ArcherMedium') format('svg');
}
@font-face {
    font-family: 'ArcherBold';
    src: url('fonts/archer/archer-bold-pro.eot');
    src: url('fonts/archer/archer-bold-pro.eot') format('embedded-opentype'),
         url('fonts/archer/archer-bold-pro.woff') format('woff'),
         url('fonts/archer/archer-bold-pro.ttf') format('truetype'),
         url('fonts/archer/archer-bold-pro.svg#ArcherBold') format('svg');
}
html, body {
	height: 100%;
}
html{

}
body{
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-attachment: fixed !important;
    font-family: ArcherMedium;
}
#wrapper{
	margin: 0 auto;
	width: 900px;
	min-height: 100%;
}
#header{
	width: 100%;
	float: left;
	text-align: center;
}
#header .logo h1{
	font-size: 0;
	text-indent: -9999px;
	width: 318px;
	height: 135px;
	background: url(http://arabicgamejam.org/wp-content/uploads/2015/02/logga-utanar3-e1424962543433.png) no-repeat;
	margin: 20px auto;
	display: inline-block;
	float:left;
}

#header div.release-date {float:right;color:white;margin-top:50px;}


/* HEADER NAVIGATION */
div#header ul.menu {padding:0px;margin:0px;list-style:none;}
div#header ul.menu > li {display:block;z-index:2000;position:relative;width:295px;height:35px;line-height:35px;float:left;margin-right:5px;margin-bottom:5px;color:white;text-transform: uppercase;text-decoration:none;}
div#header ul.menu > li:hover {z-index:2002;}
div#header ul.menu > li a {color:white;text-transform:uppercase;text-decoration:none;display:block;}

div#header ul.menu li 											{background-color:#4f848e;}
div#header ul.menu li.pink, div#header ul.menu li.pink li 		{background-color:#ff0ff1 !important;}

div#header ul.menu li.green, div#header ul.menu li.green li 	{background-color:#739142 !important;}
div#header ul.menu li.green2, div#header ul.menu li.green2 li 	{background-color:#9db33b !important;}
div#header ul.menu li.bez, div#header ul.menu li.bez li 		{background-color:#cfc5b2 !important;}
div#header ul.menu li.bez2, div#header ul.menu li.bez2 li 		{background-color:#b5afa0 !important;}

div#header ul.menu > li > ul 		{display:none;}
div#header ul.menu > li:hover > ul 	{display:block;list-style:none;margin:0px;padding:0px;}
div#header ul.menu > li > ul > li 	{border-top:solid white 1px;}

#content{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.home #content, .message{
    text-align: center;
    font-size: 22px;
    font-family: ArcherBold;
    color: #222;
}
#content .single{
	background: white;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-boxsizing: border-box;

	float: left;
}
#content .single img{
	max-width: 100%;
	height: auto;
}
/* SPONSORS */
.page-id-42 .single img{
	margin: 25px;
}
.page-id-42 .single h2{
	margin-left: 25px;
	float: none;
	clear: left;
}
.single table tr td{
	vertical-align: top;
	width: 50%;

}
.single table tr td:first-child{
	padding-right: 15px;
}
.single table tr td:nth-child(2){
	padding-left: 15px;
}
.single hr{
	width: 200px;
	height: 1px;
	border: none;
	padding-top: 40px;
	border-bottom: 1px solid #000;
	clear: both;
}
.single h2{
	text-transform: uppercase;
	font-size: 14px;
}
.single h3{
	font-size: 36px;
	margin: 10px 0;
}
.single .alignleft{
	float: left;
}
.single .alignright{
	float: right;
}
img.alignleft{
	margin: 0 10px 10px 0;
	
}
img.alignright{
	margin: 0 0 10px 10px;
	
}
div.gallery img {border:none !important;}
.single img.attachment-post-thumbnail {width:100% !important;height:auto !important;}
.single .box{
	float: left;
	width: 33.33333333%;
	font-size: 14px;
	min-height:350px;
	display:block;
	overflow:hidden;
	padding:13px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	word-wrap: break-word;
}
.single .box img {
	width:100% !important;
	height:auto !important;
}
.video-box{
	float: left;
	width: 250px;
	margin-left: 22px;
	margin-top: 20px;
	position: relative;
	cursor: pointer;
}
a.fancybox-media:nth-of-type(3n+1) .video-box{
	clear: left;
}
.video-box .play{
	width: 100%;
	height: 57px;
	background: url(img/play.png) center top no-repeat;
	position: absolute;
	top: 65px;
}
.video-box p{
	color: black;
}

#slider{
    width: 900px;
    margin: 0 auto;
    height: auto;
}
#slider .bx-wrapper .bx-viewport{
    background: none;
    border: none;
    left: 0;
}
#slider .bx-wrapper, #slider .bx-wrapper .bx-viewport{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#slider ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-id-37 .single img{
	margin: 0 auto;
display: block;
}

.wpcf7-submit{
	background: #4F848E;
	border: none;
	text-transform: uppercase;
	color: #FFF;
	padding: 8px 15px;
	cursor: pointer;
}
.wpcf7-text{
	height: 25px;
	width: 340px;
}
.wpcf7-textarea{
	width: 338px;
}
div.wpcf7 {
	margin: 0;
	padding: 0;
	width: 350px;
	float: left;
}
#inst{
	float: right;
	overflow: hidden;
	width: 384px;
}
#inst span{
	font-family: ArcherMedium;
}
#inst iframe{
	float: right;
	margin-top: -70px;
}

.post-box{
	float: left;
	width: 100%;
}
.post-box img.alignleft{
	margin: 0 10px 10px 0;
	clear: both;
}
.post-box img.alignright{
	margin: 0 0 10px 10px;
	clear: both;
}

#footer{
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
}
#footer p{
    font-size: 14px;
}
#footer p a, #footer p{
    color: white;
    text-decoration: none;
}
#footer p:first-child{
    font-size: 22px;
    padding-bottom: 20px;
    display: block;
}


#surveyMonkeyInfo{
	float: left;
	width: 100%;
}

div.calendar-event {margin-bottom:10px;padding-bottom:10px;border-bottom:solid #e5e5e5 1px;margin-top:5px;}
div.calendar-event:last-child {border-bottom:none;}
div.calendar-event div.time {font-size:20px;}
div.calendar-event div.time img {margin-bottom:-4px;}
div.calendar-event h2, div.calendar-event h2 a {font-size:20px;color:#66A7B3;display:block;margin-top:5px;text-decoration:none;}
div.calendar-event p {color:#797979;}

/****** TABS *****/
div.tabs > div.tabs-menu {display:block;overflow:hidden;}
div.tabs > div.tabs-menu a {width:33.33333332%;padding:10px;background-color:#4f848e;color:white;text-decoration:none;display:block;float:left;font-size:26px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
div.tabs > div.tabs-menu a:hover {opacity:0.85;}
div.tabs > div.tabs-menu a span {font-size:12px;display:block;}
div.tabs > div.tabs-content > div {margin-top:10px;display:none;}


/***** SHARE OPTIONS *****/
div.share-options {padding-top:10px;margin-top:10px;border-top:solid #797979 1px;color:#797979;display:block;overflow:hidden;}
div.share-options a {color:#797979;text-decoration:none;}
div.share-options a.facebook {color:#3b5998;}
div.share-options a.twitter {color:#0084b4;}
div.share-options a.google-plus {color:orange;}

/***** SMALL THINGS *****/
.clear {width:100%;display:block;overflow:hidden;}
.clear.h10  {margin-top:5px;margin-bottom:5px;}
.clear.h20  {margin-top:10px;margin-bottom:10px;}
.clear.h30  {margin-top:15px;margin-bottom:15px;}
.clear.h40  {margin-top:20px;margin-bottom:20px;}
.clear.h50  {margin-top:25px;margin-bottom:25px;}
.clear.h60  {margin-top:30px;margin-bottom:30px;}
.clear.h70  {margin-top:35px;margin-bottom:35px;}
.clear.h80  {margin-top:40px;margin-bottom:40px;}
.clear.h90  {margin-top:45px;margin-bottom:45px;}
.clear.h100 {margin-top:50px;margin-bottom:50px;}
.clear.h130 {margin-top:65px;margin-bottom:65px;}
.clear.h140 {margin-top:70px;margin-bottom:70px;}
.clear.h150 {margin-top:75px;margin-bottom:75px;}
.clear.h200 {margin-top:100px;margin-bottom:100px;}

/* SMARTPHONES */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
	#wrapper, #slider{
		width: 100%;
	}
	#header .logo h1{
		width: 80%;
		background-size: contain;
	}
	#header ul.menu li {
		width: 100% !important;
	}
	#content .single{
		padding: 21px;
	}
	.single .box{
		width:100%;
	}
	.single table tr td {
		width: 100%;
		float: left;
		padding-left: 0;
	}
	.single table tr td:nth-child(2){
		padding-left: 0;
	}
	.video-box{
		margin-left: 5px;
	}
	.wpcf7-text, .wpcf7-textarea{
		width: 73%;
	}
	#inst {
		width: 100%;
	}


	div.dcwss-content li {
		width:100% !important;
	}
}

/* IPADS, PORTRAIT AND LANDSCAPE */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait), only screen and (min-width : 481px) and (max-width : 768px) {


}
/* IPADS, PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
	body{
		margin: 0;
	}
	#wrapper, #slider{
		width: 768px;
	}
	.single .box{
		width:50%;
	}
}