.PHComparisonHolder {
display: none;
text-align: left;
float: none;
background-color: #5c5c5c;
padding: 13px;
width: 329px;
border-radius: 12px;
color: white;
font-family: Questrial;
font-size: 12pt;
border: solid 1px black;
line-height: 18px;
position: absolute;
top: 35px;
right: -238px;
z-index: 99;
text-shadow: none !important;
}
.PHComparInfoHover{
position: relative;
}
.PHComparInfoHover:hover .PHComparisonHolder{
display: block;
} .CatInterIslandButtons a{
background-color: green;
margin: auto;
text-align: center;
color: white;
padding: 7px 10px;
font-weight: bolder;
border-radius: 3px;
border: solid 1px;
box-shadow: 0px 0px 7px #646464;
}
.CatInterIslandButtons a:hover{
background-color: #219315;
background-color: #27c917;
color: #333;
}
.ShuttleButton{
background-color: #219315;
padding: 6px;
border: solid 1px white;
color: white;
width: auto;
max-width: 250px;
margin: auto;
margin-top: 15px;
box-shadow: 0px 0px 7px #646464;
}
.ShuttleButton:hover {
background-color: #004900;
}
.CatTourRightContainer a img:hover {
filter: brightness(1.1);
}
.CatTourShuttleContainer {
width: 100%;
border: solid 2px white;
font-size: 12pt;
padding: 16px 19px 19px 19px;
min-height: 588px;
box-shadow: 1px 1px 30px 10px #54545461;
background: rgb(232,232,232);
background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 61%, rgba(232,232,232,1) 100%);
background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 61%,rgba(232,232,232,1) 100%);
background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 61%,rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 );
}
#CatRedPrice{
color:#901414;
font-weight:bolder;
font-size:15pt;
text-decoration: line-through;
}
#CatBluePrice{
color:#0a314d;
font-weight:bolder;
font-size:23pt;
vertical-align: text-bottom;
}
.CatGreenBookButton {
width: 174px;
height: 37px;
background-color: green;
margin: auto;
float: right;
margin-right: 17px;
text-align: center;
color: white;
padding-top: 7px;
font-weight: bolder;
border-radius: 3px;
border: solid 1px;
box-shadow: 0px 0px 7px #646464;
margin-left: 8%;
margin-top: -12px;
}
.CatGreenBookButton:hover{
background-color: #004900;
}
.CatBoxPriceBoxCont {
max-width: 244px;
height: 28px;
margin-left: 14px;
margin-top: -2px;
margin-bottom: 12px;
display: inline-block;
}
#CatBoxImg {
width: 46%;
border: solid 3px #0a314d;
margin: 15px 10px 19px 14px;
display: inline-block;
}
.CatTourBoxBlueCont {
width: 100%;
border: solid 1px white;
background-color: #0a314d;
height: 44px;
text-align: left;
padding-top: 12px;
padding-left: 9px;
}
.CatTourBoxWhiteCont {
border: solid 1px white;
border-right: none;
border-top:none;
margin-top: 2px;
margin-left: -10px;
border-bottom:none;
}
.CatTourBoxWhiteCont ul {
list-style-type: none !important;
padding: 13px 0 4px 4px !important;
font-size: 10pt;
display: inline-block;
vertical-align: top;
min-height: 160px;
}
.CatTourBoxBlueCont h4{
color:white;
font-size:14pt;
font-weight:bolder;
padding-left: 6px;
}
.CatTourDisc {
float: right;
color: #fd4040;
font-size: 15pt;
font-weight: bolder;
margin-top: -32px;
margin-right: 9px;
}
.CatTourBoxContainer{
width: 96%;
margin:auto;
min-height: 264px;
border:solid 2px grey;
margin-top: -9px;
background: rgb(216,216,216);
background: -moz-linear-gradient(left, rgba(216,216,216,1) 0%, rgba(252,252,252,1) 54%, rgba(216,216,216,1) 100%);
background: -webkit-linear-gradient(left, rgba(216,216,216,1) 0%,rgba(252,252,252,1) 54%,rgba(216,216,216,1) 100%);
background: linear-gradient(to right, rgba(216,216,216,1) 0%,rgba(252,252,252,1) 54%,rgba(216,216,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=1 );
}
.CatTourLeftContainer{
width:100%;
font-size:12pt;
min-height:800px;
border:solid 2px white;
box-shadow: 1px 1px 30px 10px #54545461; background: rgb(232,232,232); background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 61%, rgba(232,232,232,1) 100%); background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 61%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 61%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 ); }
.CatTourRightContainer{
width:100%;
border:solid 2px white;
font-size:12pt;
padding-bottom:19px;
min-height:800px;
box-shadow: 1px 1px 30px 10px #54545461; background: rgb(232,232,232); background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 61%, rgba(232,232,232,1) 100%); background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 61%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 61%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 ); } .et_pb_slide_0 .et_pb_container,.et_pb_slide_2 .et_pb_container,.et_pb_slide_4 .et_pb_container {
width:566px !important;
float:left;
margin-left:24px;
margin-top:30px;
}
.et_pb_slide_1 .et_pb_container,.et_pb_slide_3 .et_pb_container {
width:566px !important;
float:right;
margin-right:24px;
margin-top:30px;
}
.et_pb_slider .et_pb_slide_0, .et_pb_slider .et_pb_slide_1, .et_pb_slider .et_pb_slide_2, .et_pb_slider .et_pb_slide_3, .et_pb_slider .et_pb_slide_4 {
height: 418px;
}
.et_pb_row {
width: 100% !important;
max-width: 1200px !important;
}
.et_pb_slide {
padding: 0 1% !important;
}
#top-menu li > a:hover {
color: #92e590 !important;
}
#BlueTitleMed{
color: #0a314d;
font-weight: bolder;
font-size:24pt;
}
.nav li ul {
background: #062135 !important;
border: solid 2px white !important;
margin-top: -15px;
}
.nav li li ul {
top: 2px;
left: 245px;
}
.nav li ul {
padding: 14px 0;
}
#main-footer {
min-height:805px;
background-image: url(//pearl-harbor-tickets.com/wp-content/uploads/2022/05/FooterBGAriz.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color:#0a314d;
padding-top: 46px;
}
.main-footer-wrapper {
max-width: 1200px;
margin: 0px auto;
}
.FooterCopyright{
clear:both;
max-width:800px;
padding:15px;
font-size:11pt;
color:grey;
margin:auto;
text-align:center;
margin-top:25px;
}
.main-footer-wrapper .top-menu-links {
margin-top: 29px;
float: right;
}
.main-footer-wrapper #top-menu a:after {
display:none;
}
.FooterContentLeft{
float:left;
text-align:center;
margin-top: 39px;
}
.FooterContentRight{
float:right;
text-align:center;
margin-top: 39px;
}
.FooterContentLeft h2,.FooterContentRight h2{
color: #f9e2b3 !important;
}
#main-footer #et-top-navigation{
padding-top:0 !important;
margin-bottom: -58px;
}
.menu-footer-container {
float: right;
width: 500px;
background-color: #00800054;
margin-top: 34px;
}
.menu-footer-container li{
display:inline-block;
}
.menu-footer-container a{
color:white !important;
}
#main-content .container {
padding-top: 0 !important;
}
#top-menu li li {
padding: 0 5px !important;
}
#top-menu li li a {
width: 323px !important;
}
.nav li ul {
width: 345px;
}
.nav li ul {
background: #0a314d !important;
}
#main-header{
background-color: #0a314d;
border-bottom:solid 2px white;
box-shadow: 5px 5px 10px #062135;
height:118px;
}
#top-menu a {
color: rgb(255 255 255);
}
.TopNavigationBar{
border-bottom:solid 1px white;
border-top:solid 1px white;
background-color:#062135;
height:48px;
}
.container {
width: 100% !important;
max-width: 2560px !important;
}
.et_mobile_menu li a{
color: #fff !important;
border-bottom: 1px solid rgb(255 255 255 / 8%) !important;
}
#logo {
margin-top: -72px;
}
.et_post_meta_wrapper{
display:none;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
padding: 32px 0 0 0 !important;
}
.et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote {
border-color: #2ea3f200;
}
.et_mobile_menu{
background: #701010 !important;
border-bottom: solid 2px white;
} .stars-wrapper {
background-image: url(//pearl-harbor-tickets.com/wp-content/uploads/2022/05/1-2.png);
background-size: 15px 30px;
background-position: 0px 0px;
background-repeat: repeat-x;
width: 75px;
height: 15px;
display: inline-block;
position: relative;
float:right;
}
.stars-rating {
background-image: url(//pearl-harbor-tickets.com/wp-content/uploads/2022/05/1-2.png);
background-size: 15px 30px;
background-position: 0px -15px;
width: 75%;
height: 15px;
display: block;
position: absolute;
top: 0px;
left: 0px;
} .stars-rating-kamoana-tour {
width:85%;
}
.stars-rating-diamond-tour {
width:88%;
}
.stars-rating-chiefs-tour {
width:90%;
}
.stars-rating-pcc-tour {
width:80%;
}
.stars-rating-kalamaku-tour {
width:92%;
}
.stars-rating-100-tour {
width:100%;
}
.stars-rating-94-tour {
width:93%;
}
.stars-rating-76-tour {
width:70%;
} @media (max-width: 1250px) {
.main-footer-wrapper {
padding: 0 25px;
}
}
@media (max-width: 1138px) {
.FooterContentLeft{
width:100%;
float:none;
}
.FooterContentRight{
width:100%;
float:none; 
margin-top: -7px;
margin-bottom:25px;
}
.FooterCopyright{
margin-top:0;
}	
}
@media (max-width: 1138px) {
.main-footer-wrapper .top-menu-links {
display:none;
}
#main-footer #et-top-navigation {
margin-top: 38px;
}	
}
@media (max-width: 1028px) {
#CatBoxImg {
width: 44%;
margin: 15px 6px 19px 14px;
}
.CatGreenBookButton {
margin-top: 11px;
}
.CatBoxPriceBoxCont {
margin-top: 16px;
}
.CatTourBoxContainer {
min-height: 260px;
}
.CatTourBoxWhiteCont ul {
min-height: 149px;
}
}
@media (min-width: 981px){
.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
width: 48.5%;
}
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
margin-right: 2.5%;
}
}
@media (max-width: 980px) {
#main-footer #et-top-navigation {
margin-top: 32px;
}
#main-content {
margin-bottom: 55px !important;
}
.CatTourLeftContainer, .CatTourRightContainer{
width: 90%;
margin: auto;
}
.CatGreenBookButton {
margin-left: 0;
float: right;
width: 174px;
margin-top: -46px;
}
.CatBoxPriceBoxCont {
float: left;
margin-left: 48%;
margin-top: -55px;
}
.CatTourBoxContainer {
min-height: 286px;
}
}
@media (max-width: 900px) {
.CatBoxPriceBoxCont {
margin-top: -50px;
}
}
@media (max-width: 850px) {
.CatBoxPriceBoxCont {
margin-top: -2px;
margin-left: 2%;
}
.CatBoxPriceBoxCont {
margin-top: -3px;
margin-left: 2%;
}
.CatGreenBookButton {
margin-top: -15px;
}
#CatBoxImg {
margin: 15px 6px 13px 14px;
width: 307px;
}
}
@media (max-width: 687px) {
#CatBoxImg {
width: 48%;
}
.CatBoxPriceBoxCont {
margin-top: 0px;
}
.CatGreenBookButton {
margin-top: -6px;
}
.CatTourBoxContainer {
min-height: 275px;
}
.et_pb_slide_0 .et_pb_container,.et_pb_slide_2 .et_pb_container,.et_pb_slide_4 .et_pb_container {
width:96% !important;
float:none;
margin-left:24px;
margin-top:30px;
}
.et_pb_slide_1 .et_pb_container,.et_pb_slide_3 .et_pb_container {
width:96% !important;
float:none;
margin-right:24px;
margin-top:30px;
}
}
@media (max-width: 583px) {
#main-footer #et-top-navigation {
margin-top: 2px;
}
.CatBoxPriceBoxCont {
float: right;
margin: 45px 4% 0 0;
}
.CatTourBoxContainer {
min-height: 485px;
}
#CatBoxImg {
width: 93%;
}
.CatGreenBookButton {
margin-top: -58px;
}
.CatTourBoxWhiteCont ul {
list-style-type: none !important;
padding: 13px 0 17px 4px !important;
margin-left: 10px;
margin-top: -19px;
min-height: 160px;
}
.CatTourLeftContainer, .CatTourRightContainer {
width: 100%;
}
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title {
font-size: 25px !important;
}
}
@media (max-width: 450px) {
.CatBoxPriceBoxCont {
float: none;
margin: 2px 0 0 4%;
display: block;
}
.CatGreenBookButton {
margin-top: -35px;
}
#CatRedPrice {
font-size: 13pt;
}	
#CatBluePrice {
font-size: 20pt;
}
.CatGreenBookButton {
width: 153px;
}
#CatBoxImg {
width: 92%;
}
.CatTourDisc {
font-size: 13pt;
}
.CatTourBoxBlueCont h4 {
font-size: 12pt;
}
}
@media (max-width: 410px) {
.CatTourBoxBlueCont h4 {
font-size: 11pt;
padding-left: 0;
}
.CatTourBoxContainer {
min-height: 453px;
}
.CatTourDisc {
font-size: 11pt;
margin-top: -21px;
}
.CatTourLeftContainer h3{
font-size: 19px;	
}
.CatTourLeftContainer p{
font-size:10pt;
}
}
@media (max-width: 350px) {
.CatTourBoxBlueCont h4 {
font-size: 10pt;
}
}