/* General */
body {font-size:16px;}
a {color: #00f3ff;}

#g-page-surround::before,#g-page-surround::after {display:none;content:"";}

/* header */
#sm-logo img{max-width: 60%;}
#g-header {padding:0;margin:0;}
#g-header div.moduletable {position: relative;}
#g-header p {margin:0;}
#headerfb {position:absolute;top:0;right:0;}

#g-above{padding:0;}

#g-above .inputbox {color: #dbd4d4;
    background-color: #333;
	border: 2px solid rgba(156,156,156,0.60);}

#g-utility .platform-content{margin:0;padding:0;}

/*search btn*/
.search-btn {position: relative;}
.customsearch-btn{position: absolute;
    right: 25px;
    margin-top: -105px;
}
.search-btn a.btn::before{
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: 8px;
}

.search-btn .btn {
    border-radius: 3px;
    color: #FFF;
    background: #FF9800;
    border: 0;
    box-shadow: none;
	padding-left: 34px;

}
.featured .g-blockcontent .btn {
    border-radius: 3px;
    color: #FFF !important;
    background: #FF9800;
    border: 0;
    box-shadow: none;
	
}
.search-btn .btn:hover, .featured .btn:hover {
    background: #BD0A9C;

}



/* crumb */
#g-utility {padding:0;}
#g-utility .g-content {padding:0;margin:0;}
.breadcrumb {background: transparent;color:#aaa;font-size: 11px;font-family: arial,sans-serif;margin:0 10px;}
.breadcrumb a {color: #fff;text-decoration: none;}
.breadcrumb li:nth-child(2) {margin: 0}
.breadcrumb li:nth-child(2) .divider {display: inline-block;}
.breadcrumb li {vertical-align: inherit;}
.breadcrumb span.divider {height: auto}

/* Side menu */
#g-sidebar h3.g-title {color:#ad48a5;margin:0;padding:0;}
#g-sidebar ul.nav.menu, #g-sidebar ul.nav.menu ul {padding:0;margin:0;}
#g-sidebar .nav.menu, #g-sidebar .nav.menu .nav-child.unstyled {border:0;}
#g-sidebar .moduletable ul.nav.menu li {margin:0;padding:0;border:0;}
.moduletable .nav.menu li a:before, .moduletable .mostread li a:before, 
.moduletable .latestnews li a:before, .moduletable .archive-module li a:before, 
.moduletable .relateditems li a:before, .moduletable .categories-module li a:before, 
.moduletable .category-module li a:before, .moduletable .latestusers li a:before, 
.moduletable .unstyled li a:before 
{content:"";display:none;}
#g-sidebar .moduletable .nav.menu li a {display:block;font-size:13px;letter-spacing: 1px;color:#aaa;}
#g-sidebar .moduletable .nav.menu li.current > a, #g-sidebar .moduletable .nav.menu li > a:hover {color:#fff;}
#g-sidebar .moduletable ul.nav.menu > li {border-bottom: 1px dotted #DC3BCF;}
#g-sidebar .moduletable .nav.menu > li > a {padding: 4px 0 4px 0em;text-transform: uppercase;}
#g-sidebar .moduletable .nav.menu li li a {color: #aaa;display: block;font-size: 13px;letter-spacing: 1px;line-height: 140%;margin-bottom: 2px;} 
#g-sidebar .moduletable .nav.menu li ul {margin:-5px 0 3px 10px;padding-left: 6px;}
#g-sidebar .moduletable .nav.menu li ul li {list-style-type: square;}

#g-sidebar .moduletable ul.nav.menu li.item-136{padding:2px 0;}
#g-sidebar .moduletable ul.nav.menu li.item-137{padding:2px 0 0;}
.nav > li > a > img {
    max-width: 80%;
}

/* ------ Home menu -----*/

#g-mainbar .front-menu .g-title{
	color: #fff;
    background-color: rgba(79,116,182,1.00);
    padding: 19px 15px 13px;
    width: 100%;
    text-align: center;
    margin: 0;
    border-radius: 6px;line-height:125%;}

 
#g-mainbar .front-menu .nav.menu > li .separator{
	color: #000;
    background-color:rgba(228,157,7,1.00);
    padding: 9px 15px 8px;
    text-align: left;
    margin: 0 0 -2px 0;
    border-radius: 6px;
width:100%;
display:block;
text-transform:uppercase;
	font-weight:600;

}

#g-mainbar .front-menu .nav.menu > li a{
	color: #fff;
    background-color:rgba(228,157,7,1.00);
    padding: 9px 15px 8px;
    text-align: left;
    margin: 0;
    border-radius: 6px;
width:100%}

#g-mainbar .front-menu .nav.menu > li a:hover{
	background-color:rgba(146,236,219,1.00);
color:#000;}

#g-mainbar .front-menu .nav.menu li li a {
	
    background-color:#555;
    padding: 9px 15px 8px;
    text-align: left;
    margin: 0;
    border-radius: 6px;}


#g-mainbar .front-menu .nav.menu{
    border: none; 
	padding: 14px 0px 8px;
    border-radius: 6px;
	width:100%;
}
#g-mainbar .front-menu .unstyled {
    margin-bottom:0;
    border: none;
	padding:2px 0px 2px 50px;}

#g-mainbar .front-menu .nav.menu li{
    margin-bottom:0;
    border: none;
	padding:2px 0px 2px 0px;
    
}
#g-mainbar .front-menu .nav.menu li > ul{margin:4px 0 0 0px;width:100%;}


/* Content */
#g-mainbar {margin-top:12px;}
#main-content > .g-content {padding-top:0;padding-bottom:0;margin: 0;}
.page-header h2 {color: #ff8000;font-size: 1.3em;font-weight:normal;margin:0;}

/* Resource Database */
#sm-resource .g-content,#sm-resource2 .g-content,#sm-resource3 .g-content {margin:0 2px;padding-top:0;}
#sm-resource h3 {margin-top: 0}

/* Resources Database Admin Pages */
#sm-admin-bar {padding:10px;background:#1b3031;margin: 0 0 20px}
#sm-admin-container {margin:20px 0;padding:20px;background: #1f1f1f;}
#sm-admin-bar .btn, .sm-items-container .btn {background:#00636b;margin-left: 10px;}
#sm-admin-container form button {
	padding: 9px 25px;
    background: #5fccd4;
    color: #000;
    border: 0;
    border-radius: 3px;
}
#sm-admin-container form button:hover {background: #35a5ad;}

.sm-year-row {border-top:1px solid #999;}
.sm-year-row label {display:inline-block;padding:10px 15px 0 10px;}
.sm-year-row input {margin: -1px 4px 0 0}

table#sm-admin-table {width:100%;}
table#sm-admin-table th,
table#sm-admin-table td {font-size:12px;padding:4px;white-space: normal;word-wrap: break-word;}


/* Items */  
.sm-items-container {clear:both;}

.sm-year-heading {padding: 10px;
    /* font-size: 1.4em; */
    line-height: 125%;
    min-height: 105px;
    background: #333;
	margin-bottom:9px;
    border-radius: 10px;}

.sm-year-heading a {
	display:inline-block;
	padding:4px 6px;
	margin-top:5px;
    border-radius: 6px;
    background: #444;
	font-size:13px;
	
}
.sm-year-heading a:hover {
	
    background: #747474;
	
}

.sm-year-heading a::after{ 
	content: "\f14c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 18px;
    padding-right: 0.5em;
    /* position: absolute; */
    top: 10px;
    left: 0px;
    margin: 0px -7px 0px 6px;}

.tab-friend, .mobile-gamelink{border-radius: 6px;
    background: #444;
    font-size: 9pt;
    padding: 5px 9px 3px;
    line-height: 10px;
    clear: both;
    display: inline-block;
}

#yearlink-container {float:right;}
#yearlink-container a {margin-right:10px;}

.backtotop {float:right;margin:0 0 10px 10px;display:block;padding:5px 10px; border-radius:4px;background:#333;font-size:10px;color:#eee;}
a.backtotop::after{display:none;}

.sm-item {position: relative;border-width:0 0 0 12px;border-style: solid;border-radius: 6px 0 0 6px;}

/*.sm-item a {color:#f0f0f0;}*/

.sm-item a.sm-mobile-link {margin-left:10px;}

.sm-item h3 {color:#eee;margin:0 0 5px;font-size:1.1em;line-height: 125%;}
.sm-item p {font-size:15px;line-height: 130%;margin:0 0 10px;}
.sm-item img {max-width:140px;}
.sm-item .sm-content {float:right;width:calc(100% - 150px);}
.sm-item a.admin-edit {position:absolute;right:10px;top:0px;}
.sm-item {margin: 0 10px 15px 0;
    width: 48%;
    display: inline-block;
}

/*letters added */

#g-page-surround .moduletable .year-heading-0::before, #g-page-surround .moduletable .year-heading-1::before, #g-page-surround .moduletable .year-heading-2::before, #g-page-surround .moduletable .year-heading-3::before, #g-page-surround .moduletable .year-heading-4::before, #g-page-surround .moduletable .year-heading-5::before, #g-page-surround .moduletable .year-heading-6::before, #g-page-surround .moduletable .year-heading-7::before{
    font-family: 'Exo', sans-serif;
    display: inline-block;
    font-size: 93px;
    margin: 0px 22px -2px 0;
    line-height: 100%;
    float: left;

}



#g-page-surround #yearlink-container .year-heading-0 {color:#ff4b00;}

.sm-items-year-0 .sm-item {border-color:#ff4b00;}
#g-page-surround .moduletable .year-heading-0::before {content: "F ";color:#ff4b00;}

#g-page-surround #yearlink-container .year-heading-1 {color:#ffd700;}
.sm-items-year-1 .sm-item {border-color:#ffd700;}
#g-page-surround .moduletable .year-heading-1::before {content: "1 ";color:#ffd700;}

#g-page-surround #yearlink-container .year-heading-2 {color:#68ff00;}
.sm-items-year-2 .sm-item {border-color:#68ff00;}
#g-page-surround .moduletable .year-heading-2::before {content: "2 ";color:#68ff00;}

#g-page-surround #yearlink-container .year-heading-3 {color:#00ffc8;}
.sm-items-year-3 .sm-item {border-color:#00ffc8;}
#g-page-surround .moduletable .year-heading-3::before {content: "3 ";color:#00ffc8;}

#g-page-surround #yearlink-container .year-heading-4 {color:#0092ff;}
.sm-items-year-4 .sm-item {border-color:#0092ff;}
#g-page-surround .moduletable .year-heading-4::before {content: "4 ";color:#0092ff;}

#g-page-surround #yearlink-container .year-heading-5 {color:#7f59ff;}
.sm-items-year-5 .sm-item {border-color:#7f59ff;}
#g-page-surround .moduletable .year-heading-5::before {content: "5 ";color:#7f59ff;}

#g-page-surround #yearlink-container .year-heading-6 {color:#ff00dc;}
.sm-items-year-6 .sm-item {border-color:#ff00dc;}
#g-page-surround .moduletable .year-heading-6::before {content: "6 ";color:#ff00dc;}

#g-page-surround #yearlink-container .year-heading-7 {color:#ff004a;}
.sm-items-year-7 .sm-item {border-color:#ff004a;}
#g-page-surround .moduletable .year-heading-7::before {content: "7 ";color:#ff004a;}

/*list All Games page*/

.indextable-body .row:nth-child(even){background-color:#204058}
.indextable-body .row{padding:4px;}

.mobile-gamelink{}

/* list all categories layout */

.categories-list {font-size:14px;}
.categories-list h3.item-title a {font-weight: bold;color:#fff;margin:2px 0;font-size:1.1rem;line-height: 120%;display:block;}
.sm-subcat {margin-left:20px;}
.sm-subcat h3.page-header {font-size:1rem;}

/* mobile menu */

#g-offcanvas {background:#222;font-size:13px;}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {padding:10px;}

#g-mobilemenu-container .g-toplevel li.g-parent > .g-menu-item-container > .g-menu-item-content {width:75%;}

#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {border:1px solid #555;background: #444;    margin: 0;    padding: 3px 0px 1px;right:10px;top:10px;}

#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {background: inherit;}

#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {background: inherit;}

#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {color:#ee0;}

/* modal popup box */

body.modal a {color:#27b;}
body.modal .platform-content {padding:0;margin: 0;}
body.modal .container-popup .well {margin:0;background: #f5f5f5;}
body.modal .container-popup .well .row {margin:0;}

/* homepage styles */


img.styled1,
img.styled2,
img.styled3,
img.styled4,
img.styled5,
img.styled6 {width:120px;height:auto;margin-bottom: 8px}

img.styled1 {
  border:4px solid #ffff00;
}
img.styled2 {
  border:4px solid #00ff00;
}
img.styled3 {
  border:4px solid #00bfff;
}
img.styled4 {
  border:4px solid #8f00ff;
}
img.styled5 {
  border:4px solid #ff00bf;
}
img.styled6 {
  border:4px solid #ff0000;
}

.itemid-101 .categories-module a {color:#fff;}

.itemid-101 .moduletable .categories-module {padding: 0;
    border: 0;
    display: block;}

#sm-resource .sm-home-topcat h3 {font-size: 20px;margin-top:0.75rem;}
#sm-resource2 .sm-home-topcat h3 {font-size: 20px;margin-top:0.75rem;}
#sm-resource3 .sm-home-topcat h3 {font-size: 20px;margin-top:0.75rem;}


.moduletable.featured-home{
	background-color: #333;
    border-radius: 25px;
    padding: 10px 20px;
    width:100%;
	position:relative;
}
/*412px*/
.sm-items-container.featured-home {
  overflow:hidden; /* So the sliding bit doesn't stick out. */
  margin:0 auto;
  height:112px;
}

.sm-items-container.featured-home .sm-item  {
	animation-timing-function: ease-out;
	width:47%;
}
.sm-items-container.featured-home .sm-item:nth-child(-n+2)  {
	-webkit-animation: mover 15s infinite  normal;
    animation: mover 15s infinite normal;
}
.sm-items-container.featured-home .sm-item:nth-child(3),.sm-items-container.featured-home .sm-item:nth-child(4)  {
	-webkit-animation: mover-two 15s infinite  normal;
    animation: mover-two 15s infinite normal;
}

@-webkit-keyframes mover {
	
}
@keyframes mover {
     0% { transform: translate(0px, 0px); }
	 20%{ transform: translate(0px, 0px); }
	30% { transform: translate(-850px, 0px); }
    35% { transform: translate(-850px, -600px); }
	65% { transform: translate(950px, -600px); }
	70% { transform: translate(950px, 0px); }
	80% { transform: translate(0px, 0px); }
	100% { transform: translate(0px, 0px); }
}
@keyframes mover-two {
      
	 0% { transform: translate(950px, -120px); }
     20%{ transform: translate(950px, -120px); }
	 30%{ transform: translate(0px, -120px); }
	 70% { transform: translate(0px, -120px); }
	 80% { transform: translate(-850px, -120px); }
	 85% { transform: translate(-850px, -680px); }
	 90%  { transform: translate(950px, -680px); }
	 100%   { transform: translate(950px, -120px); }

}
@keyframes mover-two-967 {
      
	 0% { transform: translate(950px, -150px); }
     20%{ transform: translate(950px, -150px); }
	 30%{ transform: translate(0px, -150px); }
	 70% { transform: translate(0px, -150px); }
	 80% { transform: translate(-850px, -150px); }
	 85% { transform: translate(-850px, -680px); }
	 90%  { transform: translate(950px, -680px); }
	 100% { transform: translate(950px, -150px); }

   }

/* === Subscription === */

.btn.btn-default {color:#333;background:#ff9800;font-size: 18px;text-shadow: none;font-weight: 600;padding:12px;}
.btn.btn-default:hover {background-color:#f35d01}

.btn.btn-info {font-size: 18px;text-shadow: none;font-weight: 600;padding:12px;}

.itemid-461 #g-page-surround .form-group {margin-bottom: 3px;}
.itemid-461 #g-page-surround .form-group:after {content:"";display: table;clear:both;}

.itemid-255 #g-page-surround input,
.itemid-255 #g-page-surround select,
.itemid-255 #g-page-surround textarea,
.itemid-461 #g-page-surround input,
.itemid-461 #g-page-surround select,
.itemid-461 #g-page-surround textarea
{border:1px solid #666;background:#111;}

.osm-container h1 {font-size:1.6em;color:#eee;}
.osm-container h2 {font-size:1.4em}
.osm-container h3 {font-size:1.3em;color:#ddd}

.moduletable.homepage-access-label p {margin: 10px 0 -30px;color: #07c0f9;}
ul.osm-active-plans-list, ul.osm-active-plans-list li {list-style: none;display: block}

#osm_login_form input[value="Login"] {margin-bottom:45px;}

/* ############################# MEDIA QUERIES ############################################# */

@media all and (max-width: 1200px){
.customsearch-btn{right: 25px;margin-top: -99px;}
	
	.sm-items-container.featured-home{height:118px;}
	.sm-items-container.featured-home .sm-item {
    animation-timing-function: ease-out;
    width: 46%;
	display:inline-block;
}
	.moduletable.featured-home{width:100%;padding: 5px 10px;    border-radius: 15px;}
	
}

@media all and (max-width: 967px){
    .sm-item {width: 100%;display: block;}
	
	.search-btn .btn{font-size:0.8rem;line-height: 16px;}
	
	
	/*featured games on front*/
	.sm-items-container.featured-home{height:100px;}
	.sm-items-container.featured-home .sm-item {
    animation-timing-function: ease-out;
    width: 240px;
		display:inline-block;
}
	.sm-items-container.featured-home .sm-item img {
    max-width: 100px;
}
	.moduletable.featured-home{width:100%;padding: 5px 10px;    border-radius: 15px;}
	
	.sm-item .sm-content {width: calc(100% - 105px);
}
	.sm-items-container.featured-home .sm-item:nth-child(3),.sm-items-container.featured-home .sm-item:nth-child(4)  {
	-webkit-animation: mover-two-967 8s infinite  normal;
    animation: mover-two-967 8s infinite normal;
}
	#g-mainbar .front-menu .unstyled {
    padding: 2px 0px 2px 17px;
}
	
}



@media all and (max-width: 967px) and (min-width: 768px){
	.size-19 {
		-webkit-box-flex: 0;
 	   -moz-box-flex: 0;
	    box-flex: 0;
	    -webkit-flex: 0 25%;
	    -moz-flex: 0 25%;
	    -ms-flex: 0 25%;
	    flex: 0 25%;
	    width: 25%;
	}
	.size-81 {
		-webkit-box-flex: 0;
	    -moz-box-flex: 0;
	    box-flex: 0;
	    -webkit-flex: 0 75%;
	    -moz-flex: 0 75%;
	    -ms-flex: 0 75%;
	    flex: 0 75%;
	    width: 75%;
	}
}


@media all and (max-width: 767px){

	/* General */
	
	#g-sidebar, .size-19 {display:none;}
	#g-page-surround > .g-wrapper {padding:0 15px;}
	#main-content .g-content {padding:0;margin:5px 20px;}

	/* Header */
	#sm-logo img{max-width: 100%;}
	#g-header .g-content {padding:10px;margin:0;}
	#g-header .g-content div#sm-logo{max-width: 80%;margin:0 auto;}
	#g-header .g-content div#headerfb {}
	
    /*featured games on front*/
	.sm-items-container.featured-home .sm-item{animation:none !important;width:100%;}
	.moduletable.featured-home{width:100%;}

	/* Resources */
	.sm-item {border-width:10px 0 0 0;border-radius:5px 5px 0 0; margin-bottom: 30px;width: 100%;
    display: block;}
	.sm-item a.sm-mobile-link {display: block; font-size: 18px; margin: 0;;}
	.sm-item img {max-width:none;margin:0 0 10px;width:100%;}
	.sm-item .sm-content {float:none;width:auto;}
	.customsearch-btn{right: 5px;margin-top: 0px;}
	
	/* turn off the featured game flicker */
	.sm-items-container.featured-home {
  overflow:show; 
  margin:0 auto;
  height:auto;
}

.sm-items-container.featured-home .sm-item  {
    -webkit-animation: none;
    animation: none;
	
}

	
	
	
	
}