@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
@media (max-width: 900px) {
#supersized-loader {
background-image: none !important;
display:none !important;
}
#DashboardIconsBlockWrapper {
margin-top: 15px;
grid-template-columns: 100% !important;
}
.DashBoardLarge {
display:none !important;
background-color: aqua;
}
.DashBoardSmall {
display:block !important;
}
}
.DashBoardLarge {
display:block
}
.DashBoardSmall {
display:none;
}
.red { color: #8B0000 }
.BackgroundRed
{
color:white;
background-color:#8B0000 !important;
}
.BackgroundRed td, .BackgroundRed th
{
color:white;
background-color:#8B0000 !important;
}
.FLexMax {
width:100%;
}
#SpotUsage {
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-wrap:wrap;
}
#SpotUsage Table {
margin:auto;
}
#SpotUsage td {
font-size:22px;
}
.dashboardIcons{
min-height:120px;
}
.DE2Spots {
border-spacing: 10px !important;
}
.DE2SpotTable {
border-spacing: 10px !important;
background-image: url('/images/BoatMapDE2.png?v=3');
background-repeat: no-repeat;
background-position: center;
background-size:675px;
}
.DE2Spots-td {
height:30px;
width:30px;
margin:0px;
text-align: center;
color:white;
}
.DE3Spots {
border-spacing: 10px !important;
}
.DE3SpotTable {
border-spacing: 10px !important;
background-image: url('/images/BoatMapDE36Hour.png');
background-repeat: no-repeat;
background-position: center;
background-size:650px;
}
.DE3Spots-td {
height:30px;
width:30px;
margin:0px;
text-align: center;
color:white;
}
.SpotKey
{
min-height:25px !important;
min-width:25px !important;
}
.spotsOpen
{
background-color: blue !important;
cursor: pointer;
z-index: 9999;
}
.spotsTaken
{
background-color: Red !important;
}
.spotsHold
{
background-color: Yellow !important;
color:black;
}
.spotsSelected
{
background-color: Green !important;
cursor: pointer;
}
buttonold {
background: #0078ae url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/start/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x !important;
padding:5px 7px 5px 7px !important;
color:white;
font-family: 'PT Sans Narrow' !important;
border-radius: 10px !important;
}
button {
background: #32beff !important;
padding:5px 7px 5px 7px !important;
color:white;
font-family: 'PT Sans Narrow' !important;
border-radius: 10px !important;
}
button :hover {
color:#e20000 !important;
}
.ReportsNone {
color:#e10f0f;
padding-left:200px;
}
.Money {
text-align: right !important;
min-width:100px;
}
.FormLabel {
display:block;
font-weight: 900;
}
.PricingTable {
max-width:900px;
background-color: #66ccff;
margin:0px auto 0px auto;
}
.PricingTableBookOnline {
margin:auto !important;
text-align:center;
}
.PricingTableLabel {
max-width:200px !important;
text-align: right !important;
padding:10px;
}
.PricingTableMoney {
text-align: right !important;
max-width:70px;
width:70px;
padding:10px;
}
.registration .optional {
display:none;
}
.OnlineAlert {
color:white;
background-color:#2c8700;
font-weight: 900;
}
.PrePayAlert {
background-color:#0b04dd;
color:white;
font-weight: 900;
}
.Tablenoboarders {
border:0px;
}
.Tablenoboarders td {
border:0px !important;
}
.BookOnline {
color: #ba0000;
cursor: pointer;
font-weight:900;
font-size:25px;
max-width:100px;
margin:auto;
}
.BurstWrapper {
display:flex;
flex-direction: : row;
flex-wrap: nowrap;
}
.StarBurst a{
font-size:2rem !important;
line-height: 1.9rem !important;
}
.StartBurstHour
{
font-size:1.6rem !important;
line-height: 1.5rem !important;
}
.StarBurst {
text-align: center;
color: #ba0000;
background-image: url('/images/OrangeStarBurst.png');
background-repeat: no-repeat;
background-size: 225px 225px;
cursor: pointer;
font-weight:900;
font-size:2rem ;
max-width:225px;
min-width:225px !important;
min-height:225px !important;
padding: 45px 0px 0px 0px;
margin:auto !important;
}
.updates h1 {
font-size: 22pt;
text-align: center;
color: #993300 !important;
}
.updates h2 {
font-size: 20pt;
text-align: center;
color: #993300 !important;
}
.updates h3 {
font-size: 18pt;
text-align: center;
color: #993300 !important;
}
.updates {
font-size: 17pt;
color: #993300 !important;
}
.updates li {
font-size: 17pt;
color: #993300 !important;
}
.art-footer .FooterMenu
{
margin: 0 auto 0 auto !important;
width:100%;
}
.art-footer ul li
{
text-align: center;
display:inline;
padding: 0 15px;
margin: 10px !important;
list-style: none;
}
.popover {
color: red !important;
font-family: 'PT Sans Narrow' !important;
font-size:10px;
padding-left:20px !important;
}
.profile-edit .popover {
display:none !important;
}
span
{
font-family: 'PT Sans Narrow' !important;
}
.SmallTable th {
font-size:10px;
}
.button {
background-color: blue !important;
color:white;
padding:8px;
border-radius: 5px;
cursor:pointer;
font-size:10px;
}
.strikeout {
text-decoration: line-through;
color:red;
}
.visform input, .visform select, .visform textarea{
background-color: #c4dcf8 !important;
border-color: black;
}
input.art-button, button.art-button {
background-color: blue !important;
}
input.art-button.hover{
background-color: green !important;
}
.Under6Warning {
color:red;
font-weight: 900;
}
.HideEmpty {
display:NONE;
}
#tabs {
min-width: 600px;
height:450px;
}
#Accounting {
overflow-y: scroll;
height:360px;
}
#Phone,#PhoneEdit,#PhoneSearch {
-moz-appearance:textfield;
-webkit-appearance: none;
margin: 0;
}
#PhoneResults {
display:none;
position:absolute;
z-index:9999999;
background-color: #ace6ff;
border: 1px solid #0452fb;
cursor: pointer;
opacity: 1;
padding:11px;
margin-left:15px;
border-radius: 10px;
}
#PhoneResults .item:hover
{
background-color: #fffaa2;
}
#SearchTable {
width:90%;
}
#SearchTableBody tr:hover
{
background-color: #fffaa2;
}
#HiddenAdminMenu {
padding-left:20px;
color:white;
}
.CreditCardTotals li
{
display:table-row;
width:250px;
}
.CreditCardTotals label
{
display:table-cell;
min-width:125px;
}
.CreditCardTotals input
{
display:table-cell;
width:75px;
margin:6px;
}
input, select, textarea {
text-shadow: none !important;
}
.customTwoEahhealsheadder{
position: absolute;
margin-top: 10px;
}
.Fishcooked{
width: 100%;
background-image: url("/images/CookingFishTop-400px.png");
background-position: right 20px top -2px;
background-repeat: no-repeat;
margin-right: -2px;
}
.BlurbBoxIcon {
padding-left: 35%;
position: absolute;
bottom: 0;
}
/* .NuticalButtBT {
margin-top: auto;
height: 100%;
bottom: 0;
position: absolute;
right: 0;
}
*/
.AdvancePrices
{
margin-left:10px;
}
.customSideLOGO {
background: rgba(0, 26, 79, 0.38) none repeat scroll 0 0;
border-radius: 20px;
box-shadow: 8px 8px 8px rgba(0, 26, 79, 0.38);
font-weight: bold;
text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.94);
padding: 10px;
}
.customAddressSide {
background: rgba(0, 26, 79, 0.38) none repeat scroll 0 0;
border-radius: 20px;
box-shadow: 8px 8px 8px rgba(0, 26, 79, 0.38);
font-weight: bold;
text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.94);
padding: 10px;
}
.clearfixSiteNavagation{
background: rgba(0, 26, 79, 0.38) none repeat scroll 0 0;
border-radius: 20px;
box-shadow: 8px 8px 8px rgba(0, 26, 79, 0.38);
font-weight: bold;
text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.94);
padding: 10px;
}
#layerslider_1 {
margin-bottom:35px !important;
}
.customgrouper_caught-BT{
bottom: 0;
position: fixed;
width: 10%;
}
.Hightlight {
background-color: yellow !important;
}
#PricingDiv *{
font-family: 'PT Sans Narrow' !important;
}
#PricingDiv2 {
float:right;
width:300px;
height:300px;
background-color:#d9e8ff;
}
.inputs {
}
.FillerColumn
{
border:0px !important;
background-color: none !important;
padding:0px;
}
.DashboardIcons li
{
list-style: none;
float:left;
}
.DashboardIcons span
{
text-align: center;
vertical-align: middle;
}
.TableCssSmall {
border-collapse:collapse;
margin:3px;
}
.TableCssSmall td {
border:solid black 1px ;
font-size:12px;
padding:2px;
}
.TableCssSmall th {
border:solid black 1px;
font-size:12px;
padding:2px;
}
.TableCss {
border-collapse:collapse;
margin:10px;
}
.TableCss td {
border:solid black 1px ;
font-size:16px;
padding:8px;
}
.TableCss th {
border:solid black 1px;
font-size:18px;
padding:7px;
}
.error {
background-color: Red;
}
.errorClass {
color:red;
}
.errorBackGroundClass {
background-color: red;
}
.PopUpDiv {
z-index: 999999 !important;
}
.DatabasePlaceHolder {
cursor: pointer;
}
.ui-datepicker-trigger
{
position: absolute;
}
.CustomUl li {
list-style-type: circle;
list-style:circle;
padding-left:10px;
}
buttonchangthis{
background-color: #dbd3e6 !important;
}
.SmallButton {
background-color: #dbd3e6;
border-radius:7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid rgba(103, 170, 246, 0.3);
padding: 2px;
font-size:13px !important;
cursor: pointer;
}
.SmallButton:hover {opacity: 0.6; }
.clickbutton {
cursor: pointer;
padding:5px;
}
#WaitDiv {
display:none;
position: fixed;
height:100%;
width:100%;
text-align:center;
vertical-align: middle;
z-index:9999;
}
#WaitImage {
position: absolute;
top:40%;
height:75px;
}
.cursor {
cursor: pointer;
}
ul.menuflat li
{
display: inline;
padding: 10px;
}
/*---crew box---**/
.Crew-box1{
float: left;
width: 45%;
padding-left: 5px;
padding-right: 5px;
}
.Crew-box2{
float: left;
width: 45%;
padding-left: 5px;
padding-right: 5px;
}
.art-postcontent ul > li::before, .art-post ul > li::before, .art-textblock ul > li::before {
content: url("/Modules/css/images/AnchorBullet-15.png") !important;
}
.customADACERP{
margin-left: -13px;
margin-right: -22px;
}
.customGrayPlanes{
margin-left: -33px;
margin-right: -22px;
}
.customFooterGray{
margin-left: -53px;
margin-right: -10px;
}
.customFooterBar{
margin-top: -16px;
}
.customImageRotator{
margin-right: -22px;
}
ul.menuflat li
{
display: inline;
font-size: 19px;
padding: 10px;
}
.art-nostyleMembersMenu a:link{
color:white;
}
.art-nostyleMembersMenu a:active{
color:white;
}
.art-nostyleMembersMenu a:visited{
color:white;
}
.art-nostyleMembersMenu a:hover{
color:#d5c7e1;
}
.art-nostyleMembersMenu{
background-color: #7d4baa;
height: 100%;
text-align: center;
padding-top: 8px;
padding-bottom: 12px;
margin-bottom: -23px;
}
.HeaderStyle {
font-weight:900;
}
.colorRows tr:nth-child(even) {background: #dce0e8 !important}
.colorRows tr:nth-child(odd) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(1) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(4) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(5) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(8) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(9) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(12) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(15) {background: #dce0e8 !important}
.colorDivRows .DashboardIconsBlock:nth-child(2) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(3) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(6) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(7) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(10) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(11) {background: #b8d2fc !important}
.colorDivRows .DashboardIconsBlock:nth-child(14) {background: #b8d2fc !important}
#BoatTitle {
font-size:18px;
margin:3px,3px,3px,3px;
}
#Date {
font-size:15px;
margin:3px,3px,3px,3px;
}
#TOB {
font-size:18px;
margin:3px,3px,3px,3px;
}
.warnings {
font-size:13px;
}
/*
New form layout with Grid and flex
*/
.CheckInWrapper
{
display:grid;
grid-template-columns: minmax(900px,200px);
grid-auto-rows: 200px, 50px, auto;
grid-gap: 0;
}
.CheckInHeader
{
grid-column: 1 / 2;
grid-row: 1/3;
//width:880px;
min-height: 80px;
//border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
text-align: center;
}
.CheckInLegend
{
grid-column: 2 / 2;
grid-row: span 2/ 3;
max-width:150px;
border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
}
.CheckInLegend ul {
margin-left:25px;
margin-right:auto;
}
.CheckInLegend legend {
font-weight:900;
}
.CheckInLegend li {
padding: 5px 5px 5px 10px;
width:100px;
font-size:.8rem;
}
.CheckInSort
{
grid-column: 1 / 2;
grid-row: 2 /3;
//border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
text-align: center;
}
.CheckInSortWrapper {
display:flex;
flex-direction: row;
justify-content: center;
}
.CheckInSort span {
padding:5px 7px 5px 5px;
}
.CheckInSearchTable{
grid-column: span 2;
grid-row: 3 /3;
width:1180px;
//border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
text-align: center;
}
.CustomForm .Wraplabel
{
display:block;
margin:0 0 3px 0;
font-weight:900;
}
.CustomForm li {
margin-bottom:7px;
}
.CustomForm span {
padding:15px;
}
.DisableSpinner {
-moz-appearance: textfield !important;
appearance: textfield !important;
-webkit-appearance: none !important;
margin: 0;
}
.AdvanceSaleWrapper
{
display:grid;
grid-template-columns: minmax(300px,600px);
grid-auto-rows: max-content;
grid-gap: 0;
width:900px;
height:900px;
}
.AdvanceSaleWrapper ul {
margin:5px 5px 5px 15px;
}
.AdvanceSaleLeft
{
grid-column: 1 / 2;
grid-row: 1/3;
width:280px;
border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
}
.AdvanceSaleCol1Row2
{
grid-column: 1 / 2;
grid-row: 2/3;
width:280px;
border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
}
.AdvanceSaleRight
{
grid-column: 2 / 2;
grid-row: span 2 /3;
width:600px;
border: solid 1px rgba(0, 0, 0, 0.56);
padding:10px;
border-collapse: collapse;
}
.AdvanceSaleBottomRow
{
grid-column:span 2;
grid-row: 3/3;
border-right: solid 1px rgba(0, 0, 0, 0.56);
border-left: solid 1px rgba(0, 0, 0, 0.56);
border-bottom: solid 1px rgba(0, 0, 0, 0.56);
border-collapse: collapse;
width:920px;
}
/*
End of New form Layout
*/
.customerEditForm label {
font-family: 'PT Sans Narrow';
margin: 0 1%;
padding: 0;
border: 0;
float: left;
display: table;
width: 2%;
font-weight:900;
font-size:13px;
}
.customerEditForm span.wrapper {
margin: 0;
padding: 0;
display: table-cell;
width: 1%; /* firefox */
}
/*
---------------------------
width
--------------------------- */
.customerEditForm label.w100 {
width: 98%;
display: block;
}
.customerEditForm label.w80 {
width: 80%;
display: block;
}
.customerEditForm label.w75 {
width: 73%;
display: block;
}
.customerEditForm label.w60 {
width: 58%;
display: block;
}
.customerEditForm label.w50 {
width: 48%;
display: block;
}
.customerEditForm label.w30 {
width: 28%;
display: block;
}
.customerEditForm label.w25 {
width: 23%;
display: block;
}
.customerEditForm label.w15 {
width: 13%;
display: block;
}
.customerEditForm label.px200 {
width: 150px;
overflow-x: none;
display: block;
}
.customerEditForm label.px175 {
width: 150px;
overflow-x: none;
display: block;
}
.customerEditForm label.px150 {
width: 150px;
overflow-x: none;
display: block;
}
.customerEditForm label.px125 {
width: 125px;
overflow-x: none;
display: block;
}
.customerEditForm label.px100 {
width: 100px;
overflow-x: none;
display: block;
}
.customerEditForm label.px75 {
width: 150px;
overflow-x: none;
display: block;
}
/*
---------------------------
position
--------------------------- */
.customerEditForm label.p15 {
margin-left: 16%;
}
.customerEditForm label.p25 {
margin-left: 26%;
}
.customerEditForm label.p30 {
margin-left: 32%;
}
.customerEditForm label.p50 {
margin-left: 51%;
}
.customerEditForm label.p75 {
margin-left: 76%;
}
.customerEditForm label.p80 {
margin-left: 80%;
}
/*
---------------------------
errors
--------------------------- */
.customerEditForm label.error input.field,
.customerEditForm label.error select.field,
.customerEditForm label.error textarea.field {
border-color: #dd1100;
}
.customerEditForm label.error span.title {
color: #dd1100;
}
/*
---------------------------
title and examples
--------------------------- */
.customerEditForm label span.title {
font-style: italic;
font-size:16px;
}
.customerEditForm label span.example {
color: #999;
font-style: italic;
}
.customerEditForm .boxFormat
{
width: 100%;
display: block;
border: 1px solid #d0d6da;
border-left: 3px solid #809db5;
background: #e9edf0;
padding: 4px;
font-family: 'PT Sans Narrow'; font-size: 1em;
box-sizing: border-box;
-moz-box-sizing: border-box; /* gecko */
-webkit-box-sizing: border-box; /* khtml/webkit */
-ms-box-sizing: border-box; /* IE */
}
/*
---------------------------
input/select fields
--------------------------- */
.customerEditForm label input.field,
.customerEditForm label select.field,
.customerEditForm label textarea.field {
display: block;
border: 1px solid #d0d6da;
border-left: 3px solid #809db5;
background: #e9edf0;
padding: 4px;
font-family: 'PT Sans Narrow'; font-size: 1em;
box-sizing: border-box;
-moz-box-sizing: border-box; /* gecko */
-webkit-box-sizing: border-box; /* khtml/webkit */
-ms-box-sizing: border-box; /* IE */
}
.customerEditForm label select.field {
padding: 4px 1px 1px 1px; /* have to try out */
}
.customerEditForm label input.field:focus,
.customerEditForm label select.field:focus,
.customerEditForm label textarea.field:focus {
border: 1px solid #d0d6da;
border-left: 3px solid #57ab44;
background: #e0eadd;
}
/* Pflichtfelder
mandatory fields */
.customerEditForm label.mandatory input.field,
.customerEditForm label.mandatory select.field,
.customerEditForm label.mandatory textarea.field {
border: 1px solid #809db5;
border-left: 8px solid #809db5;
}
/* Kalenderfelder
calendar fields */
.customerEditForm label.calendar input.field {
padding-right: 25px;
}
/*
---------------------------
checkboxes and radios
--------------------------- */
.customerEditForm input.select {
display: block;
float: left;
margin: 0;
}
/*
---------------------------
submit button
--------------------------- */
.customerEditForm input.submit {
width: 100%;
background: #809db5;
color: #fff;
padding: 2px 0;
font-size: 1em;
}
.customerEditForm input.submit:hover,
.customerEditForm input.submit:focus {
background: #57ab44;
/* cursor: pointer; sorry, can't use that one in front of Opera */
}
/*
---------------------------
calender icon
--------------------------- */
.customerEditForm a.calendar {
float: right;
position: relative; top: 3px; left: -20px;
z-index: 1000;
}
.customerEditForm a.calendar img {
border: 0;
position: absolute; top: 0; left: 0;
z-index: 1001;
}
/*
---------------------------
additional styles for
input/select fields
--------------------------- */
.customerEditForm label.inputselect span.title {
margin: 0 0 2px 0;
display: table; /* act as inline-block */
}
.customerEditForm label span.title:hover,
.customerEditForm label span.title:focus {
color: #57ab44;
cursor: pointer;
}
.customerEditForm label br {
margin: 0 0 2px 0;
}
/*
---------------------------
additional styles for
checkboxes and radios
--------------------------- */
.customerEditForm label.wauto {
width: auto;
margin-right: 15px;
}
.customerEditForm label.radiocheck {
margin-bottom: 10px;
}
.customerEditForm label.radiocheck span.wrapper {
padding-right: 0;
}
.customerEditForm label.wauto span.wrapper {
display: inline;
}
.customerEditForm label.radiocheck span.title {
display: block;
margin: 0 0 0 20px;
padding: 0;
}
/*
---------------------------
clearing elements
--------------------------- */
.clear {
clear: both;
display: block;
padding: 0 0 10px 0;
}
.clearMin {
clear: both;
display: block;
padding: 0 0 1px 0;
}
.ic-event-register {
font-size: x-large;
}
.customDeagle2{
position: absolute;
top: 75px;
left: 5px;
z-index: 0;
}
.customDoubleEagleTextHeadder{
position: absolute;
text-shadow:4px 2px 2px rgba(0, 0, 0, 0.6);
color:rgba(243, 245, 255, 0.72);
/* Safari */
-webkit-transform: rotate(-2.25deg);
/* Firefox */
-moz-transform: rotate(-2.25deg);
/* IE */
-ms-transform: rotate(-2.25deg);
/* Opera */
-o-transform: rotate(-2.25deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
top: -100px;
width: 68%;
margin: auto;
left: 5px;
z-index: 2;
}
.customDriftwoodSign{
position: absolute;
top: -115px;
width: 68%;
margin: auto;
left: 5px;
z-index: 1;
}
.customDriftwoodSignTEXT {
display: none;
}
.customDeagleIII{
position: absolute;
width: 100%;
top: 85px;
z-index: 0;
}
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/* GRID OF THREE */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.13%; }
.span_1_of_3 {
width: 31.26%;
min-height: 260px;
max-height: 260px;
padding-top: 8px;
padding-left: 2px;
padding-right: 2px;
padding-top: 5px;
border-radius: 15px;
border: 1px solid #6074af;
background-color: white;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.82);
}
.frontPageBurbcol{
position: relative;
}
/* @media only screen and (min-width:1496px)
{
.customDeagle2 { position: absolute; top: 95px; width: 27%} */
@media only screen and (min-width:996px)
{
.art-sidebar1 {margin-top:200px !important; display: table-column;}
.BlurbBoxIcon {padding-left: 35%; position: absolute; bottom: 0;}
}
/* GO FULL WIDTH BELOW 990 PIXELS */
@media only screen and (max-width: 995px) {
.customDriftwoodSignTEXT { position: absolute;top: -110px; display: block; margin-left: auto; margin-right: auto; width: 90%;}
.customDriftwoodSign{display: none;}
.customDoubleEagleTextHeadder{display: none;}
.customSidebareSpacer{display: none;}
.BlurbBoxIcon {padding-left: 40%; position: absolute; bottom: 0;}
}
/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.customDoubleEagleTextHeadder { display: none;}
.customDeagle2 { display: none;}
.customTwoEahhealsheadder { display: none;}
.customDriftwoodSignTEXT { position: absolute;top: -110px; display: block;}
.customDriftwoodSign{display: none;}
.customDoubleEagleTextHeadder{display: none;}
.Crew-box1{float: none; width: auto;}
.Crew-box2{float: none; width: auto;}
.BlurbBoxIcon {padding-left: 40%; position: absolute; bottom: 0;}
}
@media only screen and (max-width: 1300px) {
.customgrouper_caught-BT{display: none;}
}
.default-responsive .art-header * {
display: none;
position: relative;
text-align: center;
transform: none !important;
}
.art-post {
background: #ffffff none repeat scroll 0 0;
border-radius: 10px;
box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.45);
padding: 3px;
}
.widget {
-webkit-box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.425);
-moz-box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.425);
box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.425);
}