﻿/*
Theme Name: VA Master Responsive Theme
Theme URI: www.visualapp.com
Description: A custom theme by VisualApp
Author: VisualApp
Author URI: www.visualapp.com
.
[Any other comments go here]
.
*/

@charset 'utf-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
}
/********************************************************
Table of Contents

To navigate to a section of the stylesheet Ctrl+F

1. Text Styles
2. Header Styles
3. Header Navigation Styles
4. Content Styles 
5. Sidebar Styles
6. Footer Styles
7. Breadcrumb Styles
8. Hyperlink Styles 
9. List Styles 
10. Table Styles
11. Float Styles
12. Social Media Styles
13. Form Styles (Contact / WooCommerce / RFQ)
14. Blog Styles
15. Hide Mobile Functionality for Desktop
16. Tablet Styles for Shiftnav
17. Misc Styles
18. Start Responsive Styles

********************************************************/



/********************************************************
Base Styles
********************************************************/

html {
    /*to prevent jitter when moving from a page that is taller than the window to one that is not, vice versa*/
    overflow-y: scroll;
}
html, body{
  height: 100%;
}


/********************************************************
1. Base Typography Styles
********************************************************/

body {
    font-family: 'Open Sans', sans-serif;
    /* base font */
    
    font-size: 1em;
  	line-height:1.375;
    /* base font-size */
    
    color: #000;
    background: #000 url(www.pensacolacasinoparties.com/wp-content/themes/va/images/body-bg.png) top center repeat-x;
}

/* By only applying the margin to the bottom, spacing between
these common block-level elements remains consistent and
headings can be flush with the following content if desired. */

p,
ul,
ol,
table,
form,
blockquote {
    margin-bottom: 10px;
}
strong,
b {
    font-weight: 600;
}

em,
i {
    font-style: italic;
}

#content p {
    margin-bottom: 1.25em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p.h3,
p.h4 {
    color: #444;
  	font-weight:600;
}

h1 {
    font-size: 2em;
    line-height: 1.05;
    margin-bottom: .625em;
    color: #af1313;
}

h2 {
    font-size: 1.5em;
    margin-bottom: 0.714em;
    color: #131313;
}

h3, p.h3 {
    font-size: 1.25em;
    margin-bottom: 0.75em;
    color: #af1313;
}
td h3{
margin-bottom:0em; 
}

h4,
h5,
h6 {
    font-size: 0.75em;
}

/********************************************************
2. Header Styles
********************************************************/

#outer-wrap {
    min-height: 100%;
  background:url(www.pensacolacasinoparties.com/wp-content/themes/va/images/inner-bg.png) center top no-repeat;
}

header {
    height: 280px;
}

#wrap {
  
}

header .right {
    margin-right: 20px;
}

header .right p {
    font-size: 19px;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
    color: #1a468e;
}

header .tagline{
    background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/header-tab.png) top left no-repeat;  
  width:388px;
  height:100px;
  padding-top:6px;
}

header .right p{
 color:white;
  font-size:1em;
  margin:0px;
}

header .right p span {
    color: #C8B347;
  font-size:1.5em;
  padding-left:5px;
}

header img.logo {
    margin-top: 18px;
    margin-left: 0px;
}

div#header {
    position: relative;
    width: 960px;
    height: 230px;
    margin: 0 auto;
    max-width:100%;
}

/********************************************************
3. Header Navigation Styles
********************************************************/

header nav {
    font-weight: 400;
    width: 958px;
	border:1px solid #891010;
  	max-width:100%;
    height: 48px;
    background: #b31717 url(www.pensacolacasinoparties.com/wp-content/themes/va/images//global-nav-bg.png) top left repeat-x;
    margin: 0 auto;
}

header nav ul {
    float: left;
    margin: 0;
    margin-right: 2px;
    margin-left: 0;
}

header li {
    float: left;
    padding: 0;
}

header nav li a {
    font-size: 1.1em;
    display: block;
    padding-top: 13px;
    padding-right: 13px;
    padding-bottom: 11px;
    padding-left: 13px;
    text-decoration: none;
    color: #fff;
    height: 49px;
    box-sizing: border-box;
    font-weight: 600;
    transition: all 400ms;
}

header nav li:last-child a {
    background: none;
}
header nav li.menu-item-788{
background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/home-icon.png) 13px 13px no-repeat;
  width:48px;
transition:all 400ms;
}
header nav li a:hover {
    color: #fff;
    background: #830303;
}
header nav li.menu-item-788:hover{
background:#830303 url(www.pensacolacasinoparties.com/wp-content/themes/va/images/home-icon.png) 13px 13px no-repeat;
}
header nav li.menu-item-788 a:hover{
 background:none!important; 
}
div.nav-wrap {
    z-index: 999 !important;
}

header nav ul li ul.sub-menu {
    background: #6e0404;
    padding: 0;
    display: none;
    position: absolute;
    width: 200px;
}
header nav ul li:hover ul.sub-menu {
    display: block;
    z-index: 999;
}
header ul li ul.sub-menu li {
    float: none;
}

header ul li ul.sub-menu li ul {
    padding-left: 0px;
  	padding-top:0px;
  	height:auto !important;
}

header ul li ul.sub-menu li ul li {
    display: block;
    float: none;
}
header ul li ul.sub-menu li a {
    padding: 12px 20px 10px 20px;
    font-size: 0.875em;
    font-weight: 400;
    text-transform: none;
    height: auto;
    box-sizing: content-box;
}
header ul li ul.sub-menu li ul li a {
    font-size: 1em;
    font-weight: 500;
    padding: 5px 20px 5px 20px;
  	box-sizing:content-box;
  	height:auto;
}

header ul li ul.sub-menu li a:hover {
    background: #c42727;
}

nav.shiftnav-nav ul#menu-mobile-menu {
    font-size: 1.25em;
}

span.shiftnav-submenu-activation {
    height: 62px !important;
    width: 62px !important;
}

div.search-wrap input {
    vertical-align: top;
    margin-top: 5px;
}

div.search-wrap input.button {
    width: 22px;
    margin-top: 4px;
    padding: 0 10px;
}

div.search-wrap form#searchform {
    width: 225px;
    float: right;
}

div.search-wrap input.field {
    border-radius: 3px;
    border: solid 1px #d8d8d8;
    padding: 3px;
    width: 150px;
    color: #494949;
}

.search-wrap.mobile-show form {
    width: 100% !important;
    padding: 0 30px;
    box-sizing: border-box;
}

div.search-wrap.mobile-show input.field {
    border: none;
    border-bottom: solid 1px #d8d8d8;
    width: 88%;
    box-sizing: border-box;
    padding: 10px 2px;
    font-size: 1em;
    border-radius: 0;
}

div.search-wrap.mobile-show input.button {
    margin-top: 4px;
    padding: 1px 10px;
    box-sizing: border-box;
    height:40px;
  	width:auto;
}

p.logo-tagline {
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-shadow: 2px 2px #000;
}

/********************************************************
4. Content Styles 
********************************************************/

#faux-column {
    z-index: 1;
    clear: both;
    width: 960px;
    margin: 0 auto;
    background: #fff;
    position: relative;
  	max-width:100%;
}

#content {
    width: 100%;
  	box-sizing:border-box;
    padding:20px;
    color: #363636;
    margin: 0 auto;
    box-sizing: border-box;
  min-height:400px;
}

#content strong,
#content b {
    color: #000;
}

#content div.content-box,
#content div.example-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #e6e0db;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f2ece7;
}

.content-box h3 {
    margin-top: 0;
}

.two-columns {
    width: 46%;
    display: inline-block;
    margin-right: 3%;
}

.three-columns {
    width: 30%;
    display: inline-block;
    margin-right: 2.9%;
}

.four-columns {
    display: inline-block;
    width: 22%;
    margin-right: 2.5%;
}

ul.three-columns, ul.two-columns {
    margin-left: 0;
    padding-left: 30px;
    box-sizing: border-box;
}

#content blockquote {
background: #ffffff url('www.pensacolacasinoparties.com/wp-content/themes/va/images/icon-quote.png') no-repeat left 12px;
    padding: 30px 30px 20px 66px;
    margin-bottom: 1.25em;
}

#content blockquote p {
    color: #282828;
    font-size: 1em;
    line-height: 1.458;
    font-style: italic;
    margin-bottom: 0em;
}

#content blockquote p.quote-name {
    font-weight: 300;
    font-style: normal;
	margin-bottom: 0;
}

#content blockquote p.quote-name span {
    color: #1e8eb8;
    font-style: italic;
    font-weight: 600;
    font-size: 1.125em;
}
div.wpcr3_review blockquote.wpcr3_content {
    font-size: inherit!important;
}
img.photo {
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px;
    background: #fff;
    border: solid 1px #dbdada;
}

img.drop-shadow {
    box-shadow: 8px 8px 32px -6px rgba(0,0,0,0.8);
}

div#content img {
    max-width: 100%;
	height: auto !important;
}

/********************************************************
5. Sidebar Styles
********************************************************/

aside {
    float: left;
    width: 208px;
    margin-left: 20px;
    padding: 1px;
    padding-top: 20px;
    padding-bottom: 30px;
}

aside p.h3 {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 10px;
    color: #1a468e;
    margin-top: 5px;
}
aside h3{
 font-size:1em; 
}
aside p.h3 a {
    text-decoration: none;
    color: #46321d;
}

aside p.h3 a:hover {
    color: #80a721;
}

aside p.h4,
aside p {
    color: #515151;
}

aside p.h4 {
    font-size: 1.125em;
    margin-top: 20px;
    margin-bottom: 10px;
}

aside p {
    font-size: 0.8em;
    line-height: 1.5;
}
aside p a{
font-weight:600;
}
aside li a {
    font-size: 0.8em!important;
    display: block;
    padding:6px 10px 6px 0px;
    text-decoration: none;
    color: #00518c!important;
    border-bottom: 1px solid #c8c8c8;
    background: none!important;
    font-weight: 600;
}

aside li a.nav-current {
}

aside a:hover {
    text-decoration:underline;
}

aside ul {
    margin-left: 0;
}

aside ul li ul a {
    font-size: 0.75em!important;
    padding-left: 35px;
}

aside ul ul {
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
}

#content .wpc-categories {
    display: none!important;
}


/********************************************************
6. Footer Styles
********************************************************/

footer {
    font-size: 0.75em;
    font-weight: 400;
    clear: both;
    width: 960px;
  	max-width:100%;
    margin: 0 auto;
    padding-top: 20px;
}

footer a {
    color: #fff;
}

footer a:hover {
    opacity: .6;
}

footer p {
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 20px;
  	margin-bottom:0;
    color: #fff;
}
footer p a{
 text-decoration:underline; 
}

footer ul {
    float: right;
    margin: 0;
    margin-right: 15px;
}

footer li {
    float: left;
    padding: 0;
}

footer li a {
    display: block;
    padding: 0;
    padding-right: 12px;
    padding-left: 12px;
    text-decoration: none;
  border-right:1px solid #fff;
}

footer li:last-child a {
    padding-right: 0;
    border: none;
}

footer ul.sub-menu {
    display: none;
}

/********************************************************
7. Breadcrumb Styles
********************************************************/

.breadcrumbs, .woocommerce-breadcrumb {
    font-size: 0.75em;
    margin-bottom:16px;
}

.breadcrumbs a, .woocommerce-breadcrumb a {
    text-decoration: none !important;
	-webkit-transition:all 300ms;
  	-moz-transition:all 300ms;
  	-o-transition:all 300ms;
	transition:all 300ms;
}

.breadcrumbs span:first-child {
	padding-left:0 !important;
	padding-right:2px !important;
}

.woocommerce-breadcrumb a:first-child {
    padding-left: 0 !important;
    padding-right: 0px !important;
}

.breadcrumbs span {
    padding: 0 4px !important;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: bold;
}
	
.woocommerce-breadcrumb a {
    padding: 0 2px !important;
    font-family: 'Open Sans Bold', sans-serif;
    font-weight: bold;
}

.breadcrumbs a span, .woocommerce-breadcrumb {
    font-weight: 600;
    font-family: 'Open Sans Bold', Sans-Serif;
}
  .breadcrumbs a:hover span, .woocommerce-breadcrumb a:hover {
    opacity: 0.8;
}


/********************************************************
8. Hyperlink Styles 
********************************************************/

a {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-decoration: none;
    color: #0051a8;
}
#content a.primary-btn{
display:block;
width:260px;
height:48px;
background:#05895c;
border:2px solid #087450;
border-radius:6px;
color:#fff;
text-decoration:none!important;
font-size:1.125em;
	max-width:100%;
margin-bottom:20px;
}
#content a.primary-btn span{
display:block;
background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/btn-arrow.png) 218px 13px no-repeat;
padding-left:20px;
padding-top:12px;
}
  #content a.primary-btn:hover{
	 background:#087450; 
	}
img a {
    border: 0;
}

div#content a {
    color: #0d29ce;
    font-weight: 600;
}
  
div#content a:hover {
    text-decoration: underline;
}
  
/********************************************************
9. List Styles 
********************************************************/

ul {
    list-style: none;
    margin-left: 1.25em;
    margin-bottom: 1.25em;
}

#content li {
    padding: 3px;
}

#content ul li {
    background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/icon-list.png) 0 0 no-repeat;
    background-size: 20px;
    padding: 0;
    padding-left: 30px;
    margin-bottom: .625em;
}
#content ul.red li{
	  color: #af1313;
	  font-weight:600;
}
/* nested lists */

#content li ul {
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-top: 1em;
}
  
#content ul ul li {
    background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/icon-list-sub.png) 0px 2px no-repeat;
    background-size: 16px;
    padding-left: 24px;
}

/********************************************************
10. Table Styles
********************************************************/

table {
    width: 100%;
    margin-bottom: 2em;
}
.table,
td,
th {
    border-collapse: collapse;
    color: #444;
}

td,
th {
    padding: 5px;
}

th {
    background-color: #26436b;
    color: #fff;
    text-align: center;
    font-size: 1.125em;
    font-weight: 600;
    padding: 14px 15px;
}

table tr:nth-child(odd) {
    background: #e7e7e7;
}

td {
    vertical-align: top;
    padding: 10px 15px;
}

/* A class is used for formatting tables so nothing weird happens
when someone wants to use a table for layout. */

.dataTable caption {
    font-size: 0.875em;
    font-weight: bold;
    color: #219ee4;
}

.dataTable th,
.dataTable td {
    padding: 5px;
    text-align: center;
}

.dataTable th {
    font-weight: bold;
    color: #fff;
    background: #219ee4;
}

.dataTable td {
    border-bottom: 1px solid #ccc;
}


/********************************************************
11. Float Styles
********************************************************/

.right, .alignright {
    float: right;
    margin: 0 0 20px 20px;
}

#content .right img, #content img.alignright,
#content img.right {
    max-width: 300px;
    height: auto;
    border: 1px solid #999;
}

.left {
    float: left;
    margin: 0 10px 10px 0;
}

div .clear {
    height: 0;
}

.clear {
    clear: both;
}


/********************************************************
12. Social Media Styles
********************************************************/

div#social {
    float: right;
    padding-top: 8px;
    padding-right: 10px;
}

div#side-social {
    display: none;
    margin-right: auto;
    margin-left: auto;
    padding-top: 8px;
}

div#foot-social {
    display: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}

#social a{
 transition:all 0ms; 
 height:32px;
 width:32px;
}

#social a.gplus {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/google-plus_off.png') no-repeat 0 0;
}

#social a.facebook {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/facebook_off.png') no-repeat 0 0;
}

#social a.twitter {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/twitter_off.png') no-repeat 0 0;
}

#social a.youtube {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/youtube_off.png') no-repeat 0 0;
  margin-right:0px!important;
}
#social a.gplus:hover {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/google-plus_off.png') no-repeat 0 bottom;
}

#social a.facebook:hover {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/facebook_off.png') no-repeat 0 bottom;
}

#social a.twitter:hover {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/twitter_off.png') no-repeat 0 bottom;
}

#social a.youtube:hover {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/youtube_off.png') no-repeat 0 bottom;
}
#side-social a.gplus {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/gplus-s.png') no-repeat 0 0;
}

#side-social a.linkedin {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/linkedin-s.png') no-repeat 0 0;
}

#side-social a.facebook {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/fbook-s.png') no-repeat 0 0;
}

#side-social a.twitter {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/twitter-s.png') no-repeat 0 0;
}

#side-social a.youtube {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/ytube-s.png') no-repeat 0 0;
}

#foot-social a.gplus {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/gplus.svg') no-repeat 0 0;
    background-size: 40px 40px;
}

#foot-social a.linkedin {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/linkedin.svg') no-repeat 0 0;
    background-size: 40px 40px;
}

#foot-social a.facebook {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/fbook.svg') no-repeat 0 0;
    background-size: 40px 40px;
}

#foot-social a.twitter {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/twitter.svg') no-repeat 0 0;
    background-size: 40px 40px;
}

#foot-social a.youtube {
    background:url('www.pensacolacasinoparties.com/wp-content/themes/va/images/ytube.svg') no-repeat 0 0;
    background-size: 40px 40px;
    margin-right:0px;
}

#social a,
#side-social a {
    min-width: 32px;
    height: 32px;
    box-size:border-box;
  display:inline-block;
    text-decoration: none;
  	margin-right:10px;
}

#foot-social a {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    padding: 0 5px 0 5px;
    text-decoration: none;
}



/********************************************************
13. Contact Page Form Styles
********************************************************/

#content form ul li {
    float: left;
    clear: none!important;
    width: 50%;
    margin: 0;
  	margin-bottom:1.5em;
    padding: 0;
    background: none;
}

#content form ul li.full-width {
    float: none;
    clear: both!important;
    width: 100%;
}

.gform_wrapper .gform_footer input.button {
    width: 120px!important;
    background: #326fde;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    font-size: 1.125em;
    text-transform: uppercase;
    border-radius: 6px;
    border: none;
    border: 2px solid #1a4da9;
    margin-top: 25px;
    padding: 12px 0;
}
.gform_wrapper {
    overflow: inherit;
    margin: 1em 0;
    max-width: 98%;
    padding: 20px;
    border: 2px solid #DADADA;
    background: #F0F0F0;
    position: relative;
    margin-bottom:0px!important;
}

.gform_wrapper .gform_footer input.button:hover {
    background: #b32c2c;
    border:2px solid #881515;
  cursor:pointer;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    width: 100% !important;
    border: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-left: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none !important;
}

li.gf_left_half,
li.gf_right_half {
    height: 70px;
}

input.medium {
    width: 90%!important;
}

input.button, a.button{
 	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
  	-o-transition:all 300ms;
  	transition:all 300ms;
}




/********************************************************
14. Blog Styles
********************************************************/

.blogexcerpt {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ececec;
}

.blogexcerpt:nth-child(even){
	background:#ffffff;	
}
  
#content .blogexcerpt h2 a {
    color: #0e3578;
    font-weight: 300;
}

#content .blogexcerpt h2 a:hover {
}


/********************************************************
15. Hide Mobile Functionality for Desktop
********************************************************/

.mobile-show,
.phone-show {
    display: none;
}

.mobile-hide,
.phone-hide {
    display: block;
}
.phone-show-casino{
  display:none;
	}
.phone-buttons {
    width: 100%;
    padding: 15px 0;
}

.phone-buttons div {
    font-size: 0.625em;
    float: left;
    width: 33%;
}

.phone-buttons div.clear {
    float: none;
    width: 100%;
}

.phone-buttons span {
    font-weight: normal!important;
    display: block;
    padding-top: 10px;
    text-align: center;
}

.phone-buttons a {
    /*background: rgb(165,190,14); /* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(165,190,14,1) 0%, rgba(115,130,35,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,190,14,1)), color-stop(100%,rgba(115,130,35,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(165,190,14,1) 0%,rgba(115,130,35,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5be0e', endColorstr='#738223',GradientType=0 ); /* IE6-9 */
    
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-top: 1px solid #d9ee5b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px #61680a;
    box-shadow: 0 0 0 1px #61680a;
}

.phone-buttons a img {
    width: 50px;
    height: 50px;
    border: none;
}

iframe.right {
    border: 1px solid #ccc;
}

div.prev-nextlinks:first-child {
    display: none;
}


/********************************************************
16. Tablet Styles for Shiftnav
********************************************************/

.shiftnav-toggle {
    display: none!important;
    float: right;
    text-decoration: none;
}

.shiftnav-toggle-button {
    float: none;
    margin: 0 15px 15px 0!important;
    background: #306fff!important;
}

.shiftnav-toggle-button:hover {
    background: #243f8e!important;
}


/********************************************************
17. Misc Styles
********************************************************/
hr {
    width: 100%;
    height: 0;
    margin: 0 0 20px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
}

hr.dashed {
    border-bottom: 1px dashed #7b7b7b;
}

small {
    display: none;
}

a.quote-cart {
    position: absolute;
    top: 16px;
    right: 0px;
    color: #00599b;
    padding-left: 34px;
    background: url('www.pensacolacasinoparties.com/wp-content/themes/va/images/quote-icon-blue.png') no-repeat left top;
    text-decoration: none;
    font-weight: 600;
    padding-top: 6px;
  	padding-right:20px;
}

div#contact address {
    margin-bottom: 1.25em;
}

a.download-btn {
    font-size: 1em;
    font-style: normal;
    background: #585858 url('www.pensacolacasinoparties.com/wp-content/themes/va/images/icon-download.png') no-repeat 16px center;
    color: #fff;
    background-size: 20px 20px;
    display: block;
    padding: 14px 30px 14px 48px;
    border-radius: 4px;
    font-weight: 500;
    font-family: 'proxima-nova', sans-serif;
    line-height: 1em;
    text-decoration: none;
}

a.download-btn:hover{
  	background-color:#6e6e6e;
  	color:#fff !important;
}

a.blue-btn {
    background: #00599b;
    color: #fff;
    text-decoration: none;
    padding: 8px 30px;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline;
    margin: 0 auto;
    border: solid 1px #3595ce;
    box-shadow: 0 0 0 1px #00599b;
  	max-width:100%;
}

a.blue-btn:hover {
    background: #106db2;
}


/* ============================================================
  CUSTOM PAGINATION
============================================================ */

.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}

.custom-pagination a {
    background-color: #ebebeb;
    color: #0085f3 !important;
    text-decoration: none !important;
}

.custom-pagination a:hover {
  background-color: #0085f3;
  color: #fff !important;
}

.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}

.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}

.custom-pagination span.current {
  background-color: #0085f3;
  color: #fff;
}
#content .img-thumb img {
    max-width: 200px;
    max-height: 200px;
    border: solid 1px #ebebeb;
}

.img-thumb {
    float: right;
    max-width: 200px;
    max-height: 200px;
    margin-left: 30px;
    margin-bottom: 20px;
}

#content a.more-btn {
    background: #005b9d;
    color: #fff !important;
    background-size: 14px;
    display: inline-block;
    padding: 6px 21px;
    border-radius: 4px;
    margin: 10px 0;
    margin-top: 0px;
    font-family: 'proxima-nova', sans-serif;
    font-size: 1em;
    font-weight: 400;
    border: solid 1px #032e51;
    text-decoration: none !important;
  font-weight:400;
}

#content a.more-btn:hover { 
 	background-color:#0767b6; 
}

/*Blog Styles*/
#content.blog-width{
width:70%;
float:left;
}
aside{
width:25%;
float:right;
margin:0px;
padding-right:20px;
}
ol{
margin-left:20px; 
}
ol li{
margin-bottom:20px; 
}

/*etc. page styles*/
.ngg-galleryoverview{
margin-bottom:20px!important;  
}

.wpcr3_review_title{
font-weight:600;
font-size:1.5em!important;	
}

/********************************************************
18. Start Responsive Styles
********************************************************/
/* SMALL ANDROID, FEATURE PHONE - PORTRAIT */

@media only screen and (max-width: 240px) {}

/* SMARTPHONES - LANDSCAPE */

@media only screen and (min-width: 321px) {}

/* SMARTPHONES - PORTRAIT */

@media only screen and (max-width: 320px) {}

/* IPADS, TABLETS - PORTRAIT & LANDSCAPE */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {}

/* IPADS, TABLETS - LANDSCAPE */

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) and (orientation: landscape) {}

/* IPADS, TABLETS - PORTRAIT */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}
 @media only screen and (max-width: 1000px) {}

/* TABLETS, OLD BROWSER/LOW RESOLUTION DESKTOPS & LAPTOPS */

/* Responsive Typography for Tablet (large) */
@media only screen and (max-width:1150px) {
}
@media only screen and (max-width:1100px) {
 	#content{
	padding-right:20px;
	box-sizing:border-box;
	width:100%;
  	}
  	body{
	font-size:1em;
	line-height:1.375;
  	}
  	h1{
	font-size:2.5em;
	line-height:1.125;
  	}
  	h2{
	font-size:2em;
	line-height:1.25;
  	}
  	h3{
	font-size:1.5em;
	line-height:1.25;
  	}
  	h4{
	font-size:1.125em;
	line-height:1.22;
  	}
  	#content blockquote p{
	font-size:1.5em;
	line-height:1.25;
  	}
}

@media only screen and (max-width: 960px) {
    /*wrap width*/
    
    header,
    header nav,
    #faux-column,
    footer {
        width: 100%;
    }

    #content {
    }
    footer ul {
        float: left;
        margin: 0 0 20px 20px;
    }

    footer ul li:first-child a {
        padding-left: 0;
    }

    footer p {
        clear: both;
    }

    div#extended-footer {
        padding-right: 20px;
    }

}

@media only screen and (max-width: 920px) {
    div#social {
        display: none;
    }

    div#side-social {
        display: table;
    }

}

/*Shiftnav Appears at 980px, must hide global nav here and make other changes to the header if necessary. To change the width where the shiftnav appears, in WP go to Appearance -> Shiftnav*/

@media only screen and (max-width: 980px) {
    .breadcrumbs{
      display: none;
    }
    #header-wrap {
        border-bottom: 1px solid #ccc;
    }

    #header-wrap, 
	header {
    height: 165px;
	}
	
	header nav{
	display:none; 
	}
	
	header div#header {
	}
	header .left{
	 margin-left:20px; 
	}
	
    #wrap {
    }

    #shiftnav-toggle-main .shiftnav-main-toggle-content {
        padding: 15px 0!important;
    }

    .shiftnav-toggle {
        display: inline-block!important;
    }

    div#extended-footer {
        padding-left: 20px;
    }
		
	div.table-wrap {
    overflow-x: scroll;
	}

#outer-wrap {
    background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/inner-bg.png) -361px top no-repeat;
}

	/* Typography Styles for Tablets (small) */
	body{
	font-size:1em;
	line-height:1.25;
  	}
  	h1{
	font-size:2em;
	line-height:1.25;
  	}
  	h2{
	font-size:1.625em;
	line-height:1.538;
  	}
  	h3{
	font-size:1.375em;
	line-height:1.363;
  	}
  	h4{
	font-size:1.125em;
	line-height:1.111;
  	}
  	#content blockquote p{
	font-size:1.25em;
	line-height:1.25;
  	}

}
@media only screen and (max-width: 780px){
 header .tagline {
    background: #0d0d0e;
    width: 306px;
    border-radius: 0px 0px 8px 8px;
  }
  #outer-wrap {
    background: url(www.pensacolacasinoparties.com/wp-content/themes/va/images/inner-bg.png) -521px top no-repeat;
  }  
  aside{
	display:none;
  }
  #content.blog-width{
	width:100%;
	float:none;
  }
}
@media only screen and (max-width: 740px) {
    aside {
        display: none;
    }

    #content {
    float: none;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    margin: 0 auto;
    padding-top: 24px;
	}

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    div#foot-social {
        display: table;
    }

    div#extended-footer {
        padding-left: 20px;
    }

	header nav {
    display: none;
	}


	a.quote-cart {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin-left: 30px;
    display: block;
	}

}

@media only screen and (max-width: 700px) {
    iframe.right {
        float: none;
        width: 100%;
        margin: 0 0 15px 0;
    }
  	#content form ul li select{
	max-width: 90%;
  }
	footer {
    min-height: 180px;
	}
  
    #content img.right, #content img.alignright,
    #content .right img {
        float: none;
        max-width: 100%;
        margin: 0 0 15px 0;
    }

    #content div.right {
        width: 100%;
        margin: 0;
    }
	
    .phone-hide {
        display: none;
    }
.phone-show-casino{
  display:block;
	}

	header .right {
    display: none;
	}
    .phone-show {
        display: block;
    }

    header,
    #header-wrap {
        height: auto;
    }
		
	header div#header {
	}

    header .left,
    header .right {
        float: none;
        width: 100%;
        margin: 0!important;
    }

    header .right {
    }

    header .left {
    width: 292px;
    margin: 0 auto!important;
	}

    #content {
        padding-top: 25px;
    }

    #wrap {
        border: none;
    }

    header img.logo {
        margin-left: 0px;
    }

	/*    tablet styles for shiftnav sub menu buttons     */
    
    .shiftnav-toggle {
        float: none;
        text-decoration: none;
    }

    .shiftnav-toggle-button {
        margin: 0 0 15px 0!important;
    }

    a.call {
        background: rgb(165, 190, 14) url('www.pensacolacasinoparties.com/wp-content/themes/va/images/call.svg');
}

    a.directions {
        background: rgb(165, 190, 14) url('www.pensacolacasinoparties.com/wp-content/themes/va/images/directions.svg');
}

    a.contact {
        background: rgb(165, 190, 14) url('www.pensacolacasinoparties.com/wp-content/themes/va/images/contact.svg');
}

    .phone-hide {
        display: none;
    }

    .phone-show {
        position: fixed;
        z-index: 10;
        bottom: 0;
        left: 0;
        display: block;
        background: #41464c;
    }

    .phone-buttons {
        width: 100%;
        padding: 0 0;
    }

    .phone-buttons div {
        font-size: 10px;
        position: relative;
        float: left;
        width: 33%;
        height: 50px;
    }

    span.phone-hr {
        position: absolute;
        right: 0;
        height: 30px;
        margin-top: 5px;
        border-right: 1px solid #636c77;
    }

    .phone-buttons a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        margin-top: 0;
        text-align: center;
        border-top: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .phone-buttons a .svg {
        width: 30px;
        height: 30px;
        margin-top: 9px;
        fill: #fff;
    }

    body {
        padding-bottom: 50px;
    }

    footer ul {
        display: none;
    }

    footer p {
        float: none;
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
        text-align: center;
    }

	#content blockquote {
    background-size: 20px;
    padding-left: 40px;
    background-position: 12px 20px;
	}

	div.search-wrap.mobile-show input.button {
    height: 30px;
    margin-top: 10px;
	}
	
	div.search-wrap.mobile-show input.field {
    width: 85%;
	}
	
	

	/* Typography Styles for Phone */
	body{
	font-size:1em;
	line-height:1.25;
  	}
  	h1{
	font-size:2em;
	line-height:1.25;
  	}
  	h2{
	font-size:1.625em;
	line-height:1.538;
  	}
  	h3{
	font-size:1.375em;
	line-height:1.363;
  	}
  	h4{
	font-size:1.125em;
	line-height:1.111;
  	}
  	#content blockquote p{
	font-size:1.125em;
	line-height:1.25;
  	}

}

@media only screen and (max-width: 550px) {

    #content form ul li {
        float: none;
        width: 100%;
    }

    div#wrapper div#extended-footer {
        display: none;
    }

    div#foot-social {
        padding-bottom: 15px;
    }
  
	.table-wrap{
	  max-width:100%;
	  overflow-x:scroll;
    margin-bottom: 2em;
		}


}

@media only screen and (max-width:430px) {
	div.search-wrap.mobile-show input.field {
    width: 80%;
	}  
}

@media only screen and (max-width: 400px) {

    footer ul {
        display: none;
    }

    footer p {
        float: none;
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
        text-align: center;
    }
	header img.logo{
	max-width:100%;
	height:auto;
  }
  header .left{
	max-width:90%;
  }
  #content a.primary-btn{
width:100%;
}
#content a.primary-btn span{
display:block;
background:none;
padding-left:0px;
	text-align:center;
width:100%;
}
}

@media only screen and (max-width:350px) {
 	div.search-wrap.mobile-show input.field {
    width: 72%;
	} 	  
}