/* theme Name:badjo-sbh theme URI:https://www.sbhonline.com author:JB author URI:https://www.sbhonline.com description:Custom SBHonline Version:1.2 text Domain:badjo-sbh */ @import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:700'); /* Wordpress Adjustments */ .screen-reader-text {display:none;} /* STRUCTURE CONTAINERS WRAPPERS */ html {font-size:100%; margin:0; padding:0; background:#3D3D3D;} body {max-width:1500px; margin:0 auto; padding:0; font-size:15px; color:#525252; font-family:'Roboto', Helvetica, Arial, sans-serif; line-height:1.4; font-weight:400; -webkit-font-kerning:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden;} /* BADJO GRID BOOTSTRAP OVERS */ .container {padding-right:0; padding-left:0; margin-right:0; margin-left:0;} .container-fluid {padding-right:0; padding-left:0; margin-right:auto; margin-left:auto} .container {width:100%;} .row {margin-right:0; margin-left:0;} .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9, .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9, .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position:relative; min-height:1px; padding-right:15px; padding-left:15px} .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {float:left} .col-xs-12 {width:100%} .col-xs-11 {width:91.66666667%} .col-xs-10 {width:83.33333333%} .col-xs-9 {width:75%} .col-xs-8 {width:66.66666667%} .col-xs-7 {width:58.33333333%} .col-xs-6 {width:50%} .col-xs-5 {width:41.66666667%} .col-xs-4 {width:33.33333333%} .col-xs-3 {width:25%} .col-xs-2 {width:16.66666667%} .col-xs-1 {width:8.33333333%} @media (min-width:640px) { .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {float:left} .col-sm-12 {width:100%} .col-sm-11 {width:91.66666667%} .col-sm-10 {width:83.33333333%} .col-sm-9 {width:75%} .col-sm-8 {width:66.66666667%} .col-sm-7 {width:58.33333333%} .col-sm-6 {width:50%} .col-sm-5 {width:41.66666667%} .col-sm-4 {width:33.33333333%} .col-sm-3 {width:25%} .col-sm-2 {width:16.66666667%} .col-sm-1 {width:8.33333333%} } @media (min-width:768px) { .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {float:left} .col-md-12 {width:100%} .col-md-11 {width:91.66666667%} .col-md-10 {width:83.33333333%} .col-md-9 {width:75%} .col-md-8 {width:66.66666667%} .col-md-7 {width:58.33333333%} .col-md-6 {width:50%} .col-md-5 {width:41.66666667%} .col-md-4 {width:33.33333333%} .col-md-3 {width:25%} .col-md-2 {width:16.66666667%} .col-md-1 {width:8.33333333%} } @media (min-width:992px) { .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {float:left} .col-lg-12 {width:100%} .col-lg-11 {width:91.66666667%} .col-lg-10 {width:83.33333333%} .col-lg-9 {width:75%} .col-lg-8 {width:66.66666667%} .col-lg-7 {width:58.33333333%} .col-lg-6 {width:50%} .col-lg-5 {width:41.66666667%} .col-lg-4 {width:33.33333333%} .col-lg-3 {width:25%} .col-lg-2 {width:16.66666667%} .col-lg-1 {width:8.33333333%} } .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {position:relative; min-height:1px; padding-right:15px; padding-left:15px} /* Small Screens and Portrait */ @media all and (max-width:639px) and (orientation:portrait) { .col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {float:left} .col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-fives,.col-2,.col-1 {width:100%} .col-offset-12,.col-offset-11,.col-offset-10,.col-offset-9,.col-offset-8,.col-offset-7,.col-offset-6,.col-offset-5,.col-offset-4,.col-offset-3,.col-offset-2,.col-offset-1 {margin-left:0} } /* larger Screens and landscape */ @media all and (min-width:380px) and (orientation:landscape) { .col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {float:left} .col-12 {width:100%} .col-11 {width:91.66666667%} .col-10 {width:83.33333333%} .col-9 {width:75%} .col-8 {width:66.66666667%} .col-7 {width:58.33333333%} .col-6 {width:50%} .col-5 {width:41.66666667%} .col-4 {width:33.33333333%} .col-3 {width:25%} .col-2 {width:16.66666667%} .col-1 {width:8.33333333%} } #master-wrap.container-fluid {margin:0 auto; padding:0 0;} #header {background-color:#f5f5f5;} #logo {min-height:54px; background:#2070bd; padding:4px 10px;} #collage-food {height:72px; max-height:72px; min-height:30px; overflow:hidden; background:#999; background-image:url('assets-wp/img/st-barts-collage-food.jpg'); background-repeat:repeat-x;} #collage {height:72px; min-height:30px; width:100%; background:#2070bd url('assets-wp/img/collage-st-barts-wide.jpg') repeat-x; background-size:auto auto;} #content-wrap {background:#FFFFFF;} #col-main {padding:15px 10px 15px 15px;} #col-main> .main-inner {} #footer-wrap {width:100%; margin:0 auto; padding:0; height:auto; background-color:#5C5C5C;} .navbar {border-radius:0!important;} /* SIDEBARS */ #col-sidebar.col-md-3 {padding:0; background-color:#FCD75B;} #col-sidebar .sidebar-inner {padding:8px;} #col-sidebar-icons {float:right; max-width:72px; background:transparent; padding:0; transition:all 0.3s ease;} #col-sidebar-icons:hover {max-width:72px; transition:all 0.3s ease;} #col-sidebar-icons ul.iconrow {list-style:none; padding-left:0;} #col-sidebar-icons .iconrow li {display:block; width:100%;} #col-sidebar-icons .iconrow li a img {float:right; display:block; padding:5px 2px 0 2px; margin:0; max-width:40px; height:auto; -webkit-filter:grayscale(80%); -moz-filter:grayscale(80%); filter:grayscale(80%); transition:all 0.3s ease;} #col-sidebar-icons .iconrow li a img:hover {max-width:72px; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%);} @media all and (max-width:639px) { #col-sidebar-icons {clear:both; margin:0; padding:0; min-width:100%!important; max-height:30px!important; background:transparent;} #col-sidebar-icons .iconrow img {vertical-align:bottom; max-height:30px; padding:3px; display:inline-block; -webkit-filter:grayscale(80%); -moz-filter:grayscale(80%); filter:grayscale(80%); transition:all 0.3s ease;} #col-sidebar-icons .iconrow img:hover {max-height:60px; padding:3px 10px; -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%); transition:all 0.3s ease;} } .row-xs {position:relative; width:100%; min-height:1px; padding:5px 15px 5px 15px; margin-right:0; margin-left:0;} .row-sm {position:relative; width:100%; min-height:1px; padding:10px 15px 5px 15px; margin-right:0; margin-left:0;} .row-md {position:relative; width:100%; min-height:1px; padding:20px 15px 5px 15px; margin-right:0; margin-left:0;} .row-lg {position:relative; width:100%; min-height:1px; padding:30px 15px 5px 15px; margin-right:0; margin-left:0;} .row-well, .rowwell {position:relative; width:100%; min-height:1px; padding:15px; margin:25px 0; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .block-well {float:left; position:relative; display:block; padding:2%; margin:1.5%; width:97%; min-height:1px; padding:15px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .iblock-well {float:left; position:relative; display:inline-block; padding:2%; margin:2%; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .block {display:block; width:100%; margin:15px auto; border:0;} .iblock {display:inline-block; max-width:100%; margin:15px auto;} .center-block {display:block; margin:20px auto 25px auto; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .indent {padding-left:2%; padding-right:1%;} .blognarrow {margin:0 auto; max-width:640px;} @media (max-width:639px) { .block.indent {padding-left:1%; padding-right:1%;} .block-well {padding-left:1%; padding-right:1%; margin:2% 0; width:100%;} } /* Theme COLORS*/ .black {color:#000000;} .bg-black {background-color:#000000;} .blue {color:#2070bd;} .bg-blue {background-color:#2070bd;} /* Main Color*/ .blue-l {color:#79a9d7;} .bg-blue-l {background-color:#79a9d7;} .blue-d {color:#134371;} .bg-blue-d {background-color:#134371;} .brown {color:#bd6d20;} .bg-brown {background-color:#bd6d20;} .orange {color:#df8842;} .bg-orange {background-color:#df8842;} .red {color:#d31717;} .bg-red {background-color:#d31717;} .gold {color:#D2BD00;} .bg-gold {background-color:#D2BD00;} .gray-l {color:#f7f7f7;} .bg-gray-l {background-color:#f7f7f7;} .gray {color:#E5E5E5;} .bg-gray {background-color:#E5E5E5;} .gray-d {color:#898989;} .bg-gray-d {background-color:#898989;} .green {color:#70bd20;} .bg-green {background-color:#70bd20;} .lime {color:#70bd20;} .bg-lime {background-color:#70bd20;} /* Main Color*/ .lime-l {color:#cbefa3;} .bg-lime-l {background-color:#cbefa3;} .lime-d {color:#4e8316;} .bg-lime-d {background-color:#4e8316;} .tan {color:#d6d8b1;} .bg-tan {background-color:#d6d8b1;} .yellow {color:#f0e40f;} .bg-yellow {background-color:#f0e40f;} .white {color:#ffffff;} .bg-white {background-color:#FFFFFF;} .bg-none {background:none!important;} .bg-light {background-color:#fafafa;} .bg-dark {background-color:#5f5f5f; color:#f5f5f5;} /* HREF & BUTTONS */ a, a:visited {color:#2070bd; text-decoration:none;} a:hover {color:#df8842; text-decoration:none;} .lime, .lime a, .lime a:visited, a.lime, a.lime:visited {color:#70bd20!important;} .lime a:hover, a.lime:hover {color:#bd6d20;} .white, .white a, .white a:visited, .a.white, a.white:visited {color:#ffffff!important;} .white a:hover, a.white:hover {color:#bd6d20;} .red, .red a, .red a:visited, .a.red, a.red:visited {color:#bd2021!important;} .red a:hover, a.red:hover {color:#bd6d20;} .btn-red, .btn-red a, a.btn-red {display:inline-block; padding:4px 8px; margin-bottom:0; background-color:#B22222; font-size:15px; color:#f5f5f5!important; font-weight:700; line-height:1.25; text-align:center; text-decoration:none; border:1px solid #ddd; border-radius:4px; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .btn-red:hover, .btn-red a:hover, a.btn-red:hover {background-color:#134371; color:#f9f9f9; text-decoration:none;} .dark, .dark a, .dark a:visited, .a.dark, a.dark:visited {color:#525252!important;} .dark a:hover, a.dark:hover {color:#bd6d20;} .btn-lime, .btn-lime a, a.btn-lime, .btn-green, .btn-green a, a.btn-green {display:inline-block; padding:2px 5px; margin:8px 0 5px 0; background-color:#70bd20; font-size:15px; color:#f2f2f2!important; font-weight:700; line-height:1.25; text-align:center; text-decoration:none; border:1px solid #4cae4c; border-radius:3px; border-color:#4cae4c;white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .btn-lime:hover, .btn-green:hover, .btn-lime a:hover, a.btn-lime:hover {color:#f7f7f7; background-color:#4e8316; text-decoration:none;} .btn-blue, .btn-blue a, a.btn-blue {display:inline-block; padding:4px 8px; margin-bottom:0; background-color:#2070bd; font-size:15px; color:#fafafa!important; font-weight:700; line-height:1.25; text-align:center; text-decoration:none; border:1px solid #ddd; border-radius:4px; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .btn-blue:hover, .btn-blue a:hover, a.btn-blue:hover {background-color:#134371; color:#f7f7f7; text-decoration:none;} .btn-md {font-size:16px; font-weight:700; padding:5px 11px;} .btn-lg {font-size:18px; font-weight:700; padding:7px 14px;} .btn-block {display:block; width:100%;} .fa-button { display:inline-block; padding:8px 12px; background:#eee; border:solid 1px #D5D5D5;} .fa-button span { display:inline-block;} .fa-button span:before { font-family:'FontAwesome'; content:'\f085'; position:relative; margin-right:5px; font-size:110%;} .normal {font-weight:normal;} /* JB SPACING */ .gap-section {margin-top:120px!important;} .gap-72 {margin-top:72px!important;} .gap-xl {margin-top:60px!important;} .gap-lg {margin-top:40px!important;} .gap-md,.gap-med {margin-top:20px!important;} .gap-sm {margin-top:10px!important;} .gap-xs {margin-top:5px!important;} .gapb-section {margin-bottom:120px!important;} .gapb-72 {margin-bottom:72px!important;} .gapb-xl {margin-bottom:60px!important;} .gapb-lg {margin-bottom:40px!important;} .gapb-md {margin-bottom:20px!important;} .gapb-sm {margin-bottom:10px!important;} .gapb-xs {margin-bottom:5px!important;} /* PADDING */ .pad5 {padding:5px;} .pad5-t {padding-top:5px;} .pad5-r {padding-right:5px;} .pad5-b {padding-bottom:5px;} .pad5-l {padding-left:5px;} .pad5-tb {padding-top:5px; padding-bottom:5px;} .pad5-rl {padding-right:5px; padding-left:5px;} .pad5-bl {padding-bottom:5px; padding-left:5px;} .pad5-rb {padding-right:5px; padding-bottom:5px;} .pad10 {padding:10px;} .pad10-t {padding-top:10px;} .pad10-r {padding-right:10px;} .pad10-b {padding-bottom:10px;} .pad10-l {padding-left:10px;} .pad10-tb {padding-top:10px; padding-bottom:10px;} .pad10-rl {padding-right:10px; padding-left:10px;} .pad10-tl {padding-top:10px; padding-left:10px;} .pad10-bl {padding-bottom:10px; padding-left:10px;} .pad10-rb {padding-right:10px; padding-bottom:10px;} .pad15 {padding:15px;} .pad15-t {padding-top:15px;} .pad15-r {padding-right:15px;} .pad15-b {padding-bottom:15px;} .pad15-l {padding-left:15px;} .pad15-tb {padding-top:15px; padding-bottom:15px;} .pad15-rl {padding-right:15px; padding-left:15px;} .pad15-tl {padding-top:15px; padding-left:15px;} .pad15-bl {padding-bottom:15px; padding-left:15px;} .pad15-rb {padding-right:15px; padding-bottom:15px;} .pad20 {padding:20px;} .pad20-t {padding-top:20px;} .pad20-r {padding-right:20px;} .pad20-b {padding-bottom:20px;} .pad20-l {padding-left:20px;} .pad20-tb {padding-top:20px; padding-bottom:20px;} .pad20-rl {padding-right:20px; padding-left:20px;} .pad20-tl {padding-top:20px; padding-left:20px;} .pad20-bl {padding-bottom:20px; padding-left:20px;} .pad20-rb {padding-right:20px; padding-bottom:20px;} .pad30 {padding:30px;} .pad30-t {padding-top:30px;} .pad30-r {padding-right:30px;} .pad30-b {padding-bottom:30px;} .pad30-l {padding-left:30px;} .pad30-tb {padding-top:30px; padding-bottom:30px;} .pad30-rl {padding-right:30px; padding-left:30px;} .pad30-tl {padding-top:30px; padding-left:30px;} .pad30-bl {padding-bottom:30px; padding-left:30px;} .pad30-rb {padding-right:30px; padding-bottom:30px;} .pad40 {padding:40px;} .pad40-t {padding-top:40px;} .pad40-r {padding-right:40px;} .pad40-b {padding-bottom:40px;} .pad40-l {padding-left:40px;} .pad40-tb {padding-top:40px; padding-bottom:40px;} .pad40-rl {padding-right:40px; padding-left:40px;} .pad40-tl {padding-top:40px; padding-left:40px;} .pad40-bl {padding-bottom:40px; padding-left:40px;} .pad40-rb {padding-right:40px; padding-bottom:40px;} .pad72 {padding:72px;} .pad72-t {padding-top:72px;} .pad72-r {padding-right:72px;} .pad72-b {padding-bottom:72px;} .pad72-l {padding-left:72px;} .pad72-tb {padding-top:72px; padding-bottom:72px;} .pad72-rl {padding-right:72px; padding-left:72px;} .pad72-tl {padding-top:72px; padding-left:72px;} .pad72-bl {padding-bottom:72px; padding-left:72px;} .pad72-rb {padding-right:72px; padding-bottom:72px;} .nopad {padding:0!important;} .nopad-r {padding-right:0;}.nopad-l {padding-left:0;}.nopad-t {padding-top:0;}.nopad-b {padding-bottom:0;}.nopad-rl {padding-right:0; padding-left:0;}.nopad-tb {padding-top:0; padding-bottom:0;} .h1, .h2, .h3, h1, h2, h3 {margin-top:5px; margin-bottom:2px;} .h4, .h5, .h6, h4, h5, h6 {margin:0;} /*Headings*/ .h1, h1, .entry-title {font-size:28px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; line-height:1.2; color:#70bd20;} .h2, h2 {font-size:22px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; line-height:1.2; color:#2070bd;} .h3, h3 {font-size:18px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; line-height:1.2;} .h4, h4 {font-size:15px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; line-height:1.2;} .h5, h5 {font-size:13px; font-weight:700; font-family:'Roboto', Helvetica, Arial, sans-serif; margin:0; line-height:1.2;} .h6, h6 {font-size:11px; font-weight:700; font-family:'Roboto', Helvetica, Arial, sans-serif; margin:0; line-height:1.2;} .serif {font-family:'Georgia', serif;} .impact {font-family:'Impact', 'Charcoal', sans-serif;} .upper {text-transform:uppercase;} .small {font-size:80%;} .big {font-size:120%;} .side-online1 {font-size:13px; font-weight:normal; font-family:'Georgia', serif;} .side-online2 {font-size:13px; font-weight:normal; font-family:'Georgia', serif; text-transform:initial;} /* PARAGRAPH */ p {margin:1px 0 25px 0;} .center {text-align:center;} .centered {display:block; max-width:100%; height:auto; margin:0 auto;} .centered img, img .centered {display:block; max-width:100%; height:auto; margin:0 auto;} .left {text-align:left;} .right {text-align:right;} .indent {margin-left:15px;} .top {vertical-align:top} .zone {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-top:15px; margin-bottom:20px; padding:10px 5px 10px 10px; border-radius:4px; background-color:#f9f9f9; -webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .1); box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .1);} .full {display:block; width:100%; height:auto; background:transparent;} /* Sections Blockquote Callouts Quotes */ section {margin:15px 0 30px 0; padding:5px; border:0;} section:after {content:""; display:block; clear:both;} .section-sub {display:block; margin:25px 0 25px 15px; border-bottom:2px solid #f2f2f2;} blockquote {background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:0.5em 10px; quotes:"\201C""\201D""\2018""\2019";} blockquote:before {color:#ccc; content:open-quote; font-size:4em; line-height:0.1em; margin-right:0.25em; vertical-align:-0.4em;} blockquote p {display:inline;} .quote2 {max-width:90%; margin:20px 10px 20px 20px; padding:10px; background-color:#f2f2f2; border-bottom:5px dashed #eee; border-left:5px dashed #eee; border-radius:8px; box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .1);} .quote2 {display:block; background:#fff; padding:15px 20px 15px 45px; margin:0 0 20px; position:relative; font-family:Georgia, serif; font-size:16px; line-height:1.2; color:#666; text-align:justify; border-left:15px solid #c76c0c; border-right:2px solid #c76c0c; box-shadow:2px 2px 15px #ccc;} .quote2::before {content:"\201C"; } .pull-right {float:right!important} .pull-left {float:left!important} .showhide {display:none!important} .hide {display:none!important} .show {display:block!important} .invisible {visibility:hidden} .text-hide {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} .hidden {display:none!important} special, .special {color:#ea3e3e;} .st-barts-alerts {display:block; min-height:1px; text-align:right; font-size:12px; padding:0; margin:0 5px 0 0;} /* borders backgrounds */ .noborder {border:0!important;} .border, .bordered {border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .border-bottom, .border-b {border-bottom:1px!important; border-color:#e3e3e3;} .border-left, .border-l {border-left:1px!important; border-color:#e3e3e3;} .border-right, .border-r {border-right:1px!important; border-color:#e3e3e3;} .border-top, .border-t {border-top:1px!important; border-color:#e3e3e3;} .border-tb {border:1px 0; border-color:#e3e3e3; -webkit-box-shadow:inset 1px 0 1px 0 rgba(0, 0, 0, .05); box-shadow:inset 1px 0 1px 0 rgba(0, 0, 0, .05);} .border-rl {border:0 1px; border-color:#e3e3e3; -webkit-box-shadow:inset 0 1px 0 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 0 1px rgba(0, 0, 0, .05);} hr, hr.gradient {margin:25px 0; border:0; height:2px; background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0));} /* WORDPRESS OVERRIDES */ .no-entry-title {display:none!important} /* this is used on template pages with the "No Title" suffix */ #hide .entry-title {display:none;} .intro-titles {color:#04314e; font-weight:400; line-height:1.0; padding:10px 0 6px 0;} .headline-upper {display:block; font-size:13px; color:#777; font-weight:700; line-height:1.0; padding:0;} .widgettitle {display:none; padding:0; margin:0;} li .widget {list-style-type:none; margin:0; padding:0;} .widget.widget_text {list-style-type:none; margin:0; padding:0;} #col-sidebar select#cat.postform {width:96%; margin:1px 2px 15px 2px;} #col-sidebar .search-field {max-width:98%!important; margin-right:0; padding-right:0;} #col-sidebar .search-submit {margin-bottom:20px;} img.wp-smiley, img.emoji { display:inline !important; border:none !important; box-shadow:none !important; height:1em !important; width:1em !important; margin:0 .07em !important; vertical-align:-0.1em !important; background:none !important; padding:0 !important;} /* WELLS BOXES */ #master-wrap .well {min-height:20px; padding:10px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well {min-height:20px; padding:10px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-white {min-height:20px; padding:10px; margin-bottom:20px; background-color:#ffffff; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-blue {min-height:20px; padding:10px; margin-bottom:20px; background-color:#2070bd; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-lime {min-height:20px; padding:10px; margin-bottom:20px; background-color:#70bd20; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-sm {padding:5px; border-radius:3px;} .well blockquote {border-color:#ddd; border-color:rgba(0, 0, 0, .15);} .wellwrap {position:relative; display:block; margin:20px auto; width:98%; max-width:98%; overflow:hidden; min-height:0px; padding:10px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .wellwrap img {display:block; max-width:100%; height:auto; padding:5px;} .well-wp {display:block; margin:20px auto; min-height:20px; color:inherit; padding:9px; background:#fff; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-slider {display:block; margin:0 auto 1px auto; padding:0; background:transparent; border:1px solid #e3e3e3; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-sb {min-height:0px; padding:9px; margin:0 auto 20px auto; font-size:13px; color:inherit; background:#fff; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .well-sb img {display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; margin:3px auto 3px auto; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none;} .well-sb ul {list-style:none; padding-left:0;} .well-sb a, .well-sb h3, .well-sb h4 {color:#2070bd;} .well-trans {background:transparent; border:0;} /* IMAGES */ .img-center {margin:0 auto; border:none;} .img-edge {margin:5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none;} .img-responsive, img.irs, .imgr, .img-resp, img.res {display:block; max-width:100%; height:auto;} .img-thumbhover {float:left; max-width:250px; max-height:250px; padding:8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none;} .img-thumbhover:hover {border:4px solid #555555;} img.alignright {float:right; display:inline-block; padding:5px; margin:10px;} img.alignleft {float:left; display:inline-block; padding:5px; margin:10px;} .imgstrip-resp-vertical {} .imgstrip-resp-vertical img {display:block; max-width:100%; height:auto; margin:10px auto 20px auto;} .imgstrip-resp .horizontal img {display:block; max-width:100%; height:auto; margin:4px 20px 4px 20px;} .img-wide {float:left; display:block; position:relative; width:100%; max-height:320px; padding:0; margin:0 auto; overflow:hidden;} .img-wide img {display:block; max-width:100%; height:auto;} .img-wide span {display:block; max-width:100%; font-size:12px; text-align:right;} .img-wide p:empty {margin:0; padding:0;} .img-titled {display:block; float:left; margin-bottom:25px; position:relative;} .img-titled span {color:#fff; font-size:12px; font-weight:bold; position:absolute; left:0; bottom:15px; z-index:1; padding:5px 7px; background:rgba(0, 0, 0, 0.6);} .img-titled span:nth-of-type(2) {color:yellow; font-size:12px; font-weight:bold; position:absolute; left:0px; bottom:0px; z-index:1; padding:5px 7px; background:rgba(0, 0, 0, 0.6);} /*IMG Filter styles*/ .img-filter {-webkit-transition:all 0.5s;} .img-filter:hover { -webkit-filter:none; /*Returns to default state*/} .img-filter.opacity {-webkit-filter:opacity(50%);} img.sepia {-webkit-filter:sepia(100%); transition:all 0.5s ease;} img.sepia:hover {-webkit-filter:sepia(0%);} img.grayscale {-webkit-filter:grayscale(50%); -moz-filter:grayscale(50%); filter:grayscale(50%); transition:all 0.5s ease;} img.grayscale:hover {-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%);} /*TABLES*/ /*bootstrap table classes*/ table {background:transparent} .table {width:100%;max-width:100%;margin-bottom:20px} .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th, .table>thead>tr>td,.table>thead>tr>th {padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd} .table>thead>tr>th {vertical-align:bottom;border-bottom:2px solid #ddd} .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {border-top:0} .table>tbody+tbody {border-top:2px solid #ddd} .table .table {background:#fff} .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {padding:5px} .table-bordered {border:1px solid #ddd} .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {border:1px solid #ddd} .table-bordered>thead>tr>td,.table-bordered>thead>tr>th {border-bottom-width:2px} .table-striped>tbody>tr:nth-of-type(odd) {background:#f9f9f9} table col[class*=col-] {position:static;display:table-column;float:none} table td[class*=col-], table th[class*=col-] {position:static;display:table-cell;float:none} .table-responsive {min-height:.01%;overflow-x:auto} @media screen and (max-width:639px) { .table-responsive {width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd} .table-responsive>.table {margin-bottom:0} .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {white-space:nowrap} .table-responsive>.table-bordered {border:0} .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {border-left:0} .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {border-right:0} .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom:0} } @media (min-width:720px) { #tablepress-restaurants_wrapper tbody td { font-family:Tahoma; font-size:13px!important;} #tablepress-restaurants_wrapper .column-2 { color:green!important;} #tablepress-restaurants_wrapper {width:auto; margin:0 auto 1em;} #tablepress-restaurants_wrapper .tablepress-id-restaurants, #tablepress-restaurants_wrapper .tablepress-id-restaurants tr, #tablepress-restaurants_wrapper .tablepress-id-restaurants tbody td, #tablepress-restaurants_wrapper .tablepress-id-restaurants thead th, #tablepress-restaurants_wrapper .tablepress-id-restaurants tfoot th { border:1px solid #ccc;} } /* LISTS */ ul.faq { list-style:none; float: left; width:100%; margin:0; padding:0; background:#f2f2f2;} ul.faq li { float: left; width:100%; margin:5px 0; padding:3px; background:#fff; border: 1px solid #ddd; } .collapseomatic {margin-left:5px; font-size:18px; color:#336699; text-decoration:none;} .list-title {list-style-type:none; background-image:none; margin:0; padding:0; font-size:120%; font-weight:bold; color:#114667; line-height:normal; } .list-title-upper {list-style-type:none; background-image:none; margin:0; padding:0; font-size:120%; font-weight:bold; color:#114667; line-height:normal; } .list-title-lower {list-style-type:none; background-image:none; margin-bottom:5px; padding:0; font-family:'Michroma', sans-serif; font-size:130%; font-weight:normal; letter-spacing:normal; color:#b0b0b0; line-height:normal; } .ptitle, .title { margin:0; font-weight:bold; letter-spacing:normal; line-height:normal; color:#114667; } .ptitle-lower, .title-lower { margin:0 0 5px 0; font-weight:normal; letter-spacing:normal; line-height:normal; color:#b0b0b0; text-transform:uppercase; text-shadow:none;} ul.list-detail {list-style-type:none} ul.list-detail li {background-image:url(//www.sbhonline.com/wp-content/themes/badjo-sbh/assets-wp/img/bullet-blue-6x6.png);background-position:0 5px;background-repeat:no-repeat;margin:3px 0 5px 0;padding-left:15px;color:#525252} /* forum feeds wider than 768 display as 2 columns */ @media(min-width:640px) { #Recent_Forum_Topics_Villas_Hotels {list-style:none; margin:0; padding:0 0 8px 0; -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; column-count:2; column-gap:10px;} #Recent_Forum_Topics_Villas_Hotels li {margin-top:10px; margin-bottom:20px;} #Recent_Forum_Topics_Villas_Hotels a {clear:right; font-size:12px; font-weight:normal; color:#1d8bce; text-decoration:underline; outline:none} #Recent_Forum_Topics_Villas_Hotels a:hover {text-decoration:none} #Recent_Forum_Topics_Villas_Hotels a:after {white-space:pre; content:'\A';} } /* forum feeds sidebar view */ #rss-2 {min-height:0px; padding:9px; margin:0 auto 20px auto; font-size:12px; color:inherit; background:#fff; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} #rss-2 .widget_rss ul {list-style:none; margin:0; padding:0; vertical-align:middle; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; column-gap:10px;} #rss-2 .widget_rss li {list-style-type:none; margin:0; padding:0;} #rss-2 .widget_rss a {clear:right; font-size:12px; font-weight:normal; color:#1d8bce; text-decoration:underline; outline:none} #rss-2 .widget_rss a:hover {text-decoration:none} #rss-2 .widget_rss a:after {white-space:pre; content:'\A';} #rss-2 .hide {display:inline-block; font-size:16px!important; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; margin:0 0 0 0; color:#000!important;} /* forum feeds wider than 768 display as 2 columns */ @media(min-width:640px) { ul#recent-threads-2col {list-style:none; margin:0; padding:0px 0 8px 0; -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; column-count:2; column-gap:10px;} ul#recent-threads-2col li {} ul#recent-threads a {clear:right; font-size:12px; font-weight:normal; color:#1d8bce; text-decoration:underline; outline:none} ul#recent-threads a:hover {text-decoration:none} ul#recent-threads a:after {white-space:pre; content:'\A';} } /* RSS */ div#rss-to-html {max-width:90%; height:auto; margin:0; padding:0;} ul.feed-lists {margin:0; padding:0;} li.feed-item {display:block; margin:20px;} div.feed-title {display:block; max-width:100%;} .feed-title a {display:inline-block;} small.feed-date {display:inline-block;} div.feed-description {display:block;} .feed-description p {display:block; max-width:100%; margin:5px 0 20px 0;} img.feed-item-image {display:block; max-width:100%; max-height:500px;} /* RSS display as 2 columns */ @media(min-width:640px) { .rss-threads-2col {list-style:none; padding:0px 0 8px 0; margin:0px 2px 8px 0; -moz-column-count:2; -moz-column-gap:10px; -webkit-column-count:2; -webkit-column-gap:10px; column-count:2; column-gap:10px;} .rss-threads-2col li {list-style-image:url('assets-wp/img/li-blue-sm.gif');} .rss-threads a {clear:right; font-size:12px; color:#1d8bce; text-decoration:underline; outline:none} .rss-threads a:hover {text-decoration:none} .rss-threads a:after {white-space:pre; content:'\A';} } #Recent_Forum_Topics_Villas_Hotels {margin:0; padding:0;} #Recent_Forum_Topics_Villas_Hotels ul {margin:0; padding:0;} ul.cols-full {width:100%; list-style:none; margin:0 0 20px 0; padding:0; border:0;} .cols-full li {margin:0; padding:10px; width:99%; display:inline-block; vertical-align:top;} ul.cols-half {width:100%; list-style:none; margin:0 0 20px 0; padding:0; border:0;} .cols-half li {margin:0; padding:10px 0; width:49%; display:inline-block; vertical-align:top;} ul.cols-thirds {width:100%; list-style:none; margin:0 0 20px 0; padding:0; border:0;} .cols-thirds li {margin:0; padding:10px 0; width:32.5%; display:inline-block; vertical-align:top;} .cols-thirds li img {display:block; max-width:100%; height:auto; vertical-align:top;} ul.cols-thirds.list {width:100%; list-style:none; margin:3px 0 3px 0; padding:0; background-color:#fafafa; border-bottom:1px solid #999;} .cols-thirds.list > li {margin:0; padding:5px 0; width:32.5%; display:inline-block; vertical-align:top;} .cols-thirds.list:hover {background-color:#e1e1e1;} ul.cols {width:100%; display:block; list-style:none; margin:0; padding:0; border:0;} .cols li {margin:0; padding:0; vertical-align:top;} .cols li.col-full {margin:0; padding:10px; width:99.5%; display:inline-block;} .cols li.col-90 {margin:0; padding:10px; width:89.5%; display:inline-block;} .cols li.col-80 {margin:0; padding:10px; width:79.5%; display:inline-block;} .cols li.col-75 {margin:0; padding:10px; width:74.5%; display:inline-block;} .cols li.col-70 {margin:0; padding:10px; width:69.5%; display:inline-block; vertical-align:top;} .cols li.col-60 {margin:0; padding:10px; width:59.5%; display:inline-block;} .cols li.col-50 {margin:0; padding:10px; width:49.5%; display:inline-block;} .cols li.col-40 {margin:0; padding:10px; width:39.5%; display:inline-block;} .cols li.col-33 {margin:0; padding:10px; width:32.5%; display:inline-block;} .cols li.col-30 {margin:0; padding:10px; width:29.5%; display:inline-block;} .cols li.col-25, li.col-quarters {margin:0; padding:10px; width:24.5%; display:inline-block;} .cols li.col-20, li.col-fives {margin:0; padding:10px; width:19.25%; display:inline-block;} .cols li.col-16, li.col-sixes {margin:0; padding:10px; width:16.125%; display:inline-block;} .cols li.col-10, li.col-tens {margin:0; padding:10px; width:9.5%; display:inline-block;} .cols li.col-13s {margin:0; padding:10px; width:7.1%; display:inline-block;} .cols li.thumb150 {margin:0; padding:5px; display:inline-block;} .cols li.thumb150 img {float:left; max-height:125px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none;} /* LISTING STYLES */ ul.cols-39 {width:100%; list-style:none; margin:0 0 20px 0; padding:0; background-color:#fafafa; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);} .cols-39 li {margin-left:0; padding:5px;} .cols-39 li:empty {margin:0!important; padding:0!important; border-bottom:0;} .cols-39 li.full {display:block; width:100%!important; margin-left:0; padding:5px;} .cols-39 >li:first-child {width:24%; display:inline-block; vertical-align:top;} .cols-39 >li:nth-child(2) {width:74%; display:inline-block;} .cols-39 li a {color:#2070bd;} .cols-39 li a:hover {color:#df8842;} .cols-39 li img {display:block; max-width:100%; height:auto;} .cols-39 li ul {margin:0; padding:0; list-style:none;} .cols-39 li ul li {display:block; padding:0;} ul.detail {margin:0; padding:0; list-style:none;} ul.detail li {display:block; padding:0 0 0 5px; font-size:13px;} /* LISTING STYLES */ ul.listing {float:left; position:relative; width:100%; display:block; margin:30px 0; list-style:none; background-color:#f2f2f2; border:3px solid #ddd; border-radius:6px; -moz-box-shadow:2px 2px 15px #ccc; -webkit-box-shadow:2px 2px 15px #ccc; box-shadow:2px 2px 15px #ccc; padding:10px;} .listing li.col-logo, .listing li.logo {max-width:18%; display:inline-block; vertical-align:top; margin-right:1%;} .listing li.col-logo img, .listing li.logo img {display:block; max-width:100%; height:auto;} .listing li.col-detail, .listing li.detail {width:79%; max-width:100%; min-width:300px; display:inline-block; margin:0; padding:0;} .listing li.col-detail ul, .listing li.detail ul {width:100%; list-style:none; margin:0; padding:0;} .listing li, .listing li.row, .listing li.block {display:block;} .listing li.ib {display:inline-block;} .listing li.title {display:block; font-size:20px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; margin:0 0 6px 0; line-height:1.2; color:#2070bd;} .listing li.subtitle {display:block; font-size:16px; font-weight:700; color:#5f5f5f;} .listing li.offer {display:block; font-size:18px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; margin:0 0 6px 0; line-height:1.2;} .listing li.description, .listing li.amenities, .listing li.hours, .listing li.link-sbh {display:block; margin:0;} .listing li.text {display:block; margin:0;} .listing li.address, .listing li.address1, .listing li.address2, .listing li.address3 {display:block; margin:0;} .listing li.rates {display:block; margin:0;} .listing li.phone, .listing li.phone2, .listing li.phone3, .listing li.fax, .listing li.link-web, .listing li.link-web a, .listing li.link-modal, .listing li.email, .listing li.link-modal a {display:inline-block; margin-right:15px; padding:0; font-size:14px; color:#525252;} .listing li.rates:before, .listing li.hours:before, .listing li.phone:before, .listing li.phone2:before, .listing li.email:before, .listing li.link-sbh:before, .listing li.link-web:before, .listing li.link-modal:before {content:"•"; font-size:20px; vertical-align:middle; padding-right:6px; color:#8a3d50;} /* Small Screens and Portrait */ @media(max-width:640px) { .listing {width:100%; list-style:none; margin:30px 0; padding:10px; border-bottom:10px solid #f2f2f2;} .listing li.col-detail ul li, .listing li.detail ul li {width:100%; display:block; margin:0; padding:0;} .listing li.col-logo, .listing li.logo {width:100%; display:block; vertical-align:top;} } /* aggregate text lists */ ul.contact-list {list-style:none; margin:20px 0; padding:0; border:0} .contact-list li.title {display:inline-block; font-size:15px; font-weight:bold; margin-right:15px; padding:0;} .contact-list li.location {display:inline-block; margin-right:20%; padding:0;} .contact-list li.rates {display:block; margin-left:0; padding:0;} .contact-list li.phone {display:inline-block; margin-right:15px; padding:0;} .contact-list li.phone2 {display:inline-block; margin-right:15px; padding:0;} .contact-list li.phone3 {display:inline-block; margin-right:0; padding:0;} .contact-list li.link-sbh {display:block; margin-left:0; padding:0;} .contact-list li.link-web {display:inline-block; margin:0 20px 0 0; padding:0;} .contact-list li.link-modal {display:inline-block; margin:0 20px 0 0; padding:0;} /* text listings single row inline-block example */ ul.ib {list-style:none; margin:0; padding:0;} ul.ib li {display:inline-block; padding:0 5px 5px 0;} li.ib {display:inline-block; padding:0 0 5px 0;} li.inline {display:inline;} li.block {display:block;} ul.none, .none li, li.none {list-style-type:none;} ul.sq-white, ul.sq-white-lg {list-style-type: none;} ul.sq-white li {background-image: url("assets-wp/img/bullet-white-6x6.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:3px 0 5px 0; padding-left: 15px; color:#f2f2f2} ul.sq-white-lg li {background-image: url("assets-wp/img/bullet-white-12x12.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:5px 0 15px 0; padding-left: 20px; color:#f2f2f2} .sq-white li a {color:#f2f2f2; text-decoration:none;} .sq-white li a:hover {color:#f9f9f9; text-decoration:none;} ul.sq-lime, ul.sq-lime-lg {list-style-type: none;} ul.sq-lime li {background-image: url("assets-wp/img/bullet-lime-6x6.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:3px 0 5px 0; padding-left: 15px; color:#525252} ul.sq-lime-lg li {background-image: url("assets-wp/img/bullet-lime-12x12.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:5px 0 15px 0; padding-left: 20px; color:#525252} ul.sq-blue, ul.sq-blue-lg {list-style-type: none;} ul.sq-blue li {background-image: url("assets-wp/img/bullet-blue-6x6.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:3px 0 5px 0; padding-left: 15px; color:#525252} ul.sq-blue-lg li {background-image: url("assets-wp/img/bullet-blue-12x12.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:5px 0 15px 0; padding-left: 20px; color:#525252} ul.sq-red, ul.sq-red-lg {list-style-type: none;} ul.sq-red li {background-image: url("assets-wp/img/bullet-red-6x6.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:3px 0 5px 0; padding-left: 15px; color:#525252} ul.sq-red-lg li {background-image: url("assets-wp/img/bullet-red-12x12.png"); background-position: 0px 5px; background-repeat: no-repeat; margin:5px 0 15px 0; padding-left: 20px; color:#525252} /* Small Screens and Portrait */ @media all and (max-width:639px) and (orientation:portrait) { ul.cols-39, ul.cols-full, ul.cols-half, ul.cols-thirds, ul.cols-thirds.list ul.cols-quarters, ul.cols-fifths {width:100%; list-style:none; margin:30px 0; padding:5px; border-bottom:10px solid #f2f2f2;} .contact-list li, .cols-39 li, .cols-full li, .cols-half li, .cols-thirds li, .cols-quarters li, .cols-fifths li, li.ib, li.inline, .col-full, .col-90, .li.col-80, .li.col-75, .li.col-70, .li.col-60, .li.col-50, .li.col-40, .li.col-33, .li.col-25, li.col-quarters, .li.col-20, li.col-fives, .li.col-16, li.col-sixes, .li.col-10, li.col-tens, .li.col-13s {width:100%!important; display:block!important; margin:5px 0; padding:0;} } /* end small / portrait */ /* Activities */ ul#activities {display:block;float:left; line-height:15px; margin:20px auto; padding:0; width:100%;} ul#activities li {float:left; height:auto; margin:0 26px 26px 0; padding:0; position:relative; text-align:left; width:100%; border:1px solid #ddd;} ul#activities li a {color:#fff; margin:0; padding:0;} ul#activities li a:hover {color:#FF9600; text-decoration:none;} ul#activities li .text {position:absolute; left:18px; top:23px; font-size:18px; text-transform:uppercase;} ul#activities li img {float:left; max-width:100%; height:auto;} /* Car Rentals */ td.car-thumbs {max-width:200px; height:auto;} td.car-thumbs img {display:block; max-width:100%; height:auto;} .dtr-data img {display:block; max-width:100%; height:auto;} #tablepress-car-rentals-compare th {font-size:12px; vertical-align:bottom} /* SHOP SBHONLINE */ .item-caption {font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; font-size:13px; font-weight:700; text-align:center;} .item-caption img {margin:0 auto; max-width:100%; display:block;} /* VILLAS */ #tablepress-villa-presorts h3 {font-size:20px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; margin:0 0 0 0; color:#646464;} .vcode, .vbeds, .vpool, .vloc {font-size:18px; font-weight:700; font-family:'Roboto Condensed', Helvetica, Arial, sans-serif; margin:0 0 0 0; color:#646464;} #tablepress-villa-presorts p {font-size:12px; margin:0 0 8px 0; padding:0;} #tablepress-villa-presorts .collapseomatic_content p {margin:0 0 10px 0;} /* sidebar search form */ #xxcol-sidebar .widget_search .screen-reader-text {display:none;} label[for=s] { position: absolute !important; left: -999em;} /* Modals */ .modal-header {background-color:#d31717; padding:15px; border-bottom:1px solid #e5e5e5;} .modal-title {color:#f7f7f7;} .modal-body {position:relative; padding:10px} .modal-scrollfix.modal-scrollfix {overflow-y:hidden;} .modal-body {max-height:calc(100vh - 210px); overflow-y:auto;} .dropdown-menu {min-width:200px;} .dropdown-menu.columns-2 {min-width:400px;} .dropdown-menu.columns-3 {min-width:600px;} .dropdown-menu li a {padding:5px 15px;font-weight:300;} .multi-column-dropdown {list-style:none;} .multi-column-dropdown li a {display:block;clear:both;line-height:1.428571429;color:#333;white-space:normal;} .multi-column-dropdown li a:hover {text-decoration:none;color:#262626;background-color:#f5f5f5;} @media (max-width:639px) { .dropdown-menu.multi-column {min-width:240px !important; overflow-x:hidden;} } /* JB CONVERSION TO SCRATCH BELOW */ .wrap-primary {width:100%; background-color:#70bd20; padding-right:0; padding-left:0; margin-right:auto; margin-left:auto} /* dropdown menu styles */ #category-select { list-style-type:none; margin:5px 0px 18px;} #category-select select {margin:5px 0; padding:0; border:1px solid #007EB4;} #pages_dropdown { list-style-type:none; margin:5px 0px 18px;} #pages_dropdown select {margin:5px 0; padding:0; border:1px solid #007EB4;} /* MENUS */ #ul_toplinks { float:right; list-style:none; margin:0;} #ul_toplinks li { display:inline-block; margin:0; padding:5px 8px;} #ul_toplinks li a { color:rgb(255, 255, 255); font-size:13px; line-height:1.2; padding:0 5px; border-left:4px solid rgb(0, 0, 0);} #ul_toplinks li a:hover { color:rgb(204, 204, 204); font-weight:normal; border-left:4px solid rgb(180, 24, 24);} #primarymenu { font-weight:400;} #primarymenu ul { z-index:999; margin:0; padding:0; list-style:none; line-height:1;} #primarymenu ul li, #primarymenu ul li a, #primarymenu #menu-button { margin:0; padding:0; list-style:none; line-height:1; display:block; position:relative;} #primarymenu:after, #primarymenu > ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} #primarymenu #menu-button { display:none;} #primarymenu > ul > li { float:left;} #primarymenu > ul > li > a { padding:17px; font-size:13px; letter-spacing:1px; color:#f5f5f5; font-weight:700;} #primarymenu > ul > li:hover > a { color:#ffffff;} #primarymenu > ul > li.has-sub > a { padding-right:30px;} #primarymenu > ul > li.has-sub > a:after { position:absolute; top:22px; right:11px; width:8px; height:2px; display:block; background:#dddddd; content:"";} #primarymenu > ul > li.has-sub > a:before { position:absolute; top:19px; right:14px; width:2px; height:8px; display:block; background:#dddddd; content:"";} #primarymenu > ul > li.has-sub:hover > a:before { top:23px; height:0;} /* apply transition */ #primarymenu > ul > li.has-sub > a:before, #primarymenu ul ul li, #primarymenu ul ul li.has-sub > a:before { -webkit-transition:all 0.25s ease; transition:all 0.25s ease;} #primarymenu ul ul { position:absolute; left:-9999px;} #primarymenu ul ul li { height:0;} #primarymenu li:hover > ul { left:auto;} #primarymenu li:hover > ul > li { height:35px;} #primarymenu ul ul li a { padding:11px 15px; min-width:280px; font-size:13px; font-weight:400; color:#5f5f5f; background:#ddd; border-left:4px solid #ddd; border-bottom:1px solid #5f5f5f;} #primarymenu ul ul li:hover > a, #primarymenu ul ul li a:hover { color:#000; border-left:4px solid #b41818;} #primarymenu ul ul li.has-sub > a:after { position:absolute; top:16px; right:14px; width:8px; height:2px; display:block; background:#dddddd; content:"";} #primarymenu ul ul li.has-sub > a:before { position:absolute; top:13px; right:7px; width:2px; height:8px; display:block; background:#dddddd; content:"";} #primarymenu ul ul > li.has-sub:hover > a:before { top:17px; height:0;} #primarymenu ul ul ul { margin-left:100%; top:0;} @media all and (max-width:767px) { #primarymenu { width:100%;} #primarymenu ul { width:100%; display:none;} #primarymenu.align-center > ul { text-align:left;} #primarymenu ul li { width:100%; border-top:1px solid rgba(120, 120, 120, 0.2);} #primarymenu ul ul li, #primarymenu li:hover > ul > li { height:auto;} #primarymenu ul li a, #primarymenu ul ul li a { width:100%; border-bottom:0;} #primarymenu > ul > li { float:none;} #primarymenu ul ul li a { padding-left:25px;} #primarymenu ul ul ul li a { padding-left:35px;} #primarymenu ul ul li a { color:#dddddd; background:none;} #primarymenu ul ul li:hover > a, #primarymenu ul ul li.active > a { color:#ffffff;} #primarymenu ul ul, #primarymenu ul ul ul, #primarymenu.align-right ul ul { position:relative; left:0; width:100%; margin:0; text-align:left;} #primarymenu > ul > li.has-sub > a:after, #primarymenu > ul > li.has-sub > a:before, #primarymenu ul ul > li.has-sub > a:after, #primarymenu ul ul > li.has-sub > a:before { display:none;} #primarymenu #menu-button { display:block; padding:17px; color:#dddddd; cursor:pointer; font-size:13px; text-transform:uppercase; font-weight:700;} #primarymenu #menu-button:after { position:absolute; top:22px; right:17px; display:block; height:10px; width:24px; border-top:3px solid lime; border-bottom:3px solid red; content:"";} #primarymenu #menu-button:before { position:absolute; top:14px; right:17px; display:block; height:3px; width:24px; background:yellow; content:"";} /* close x button */ #primarymenu #menu-button.menu-opened:after { top:23px; border:0; height:3px; width:15px; background:#ffffff; -webkit-transform:rotate(45deg); transform:rotate(45deg);} #primarymenu #menu-button.menu-opened:before { top:23px; background:#ffffff; width:15px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #primarymenu .submenu-button { position:absolute; z-index:99; right:0; top:0; display:block; border-left:1px solid rgba(120, 120, 120, 0.2); height:46px; width:46px; cursor:pointer;} #primarymenu .submenu-button.submenu-opened { background:#262626;} #primarymenu ul ul .submenu-button { height:34px; width:34px;} #primarymenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#dddddd; content:"";} #primarymenu ul ul .submenu-button:after { top:15px; right:13px;} #primarymenu .submenu-button.submenu-opened:after { background:#ffffff;} #primarymenu .submenu-button:before { position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#dddddd; content:"";} #primarymenu ul ul .submenu-button:before { top:12px; right:16px;} #primarymenu .submenu-button.submenu-opened:before { display:none;} } #menu-footermenu { display:block; width:100%; margin:0 auto; padding:10px; list-style:none; text-align:center;} #menu-footermenu li {display:inline-block; margin:0; padding:5px 8px; font-size:15px;} #menu-footermenu li a { color:#f5f5f5;} #menu-footermenu li a:hover { color:#666;} .copyright { display:block; width:100%; margin:0 auto; padding:10px; text-align:center; font-size:14px; color:#757575;} .copyright a { color:#757575;} .copyright a:hover { color:#546e7a;} /* Search Results Page */ .search-container { width: 90%; padding:0 10px 20px 0; margin:0; } #ss-search-page-form { margin:0; padding-top:10px; } #ss-search-page-form .search-field { border: 2px solid #dddddd; border-radius: 4px; width:60%; margin-top:20px; } #ss-search-page-form .search-submit { padding: 10px 10px; margin-bottom:5px; text-transform: uppercase; } .search-page-title { font-size: 26px; font-weight: 300 !important; text-align:left; display:block; text-transform:uppercase; padding-top:30px; padding-bottom:20px; } .search-page-title span { font-weight: 400 !important; } .search-post-title { font-size: 18px; font-weight: 600 !important; text-align:left; display:block; margin-top:30px; } .search-post-link {font-size: 14px; font-weight: 400 !important; text-align:left; display:block; margin-top:5px;} .search-post-excerpt {font-size: 13px; font-weight:400 !important; text-align:left; display:block; } .search-post-excerpt p {margin:0 0 5px 0;} @media only screen and (max-width: 768px) { .search-container { width: 100%; padding-left:15px; padding-right:15px; } } /* Category List Page */ #sbhwp_category h1.categorytitle {margin:3px 0 25px 0; } #sbhwp_category h2 {width:100%; } #sbhwp_category .link-right {float:right; font-size:12px; font-family:arial, helvetica; margin-right:5px; } #sbhwp_category .sbhwp-excerpt {flex:0 0 70%; max-width:70%; padding:5px; } #sbhwp_category .sbhwp-thumb {flex:0 0 25%; max-width:25%; } #sbhwp_category .wp-post-image {margin:0; } #sbhwp_category .sbhwp-thumb img{padding:5px; margin:0; max-width:100%; height:auto; } #sbhwp_category .sbhwp-post {margin:25px auto; border-bottom:4px solid #ddd; max-height:360px; overflow-y:hidden; font-size:90%; } #sbhwp_category .sbhwp-post p {margin:0 0 10px 0; } #sbhwp_category ul {margin:0 0 5px 0; padding:0; } #sbhwp_category ul li {margin:1px 0 5px 0; padding:0; } #sbhwp_category .article-meta-extra {display:block; margin:2px 0 10px 0; padding:0; } #sbhwp_category .sbhwp-edit-post {flex:0 0 100%; max-width:100%; margin:20px 0; } #jfaq .panel-heading{ padding:0px !important; } #jfaq .panel-title { margin:0px !important; text-transform:none !important; line-height: 1 !important; } #jfaq .panel-title a{ text-decoration:none; color:#646464 !important; font-size:14px !important; display:block; padding:0px; font-family: Arial !important; padding-top: 10px; padding-bottom: 10px; border-bottom:1px solid #ddd !important; } #jfaq .panel-title a:hover,#jfaq .panel-title a:visited, #jfaq .panel-title a:focus { color:#646464 !important; } #jfaq .acc-a{ color: #646464 !important; background-color:#f5f5f5 !important; border-color: #ddd; } #jfaq .panel-default > .panel-heading{ color: #646464 !important; background-color: #f5f5f5 !important; border-color: #f5f5f5 !important; border-top-left-radius: 0px; border-top-right-radius: 0px; } #jfaq .panel-default { border:1px solid transparent !important; } #jfaq { margin-bottom: 20px; overflow: hidden; float: left; width: 100%; display: block; } #jfaq .ac_title_class{ display: inline-block; padding-top: 5px; padding-bottom: 5px; padding-left: 13px; padding-right: 10px; border: 0px solid #ddd; font-size:14px !important; font-family: Arial !important; } #jfaq .jfaq_panel { overflow:hidden; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05); box-shadow: 0 0px 0px rgba(0, 0, 0, .05); border-radius: 0px; } #jfaq .jfaq_panel + .jfaq_panel { margin-top: 5px; } #jfaq .panel-body{ background-color:#f5f5f5 !important; color:#646464 !important; border-top-color: #f5f5f5 !important; font-size:14px !important; font-family:Arial; overflow:hidden; border:0px solid #ddd !important; border-top:0px !important; padding-left: 60px; } #jfaq .ac_open_cl_icon{ background-color:#dd3333; color: #f2f2f2; padding-top: 5px; padding-bottom: 5px; margin-left:10px; line-height: 1.0; font-size:14px !important; text-align: center !important; width: 32px !important; display: inline-block; } #jfaq .ac_open_cl_number{ width: 25px !important; display: inline-block; margin-left:10px; text-align: center !important; font-size:14px !important; } .logotoplinks {width:100%; flex: 1 100%; display: flex; flex-flow: row wrap; background:#2070bd;} .wrap-logosbh {flex-grow: 1;} .wrap-toplinks {flex-grow: 2;} .wrap-logowimco {flex-grow: 1;} .isuser {display:flex;} .isuser li {flex: 1; margin-right: 10px;} .isuser li:last-child {margin-right: 0;} .disable {z-index:1001; position:relative; top:0%; left:0%; width:100%; height:100%; background-color:white; opacity:.20; filter:alpha(opacity=20);} p:empty {margin:0; padding:0; border-bottom:0;}