/* Drupal 7 Framework - Created by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing: 
  Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

/**
 * 0.RESET 
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */

body {
  background: #eee;
  color: #898989;
  font-family: 'Josefin Sans', "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

h1, .h1 {
  font-size: 22px;
  line-height: 1.5;
  margin: 28px 0 0;
  text-transform:uppercase;
}

h2, .h2 {
  font-size: 22px;
  line-height: 1;
  margin: 1em 0;
  color:#F89B1C;
  font-style: italic;
  font-weight: 600;
}

h3, .h3 {
  font-size: 1.25em;
  line-height: 1.2;
  margin-top: 1.2em;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 1em 0;
  color:#F89B1C;
}

p {
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 1.5em 0;
}

a { color: #2AA0FF; text-decoration: none; }

a:visited { color: #2AA0FF; }

a:hover, a:active, li a.active  { color: #53B1FF; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/* apply common styling after reset.css */

li ul, li ol {  margin: 0; }
ul, ol {  margin: 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type: disc; }
ol {  list-style-type: decimal; }
dl {  margin: 0 0 1.5em 0; }
dl dt {  font-weight: bold; }
dd {  margin-left: 1.5em; }
hr {  background: #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }
fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom: 1.5em;  width: 100%; }
th, tr, td {  vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }

/**
 * 2.LAYOUT
 */

#container,
#headerwrapper,
#menuwrapper,
#highlightwrapper,
#contentwrapper,
#tabwrapper,
#aboutwrapper
 {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
#headerwrapper { background: #222222 url("img/header-bg.jpg") no-repeat right; }
#menuwrapper { background: #FFCB08; min-height: 20px; }
#highlightwrapper { background: #fff url("img/testimonials-bg.jpg") no-repeat left; }
#contentwrapper,
#tabwrapper { background: #363636; }
#tabwrapper { height:164px; }
#aboutwrapper { background: #fff; padding:10px 0 10px; }

/**
 * 3.MAIN
 */

/* 1 column: global values*/

#highlighted {
  margin: 0 auto;
  width:100%;
  padding: 32px 0 28px;
}
#highlighted h1 {
  margin-left: 20px;
}

#main {
  margin: 0 auto;
  padding: 0;
  width:100%;
}
#main .content {
  padding: 30px;
}
.page-node-1 #main .content, .page-node-10 #main .content {
 padding:0;
}

/* 3 columns */
body.two-sidebars #main { float: left; margin: 0 0 0 240px; padding: 0; width: 460px; }

/* 2 columns: sidebar-first */
body.sidebar-first #main { float: right; margin: 0; padding: 0; width: 700px; }

/* 2 columns: sidebar-second */
body.sidebar-second #main { float: left; margin: 0; padding: 0; width: 700px; }

/**
 * 4.SIDEBARS
 */
/* 3 columns: sidebar-first */
body.two-sidebars #sidebar-first { float: left; margin: 0 0 0 -700px; padding: 0; width: 220px; }

/* 3 columns: sidebar-second */
body.two-sidebars #sidebar-second { float: right; margin: 0; padding: 0; width: 220px; }

/* 2 columns: sidebar-first */
body.sidebar-first #sidebar-first { float: left; margin: 0; padding: 0; width: 220px; }

/* 2 columns: sidebar-second */
body.sidebar-second #sidebar-second { float: right; margin: 0; padding: 0; width: 220px; }

/**
 * 5.HEADER
 */

#header {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width:100%;
}

#header #logo {
  float: left;
  margin: 45px 0 0 25px;
  margin: 15px 0 0 25px;
  width:100px;
  width:185px;
}
#header #logo img {
  width:100%;
}

#header #site-name-slogan {
  float: left;
  margin: 0 0 1.5em;
}

#header #site-name {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

#header #site-name a:hover {
  text-decoration: none;
}

#header #site-slogan {
  margin: 0;
}

/**
 * 6.NAVIGATION
 */

#navigation {
  clear: both;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu {
  clear: both;
  list-style: none;
  width:100%;
  margin: 0 auto;
  padding: 0;
  text-transform:uppercase;
  font-weight:600;
  font-size:12px;
  text-align:center;
}
.page-node-10 #navigation ul#main-menu {
  display:none;
}

#navigation ul#main-menu li {
  float: left;
  margin: 0;
  padding: 0;
  width:12.5%;
}
#navigation ul#main-menu li:hover,
#navigation ul#main-menu li.active {
  background:#EEEEEE;
}

#navigation ul#main-menu li a {
  display: block;
  padding: 8px 0;
  color:#363636;
  font-size:8px;
}

#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li a {
  display: block;
  padding: 0;  
}

.breadcrumb {
  clear: both;
  padding: 1.5em 0 0;
}

#skip-link {
  position: absolute;
}

/* menus and item lists */

.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
  border-bottom: 1px solid #333;
  margin: 0 0 1.4375em;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/**
 * 7.NODES
 */

.node {
  margin-bottom: 1.5em;
}
.page-node-4 table {
 background: #3c3c3c;
 text-align:center;
 margin: 0 auto;
}
.page-node-4 table th {
 width:50%;
 vertical-align:top;
 text-align:center;
 color:#f89b1c;
}


/* tags */

.field-name-field-tags {
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

.password-parent {
  width: 36em;
}

/**
 * 8.COMMENTS
 */

#comments {
  clear: both;
  margin-top: 1.5em;
}

.comment {
  margin-bottom: 1.5em;
}

.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
  margin-bottom: 1.5em;
}
.region-highlighted .block {
 margin-bottom: 0px;
}
.region-highlighted {
 display:none;
}

#block-block-1, .highlight-cta-container {
 float:right;
 margin:0;
}

#block-block-5 {
 float:right;
 width:496px;
 height:122px;
 margin:0;
}
#block-block-5 p {
  margin:24px 0 0;
  text-align:right;
}
#block-block-6 {
 width:100%;
 margin:0 auto;
 font-size:18px;
 text-align:center;
 text-transform:uppercase;
}
#block-block-6 p{
 color:#727272;
 font-size:14px;
}
#block-block-7 {
 width:auto;
 padding:0 15px;
 margin:0 auto;
 text-align:center;
}
#block-block-7 p{
 line-height:2;
 font-style:italic;
}
#block-block-7 a{
 text-decoration:underline;
}
#block-block-8 {
 margin:0 auto; 
 text-align:center;
}
#block-block-8 img{
 margin:0 8px;
}
#block-block-8 p{
 font-size:12px;
}
/**
 * 10.FOOTER
 */

#footer {
  clear: both;
  padding: 1.5em 0 0;
  position: relative;
}

#footer a.feed-icon {
  position: absolute;
  right: 0;
  top: 1.6667em;
}

/**
 * 11.CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.clear { clear: both; }

/* display block */
.display-block { display: block; }

/**
 * 12. CUSTOM
 *
 */
.region-tabwrapper {
 background:#222222;
}
#quicktabs-front_page_tabs p,
#block-block-2 p,
#block-block-10 p,
.highlight-text {
 color:#F89B1C;
 font-weight:700;
 font-style: italic;
 font-size:24px;
 text-align:center;
 line-height:1.5;
}
.highlight-text {
 display:inline-block;
 vertical-align:bottom;
 margin-right: 10px;
 margin-bottom: 5px;
}
#quicktabs-front_page_tabs {
	width: 100%;
	min-width: 1000px;
/*	background-image: url("../images/spotlight_menu_bg.png");
	background-repeat: repeat-x;     /* Specific to my theme and may not be necessary for your theme */
	background-position: bottom; */ /* Places background of quicktabs menu */
	display: block;
}

#quicktabs-front_page_tabs .quicktabs-tabs,
#block-block-2,
#block-block-10 {
	width: 100%;
	padding: 30px 0 1px;
	margin: 0 auto;
}
#block-block-10{background: #212121; display: none;}
#block-block-11, #block-block-12{display: none;}
#quicktabs-front_page_tabs .quicktabs-tabs li {	
	text-align:center;
	color:#898989;
	text-transform:uppercase;
	display:inline-block;
	width: 33%;
}
#quicktabs-front_page_tabs .quicktabs-tabs li a{
	width: 100%;
	padding:12px 0 7px;
	color:#898989;
	display:inline-block;
	font-size:14px;
	font-weight:600;
}
#quicktabs-front_page_tabs .quicktabs-tabs li.active{
	background:#222222;
}
#quicktabs-front_page_tabs .quicktabs-tabs li.active a{
	color:#F89B1C;
}

#quicktabs-front_page_tabs .quicktabs-tabpage {
	margin: -164px auto 0 auto;
	width: 100%;
	background:#222222;
	padding:30px 0 0;
}
#quicktabs-front_page_tabs .quicktabs-tabpage section {
	width: 910px;
	padding:0 90px 0 0;
	margin:0 auto;
	height: 94px;	
}

a.orange_btn {
	display:none;
	background:#F89B1C;
	padding:8px 0;
	text-transform:uppercase;	
	font-size:28px;
	width:228px;	
	-webkit-box-shadow: 0px 6px 0px 0px rgba(171,91,29,1);
	-moz-box-shadow: 0px 6px 0px 0px rgba(171,91,29,1);
	box-shadow: 0px 6px 0px 0px rgba(171,91,29,1);
	color:#fff;
	font-style: normal;
}
a.orange_btn:hover {
	background:#FDB42E;	
	-webkit-box-shadow: 0px 6px 0px 0px rgba(195,121,47,1);
	-moz-box-shadow: 0px 6px 0px 0px rgba(195,121,47,1);
	box-shadow: 0px 6px 0px 0px rgba(195,121,47,1);
}
.orange_btn, .gray_btn, .blue_btn {	
	text-align:center;
	font-weight:600;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
}
a.gray_btn, a.blue_btn {
	display:block;
	font-size:13px;
	width:82px;
    	padding: 4px 0;
	vertical-align: top;	
}
a.gray_btn {
	background:#F6F6F6;	
	color:#898989;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(185,185,185,1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(185,185,185,1);
	box-shadow: 0px 5px 0px 0px rgba(185,185,185,1);
	margin:8px 0 0;
}
a.gray_btn:hover {
	background:#FFF;	
	-webkit-box-shadow: 0px 5px 0px 0px rgba(213,213,213,1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(213,213,213,1);
	box-shadow: 0px 5px 0px 0px rgba(213,213,213,1);
}
a.blue_btn {
	background:#2AA0FF;	
	color:#fff;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(30,115,183,1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(30,115,183,1);
	box-shadow: 0px 5px 0px 0px rgba(30,115,183,1);
	margin:0px;
}
a.blue_btn:hover {
	background:#33BDFF;	
	-webkit-box-shadow: 0px 5px 0px 0px rgba(36,139,211,1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(36,139,211,1);
	box-shadow: 0px 5px 0px 0px rgba(36,139,211,1);	
}

.brandlist {
 text-align:center;
}
.brandlist a {
 display: inline-block;
 height: 134px;
 margin: 5px;
 text-align: center;
 vertical-align: middle;
 width: 229px;
 border:0 !important;
}
.brandlist a img {
 position: relative;
 top: 34px;
}
.brandlist a.ms-brand img {
 top: 26px;
}
.brandlist a.ls-brand img {
 top: 46px;
}
.active-brand {
 background: #3C3C3C url("img/info.png") no-repeat;
 background-position: 97% 94%; 
 -webkit-box-shadow: 0px 5px 0px 0px rgba(40,40,40,1);
 -moz-box-shadow: 0px 5px 0px 0px rgba(40,40,40,1);
 box-shadow: 0px 5px 0px 0px rgba(40,40,40,1);	
}

#block-block-9 {
 width:100%;
 background:#EEEEEE; 
 display:none;
 margin:30px 0 0;
}
.close {
 left: 88%;
 position: relative;
 top: 6px;
 width: 28px;
}
#brand-logo {
 display:block;
 width:229px;
 height:100px;
 text-align:center;
 padding:34px 0 0;
 background:#3C3C3C;
 margin:0 auto;
}
#brand-market, #brand-languages, #brand-gametypes, #brand-gamenumber {
 display:inline-block;
 vertical-align: top;
 margin-left:15px;
 font-size:16px;
 font-weight:600;
}
#brand-text {
 display:block;
 width:100%;
 text-align:center;
 margin:25px auto 0;
}
.brand-heading {
 color:#F89B1C;
 text-transform:uppercase;
 font-size:14px;
 font-weight:700;
 margin:0 0 4px;
}
#target-market, #languages, #type-of-games, #number-of-games {
 list-style-type:none;
 margin:0;
 padding:0;
}
#brand-information li {
 margin-bottom:5px;
}
#languages .en, #languages .sv, #languages .no, #languages .fi, #languages .da, #languages .de,
#type-of-games .slots, #type-of-games .casino, #type-of-games .instant, #type-of-games .scratch, #type-of-games .bingo, #type-of-games .livecasino {
 padding-left: 25px; 
}
#languages .en { background:url("/sites/default/files/pictures/languages/en.jpg") no-repeat left; }
#languages .sv { background:url("/sites/default/files/pictures/languages/sv.jpg") no-repeat left; }
#languages .no { background:url("/sites/default/files/pictures/languages/no.jpg") no-repeat left; }
#languages .fi { background:url("/sites/default/files/pictures/languages/fi.jpg") no-repeat left; }
#languages .da { background:url("/sites/default/files/pictures/languages/da.jpg") no-repeat left; }
#languages .de { background:url("/sites/default/files/pictures/languages/de.jpg") no-repeat left; }
#type-of-games .slots { background:url("img/slots.png") no-repeat left; }
#type-of-games .casino { background:url("img/casino.png") no-repeat left; }
#type-of-games .instant { background:url("img/instant.png") no-repeat left; }
#type-of-games .scratch { background:url("img/scratch.png") no-repeat left; }
#type-of-games .bingo { background:url("img/bingo.png") no-repeat left; }
#type-of-games .livecasino { background:url("img/live-casino.png") no-repeat left; }
#brand-text-content { 
 font-size:16px;
 text-transform:uppercase;
 font-style:italic;
}
.orange-text {
 color:#F89B1C;
}
.front .orange-text {
 font-weight:600;
}
.orange-list {
 list-style-type: none; 
 line-height: 2.5;
 padding-left:0;
 margin-bottom:0px;
}
.orange-list li{
 background:url("img/list-tab.png") no-repeat left; 
 padding-left:30px;
 font-size:18px;
}
a.visit { 
 background:url("img/visit.png") no-repeat right; 
 padding-right:20px;
 font-weight:600;
 float:right;
 color:#2AA0FF;
}
a.visit:hover { 
 background:url("img/visit.png") no-repeat right;
 color: #53B1FF;
}

#brandpage {
 border-spacing: 10px 20px;
 border-collapse: separate;
}
.brandpage-brand {
 background:#3C3C3C;
 padding: 20px 25px 0;
 vertical-align: top;
}
#brandpage tr {
 margin-bottom:40px;
}
#brandpage h2 {
 margin:0 0 20px;
 font-weight:400;
}
.langline {
 padding-bottom:15px;
 margin-bottom:15px;
 border-bottom:1px #515151 solid;
}
.langline img {
 margin-left:6px;
}
.page-node-10 #block-block-1 {
 display:none; 
}

@media (min-width: 1060px) { 
 #highlighted, #main, #header, #navigation ul#main-menu, #block-block-6, #block-block-2, #block-block-10 { width:1000px; }
 #highlighted { padding: 32px 0 28px; }
 #navigation ul#main-menu li { width:125px; } 
 #block-block-9 { height: 285px; padding: 0 0 0 30px; }
 #brand-text { width: 900px; } 
 .close { left: 97%; }
 .page-node-1 #main, .page-node-10 #main { padding: 30px; }
 #aboutwrapper { padding: 60px 0 0; }
 #block-block-6 p { font-size:18px; }
 #block-block-7 { width:710px; padding:0; }
 .page-node-4 table { width:600px; }
 .brandpage-brand {
 display:inline-block;
 padding: 20px 15px 0;
 width: 430px;
 height:985px;
 margin-bottom:40px;
 }
 .brand-left { margin-right: 10px; }
 #brand-logo { margin-left:0; }
}

@media (min-width: 900px) {
 #brand-market, #brand-languages, #brand-gametypes, #brand-gamenumber { width:160px; }
}

@media (min-width: 800px) {
 a.orange_btn,
 .region-highlighted { display:block; }
}

@media (min-width: 640px) {
 a.gray_btn, a.blue_btn { display:inline-block;	padding: 7px 0 7px; }
 a.gray_btn { margin:28px 0 0; }
 a.blue_btn { margin:28px 6px 0 50px; }
 .page-node-10 #navigation ul#main-menu {  display:block; }
 #block-block-6 p { font-size:16px; }
 .close { left: 93%; }
 #navigation ul#main-menu li a { font-size:12px; }
 #header #logo { width:185px; margin: 15px 1em 0.7em 0.5em; } 
 #brand-logo { display:inline-block; margin-left:20px; }
 #aboutwrapper { background: #fff url("img/testimonials-bg.jpg") no-repeat left; height:249px; padding:10px 0 0; }
}

@media (max-width: 1250px) {
	#headerwrapper{	background-position: 200px top;	}
}

@media (max-width: 800px) {
 #headerlogins img { display:none; }
 #block-block-5 { width:220px; }
}

@media (max-width: 799px) {
 #block-block-12{display: block;background: rgba(33, 33, 33, 0.60);width: 100%;height: 76px; padding: 0px 0 0px; position: fixed; bottom: -25px; z-index: 9000;}
 #block-block-12 a.orange_btn, #block-block-12 .content{padding: 0;}
}

@media (max-width: 640px) {
#block-block-5 { width: 120px; }
}

@media (max-width: 639px) {
a.gray_btn { margin:15px 0 0; }
#block-block-10{display: block;}
#block-block-2{display: none;}
/*#block-block-11{display: block;}
#main > .content .field-type-text-with-summary .brandlist, #block-block-9{display: none !important;}*/
#block-block-8{padding-bottom: 40px;}
#tabwrapper{height: 20px;}
}

@media (max-width: 500px) {
 .brandlist a{ width: 40%; }
 .brandlist a img { width: 90% !important; height: auto !important; }
#header #logo { margin: 25px 0 0 25px; width:140px; }
}