/* Theme Name: Caymanvisitor */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1. >>> Headr Style ----------------------------------------------------------------*/ html {font-size: 62.5%; line-height: 62.5%; font-family: 'Raleway', sans-serif;} body {font-family: 'Raleway', sans-serif;font-size: 14px;line-height:18px; font-size: 1.4rem; line-height: 1.8rem; font-weight: 400;overflow-x: hidden; color: #000;} a,a:focus {color: #ce499b} a,a:hover,a:focus,i,input,button,input:focus,.transition1 {text-decoration: none;outline: none;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;box-shadow: none;} a {display: inline-block; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease;} iframe {border: 0;outline: none;} ::-moz-selection {background: #fec34e;text-shadow: none;color: #FFF} ::selection {background: #fec34e;text-shadow: none;color: #FFF} img {max-width: 100%;border: none;outline: none;height: auto;} input,textarea {border-radius: 0;resize: none;} ul {padding: 0;margin: 0;} @font-face { font-family: 'Roboto', sans-serif; font-family: 'Raleway', sans-serif; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;background-image: none;color:#909698;} /* 1.2 Typography */ h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', sans-serif;} .formobile-sear-menu{ display: none; } .all-page-wrapper{ background-color: #FFF } @media (min-width: 1200px) { .container {width: 1200px;} } /* grecaptcha */ .grecaptcha-badge {display: none !important;} .g-recaptcha { margin: 10px 0px; transform: scale(1); -webkit-transform: scale(1); transform-origin: 0 0; -webkit-transform-origin: 0 0; } /* grecaptcha */ /*-------------------------------------------------------------- 1. >>> Headr Style ----------------------------------------------------------------*/ .site-header .container {width: calc(100% - 110px);} .site-header{ padding-top:20px; padding-bottom:0;/* border-bottom: 3px solid #f48d20*/ } .site-logo{ width: 100%; max-width:166px; display: block; float: left; } .hed-right{ float: right; padding-left: 0; } .top-navigation,.main-navigation{ list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: middle; } .top-navigation{ text-align: right; position: relative; padding-left: 7px;margin-left:15px; } .top-navigation:before{ content: ""; position: absolute; left: 0; top:-20px; height:83px; width: 1px; background-color: #e9e9e9 } .top-navigation li,.main-navigation li{ display: inline-block; vertical-align: middle; } .top-navigation li{ margin-left: 12px;margin-bottom: 18px } .top-navigation li a{ color: #004e74; font-size: 12px; font-size: 1.2rem; font-weight:700; line-height: 45px; display: inline-block; cursor: pointer; } .top-navigation li a:hover{color: #ff9600} .top-navigation li.book-tour-button a{ background-color: #ff9600; color: #FFF; font-size: 16px; font-size: 1.6rem; padding: 0 13px } .top-navigation li.book-tour-button a:hover{ background-color: #ce499b; color: #FFF } .top-navigation li a[href^="tel:"] { /*background-image: url(../images/Phone.svg);*/ background-image: url(../png/phone.png); background-repeat: no-repeat; background-position: 0 center; padding-left:25px;font-family: 'Roboto', sans-serif; } .main-navigation{ padding-top: 0; display: inline-block; } .main-navigation li{ margin-right: 15px; position: relative; } .main-navigation li:last-child{ margin-right: 0 } .main-navigation li:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 17px; width:0; height: 1px; background-color: #ff9600; margin: 0 auto;transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; } .main-navigation li:hover:before{ width: 100% } .main-navigation li.current-menu-item:before,.main-navigation li.current_page_parent:before{ width: 100% } .main-navigation li.menu-item-has-children ul li:before{ content: none; } /*.main-navigation li.menu-item-has-children:after{ content: "";width: 0;height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #ce499b;display: inline-block; right: -12px;top: 6px; position: absolute; } .main-navigation li.menu-item-has-children ul li.menu-item-has-children:after{right: 10px;top: 15px; border-top-color: #FFF;transform: rotate(-90deg);}*/ .main-navigation li a{ font-size: 13px; font-size: 1.3rem;line-height: 45px; font-weight:700; color: #116184 } .main-navigation li:hover a,.search-button:hover,.main-navigation li.current-menu-item a {color: #004e74;} .main-navigation li a{ padding-bottom: 18px;display: inline-block; } .main-navigation li ul{overflow: hidden;background-color: #ffffff; opacity: 0; height: 0; position: absolute; top:100%; min-width:25rem; max-width: 100%;list-style: none; padding: 0; text-align: left;transition: opacity 0.6s ease 0s, left 0.6s ease 0s, top 0.6s ease 0s, height 0s ease 0.6s; left:-30%; -webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.20); -moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.20); box-shadow:0px 0px 30px 0px rgba(0,0,0,0.20)} .main-navigation li.tour-sub-menu ul{min-width:26rem;} .main-navigation li:hover ul{overflow: visible;height: auto;opacity: 1; left: -50%; transition: opacity 0.6s ease 0s, left 0.6s ease 0s, top 0.6s ease 0s;z-index: 999;} .main-navigation li ul>li{ margin-left: 0; margin-right: 0; font-size: 13px; font-size: 1.3rem; display: block; border-bottom: 0px solid rgba(255,255,255,0.5)} .main-navigation li ul>li:last-child{ border-bottom: none;} .main-navigation li ul>li>a { background-image: url(../png/nav-left-arrow.png); background-repeat: no-repeat; background-position: left center; line-height: 18px; line-height: 1.8rem; color: #004e74; font-size: 13px; font-size: 1.3rem; padding-bottom: 0; font-weight: 600; padding:5px 15px; display: block; } .main-navigation li:hover ul li a {color:#004e74;} .main-navigation li:hover ul li:hover a {color:#004e74; background-color: #ffffff;} .main-navigation li:hover ul li ul {overflow: hidden; opacity: 0; height: 0; left: -14px;} .main-navigation li:hover ul li:hover ul {right:auto; overflow: visible; height: auto; opacity: 1; left:-14px; top: 100%;box-shadow: none;} .main-navigation li:hover ul li:hover ul li a {background-color: #ebebeb; border-bottom: 1px solid #d4d4d4; color:#004e74; font-size: 14px; font-weight: 600; padding-left: 45px;} .main-navigation li:hover ul li:hover ul li:hover a {background-color: #ebebeb; color: #004e74} .main-navigation li:hover ul li.current-menu-item a{background-color: #FFF; color: #ff9600} /* New Menu css */ .main-navigation li > ul {margin-top: 10px;} .main-navigation li > ul:before { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main-navigation li > ul:after { content: ""; background-color: transparent; position: absolute; top: -10px; left: 0px; right: 0px; height: 10px; } .main-navigation li > ul ul {margin-top: 0px; position: relative;} .main-navigation li > ul ul:before, .main-navigation li > ul ul:after {display: none;} .main-navigation ul > li ul {border-bottom: 6px solid #ff9600; padding: 34px 0px 26px 14px;} .main-navigation ul > li ul ul {border-bottom: 0px; padding: 0px;} .main-navigation li:hover ul li.menu-item-has-children:hover a { background-image: url(../png/nav-down-arrow.png); background-repeat: no-repeat; background-position: left center; } .main-navigation li:hover ul li.menu-item-has-children:hover ul a { background-image: url(../png/nav-left-arrow.png); background-repeat: no-repeat; background-position: 30px center; } .main-navigation li.menu-item-23:hover ul li.menu-item-has-children:hover ul a { background-image: url(../png/nav-location-icon.png); } /* End */ .mobile-main-menu{ display: none; } .search-button{ /*background-image: url(../images/Search.svg);*/ background-image: url(../png/search.png); background-repeat: no-repeat; background-position: left center; padding-left:25px;display: inline-block; } .your-booking{background-image: url(../png/your-booking.png); background-repeat: no-repeat; background-position: left center; display: inline-block; } .your-booking a { padding-left:25px; } .hed-search-section{ display: inline-block; vertical-align: middle; position: relative;top: -15px; } .hed-search-form{ display: none; position: absolute; top:56px; left:-448px;width:444px; background-color: #FFF;border-bottom: 6px solid #f48d20; padding: 15px; z-index: 3; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.46); } .hed-search-form:before{content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; position: absolute; top: -10px; left:50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hed-search-form #ajaxsearchlite1 .probox, div.asl_w .probox,.hed-search-form div.asl_m .probox .proinput input,.hed-search-form div.asl_w .probox .promagnifier{height: 40px;} .hed-search-form div.asl_m .probox .proinput{ margin: 0; padding: 0 } div#mob-navigation {display: none;} /*-------------------------------------------------------------- 1. >>> Home Page ----------------------------------------------------------------*/ .home-banner-slider-wrapper,.inner-page-banner{ position: relative; } .home-banner-slider-wrapper:after,.inner-page-banner:after,.tours-excursions-banner:after{ content: ""; background-image: url(../svg/banner-bg.svg); background-repeat: no-repeat; width: 100%; position: absolute; bottom: 0; height: auto;padding-top: 9%; left: 0; right: 0;background-size: 100%; } .home-banner-slider-wrapper:after {background-image: url(../svg/half-round.svg);} /* .home-banner-slider-wrapper:before,.about-page-banner .inner-page-banner:before,body.privacy-policy .inner-page-banner:before{ content: ""; background-image: url(../images/banner-shap-1.png); background-repeat: no-repeat; position: absolute; bottom:-47px; left: 0; width: 306px; height: 543px; z-index: 1 } */ .home-banner-slider-wrapper:before{ content: ""; background-image: url(../png/banner-shap-1.png); background-repeat: no-repeat; position: absolute; bottom:-47px; left: 0; width: 306px; height: 543px; z-index: 1 } .home-banner-slider-wrapper:before {background-image: url(../png/home-banner-flower.png); width: 222px; height: 383px; left: 20px;} .bannertitle_section{ position: absolute; left: 0; right: 0; width: 100%; top: 30%; transform: translateY(-50%); text-align: center;z-index: 2 } .bannertitle_section h1{ margin: 0; font-size: 5.4rem; font-weight: 700; color: #FFF;text-transform: capitalize; } .inner-page-banner:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);z-index: 1 } .inner-page-banner:after{background-image: url(../svg/half-round.svg); z-index: 2 } .breadcrumbs{ position: relative; z-index: 1; font-size: 14px; color: #313b3f; padding-top: 20px;font-weight: 500; } .breadcrumbs span{ padding:0 10px } .breadcrumbs span:first-child{ padding-left: 0 } .breadcrumbs a{color: #313b3f} .breadcrumbs a span{ padding: 0 } .breadcrumbs span.current-item{ color: #f48d20 } .breadcrumbs span{ color: #ff9600; } .breadcrumbs a span{color: #313b3f} .breadcrumbs a:hover span{color: #ce499b} /*-------------------------------------------------------------- 1. >>> Banner ----------------------------------------------------------------*/ .banner-slider-loop,.tours-excursions-banner { position: relative; } .banner-slider-loop figure img,.tours-excursions-banner figure img{ width: 100%; } .banner-slider-content { position: absolute; left:0; right:0; margin:0 auto; text-align:left; width: 100%; max-width: 1200px; color: #FFF; padding-top: 87px;z-index:2;} .banner-slider-content p {font-size: 54px; font-size: 5.4rem; line-height: 56px; line-height: 5.6rem; font-weight: 700; padding-bottom: 18px; text-transform: capitalize;} .banner-slider-content p br { display: none; } .home-banner-slider-wrapper .banner-slider-content p br {display: block;} .banner-slider-content p span {display: block; letter-spacing: 3px; padding-bottom: 5px;} .banner-slider-content p a {background-color: #ff9600; color: #FFFFFF; display: inline-block; font-size: 16px; font-size: 1.6rem; line-height: 45px; height: 45px; font-weight: 700; padding: 0 78px; text-transform: none;} .banner-slider-content p a:hover, .banner-slider-content p a:focus { background-color: #ce499b; color: #FFFFFF;} /*-------------------------------------------------------------- 1. >>> Home Top Section ----------------------------------------------------------------*/ .home-top-section {padding-top: 80px;} .home-top-section .container {position: relative;} .home-top-section section {text-align: center; padding-bottom: 68px;} .about-top-content h1, .tours-excursions-top-content h1, .single-tribe_events .tribe-events-single-event-title {color: #ce499b; font-size: 60px; font-size: 6.0rem; font-weight:600; display: inline-block; padding-bottom: 0; width: 100%; } .top-content-heading h2 {color: #ce499b; font-size: 60px; font-size: 6.0rem; font-weight:600; display: inline-block; padding-bottom: 0; width: 100%;} .home-top-section section h1 strong,.home-experience-content section h2 strong,.home-tour-content-section h2 strong,.about-top-content h1 strong,.tours-excursions-top-content h1 strong{ font-weight: 600; color: #ce499b } .home-top-section section h1 {color: #ce499b; font-size: 60px; font-size: 6rem; font-weight: 500; text-transform: none; padding-bottom: 0px; margin-bottom: 17px; margin-top: 0px;} .home-top-section section p,.home-experience-content section p,.about-top-content p,.tours-excursions-top-content p,.top-content-heading p{ font-size: 20px; font-size: 2rem; line-height: 28px; color: #004e74; padding-top: 11px; font-weight: 500; margin: 0 auto; } .about-top-content p strong{ font-weight: 600 } .home-top-section section p {max-width: 100%; width:100%; margin: 0px auto;} /* .home-top-section figure { position: absolute; right:-104px; top:-180px } */ .home-banner-slider-wrapper figure.sticker { position: absolute; right:0px; bottom:0px; z-index: 9;} /*-------------------------------------------------------------- 1. >>> Home GET TO KNOW GRAND CAYMAN ----------------------------------------------------------------*/ .home-blcok-row {margin-right: -4px; margin-left: -4px;} .home-blcok-col {padding-right: 4px; padding-left: 4px;} a.home-blcok-wrap {display: block; color: #ffffff; position: relative; text-align: center; margin-bottom: 8px;} a.home-blcok-wrap:hover h2 {color: #f48d20 } .home-blcok-section section:before { content: ""; background-position: 0 bottom; background-repeat: repeat-x; background-image: url(../png/hom-box-grdent-nh.png); width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; opacity: 0.8; } .home-blcok-section section h2 {position: absolute; margin: 0; bottom: 30px; width: 100%; left: 0; right: 0; font-size: 25px; font-size: 2.5rem; text-transform: none; font-weight: 600;} .home-blcok-section section figure{ overflow: hidden; } /* .home-blcok-section section a:hover h2{ color: #f48d20 } */ /*-------------------------------------------------------------- 1. >>> Home EXPERIENCE SPOTLIGHT ----------------------------------------------------------------*/ .home-experience-content section{ text-align: center; } .home-experience-wrapper {/*margin-top: 75px;*/ margin-bottom: 75px; padding-top:100px} .home-experience-content section h2 {color: #ce499b; text-transform: none; font-size: 60px; font-size: 6rem; font-weight: 500; margin-top: 0px; padding-bottom: 0px; margin-bottom: 20px;} .home-experience-images .row {margin-right: -20px; margin-left: -20px;} .home-experience-loop {padding-left: 20px; padding-right: 20px;} .home-experience-loop a{ display: block; } .home-experience-loop figure{ overflow: hidden; height: 355px;margin-left: 0 } .home-experience-loop figure img{ width: 100%; height: 100%; max-width: 100%; object-fit: cover; } .home-experience-images{margin-top: 70px } /*.home-experience-loop section {height: 55px; line-height: 55px; text-align: center; display: inline-block; color: #FFF; font-size: 20px; font-size: 2rem; background-color: #107986; font-weight: 700; text-transform: capitalize; padding: 0px 8px 0px 28px; position: absolute; right: 4px; bottom: 25px; } .home-experience-loop section:after { content: ""; background-image: url(../images/dark_sky_bg-shadow.png); display: inline-block; position: absolute; right: -28px; top: 0px; width: 28px; height: 68px; }*/ /*.home-experience-loop:first-child section {left: 4px; right: auto;} .home-experience-loop:first-child section:after {background-image: url(../images/dark_sky_bg-shadow-left.png); right: auto; left: -28px;} .home-experience-loop:nth-child(3n+3) section {left: 4px; right: auto;} .home-experience-loop:nth-child(3n+3) section:after {background-image: url(../images/dark_sky_bg-shadow-left.png); right: auto; left: -28px;}*/ .home-experience-loop-inner{ margin: 0; } .home-experience-loop a{ padding:0; display:block; overflow: hidden; } .home-experience-loop section {height: 55px; line-height: 55px; text-align: center; display: inline-block; color: #FFF; font-size: 20px; font-size: 2rem; background-color: #107986; font-weight: 700; text-transform: capitalize; padding: 0px 8px 0px 28px; position: absolute; left:34px; bottom: 25px; } .home-experience-loop section:after { content: ""; background-image: url(../png/dark_sky_bg-shadow-left.png); display: inline-block; position: absolute; left:-28px; top: 0px; width: 28px; height: 68px; } .home-experience-images-slider button{ position: absolute; background-color: rgba(255,255,255,0.7); border: none; outline: none; cursor: pointer; font-size: 0; width: 50px; height: 50px; z-index: 1; top: 40%; padding: 0; background-repeat: no-repeat; background-position: center center } .home-experience-images-slider button.slick-disabled { opacity: 0.5; } .home-experience-images-slider button:not(.toggle){background-color: rgba(255,255,255,0.7);} .home-experience-images-slider button.slick-prev, .home-experience-images-slider button.slick-prev{ left: -60px; background-image: url(../svg/left-arrow.svg); } .home-experience-images-slider button.slick-next, .home-experience-images-slider button.slick-next{ right: -60px; background-image: url(../svg/right-arrow.svg); } .home-experience-images-slider button.slick-prev { left: 39px; border-radius: 50%; background-size: 18px; } .home-experience-images-slider button.slick-next { right: 5px; border-radius: 50%; background-size: 18px; } /* .home-experience-loop:nth-child(1){ margin-top: 41px } */ .home-experience-button{ /*text-align: left;*/ text-align: center; padding-top: 30px; margin-left: 0; /*margin-left: 15px;*/} .home-experience-button a { color: #ff9600; font-size: 20px; font-size: 2rem; font-weight: 700; background-repeat: no-repeat; background-position: right center; background-image: url(../png/arrow-icon.png); padding-right: 42px; } .home-experience-button a:hover {color: #ce499b; background-image: url(../png/arrow-icon-hover.png);} .exp_heading{ color:#ce499b; font-weight:700; font-size:21px;line-height: 30px; margin-bottom: 19px; margin-top:0 } .exp_short_content{ font-size:14px; font-weight:500; color:#004e74;line-height:26px } .home-experience-loop-inner-section{ background-color:#FFF;box-shadow:3px 0px 9px 9px rgb(0 0 0 / 5%); padding:30px;min-height: 251px; } /*-------------------------------------------------------------- 1. >>> Home DIVE GRAND CAYMAN ----------------------------------------------------------------*/ .dive-grand-wrapper{ position: relative; margin-top: 80px; overflow: hidden; } .dive-grand-wrapper:before {display: none; content: "";background-image: url(../svg/grand-cayman-bg.svg); position: absolute; top:-46px; width: 100%; left: 0; right: 0; background-size: 100%; height: auto; z-index: 1; background-repeat: no-repeat; background-position: center 0 ;padding-top: 12%;} .dive-grand-wrapper figure img{ width: 100%} .dive-grand-content{ position: absolute; top: 80px; left: 0; right: 0; color: #FFF;} .dive-grand-content section{ width: 100%; max-width: 750px; } .dive-grand-content section h2 {text-transform: capitalize; font-size: 60px; font-size: 6rem; line-height: 60px; font-weight: 600; margin-bottom: 18px;} .dive-grand-content section p {font-weight: 400;/* font-size: 35px; font-size: 3.5rem; line-height: 45px;*/ font-size: 30px; font-size: 3rem; line-height: 35px; margin: 0} .home-top-section section p a, .dive-grand-content section p a { background-image: url(../png/arrow-icon-white.png); background-repeat: no-repeat; background-position: right 22px center; font-size: 20px; font-size: 2rem; line-height: 45px; height: 45px; color: #FFF; background-color: #ff9600; font-weight: 500; padding: 0 68px 0 25px; margin-top: 46px; letter-spacing: 0px; } .home-top-section section p a:hover, .dive-grand-content section p a:hover,.button-link a:hover{background-color: #ce499b; color: #FFF} /*-------------------------------------------------------------- 1. >>> Home Tour List Wrapper ----------------------------------------------------------------*/ .home-tour-listng-wrapper{ padding-bottom: 72px } .select-tour-wrapper { padding-bottom: 70px;} .home-tour-listng-wrapper .select-tour-wrapper {background-color: #f1f1f1;} .home-tour-content-section{ padding-top: 41px; padding-bottom: 56px } .home-tour-content-section h2{ background-image: none; padding-bottom: 0 } .home-tour-content-section p{ padding-top: 8px } /*.home-tour-listng-wrapper .button-link {display: none;}*/ .button-link{ text-align: center; padding-top:69px } .button-link a{ display: inline-block; font-size: 20px; font-size: 2rem; line-height:46px; color: #FFF; background-color: #ff9600; font-weight: 700; padding-left: 25px; padding-right: 67px; background-image: url(../png/arrow-icon-white.png); background-repeat: no-repeat; background-position: 160px center; } /*-------------------------------------------------------------- 1. >>> Home Tour List ----------------------------------------------------------------*/ .tour-list{ border: 1px solid #c8cbcc } .tour-list figure a{ display:block; } .tour-list img{ width: 100% } .tour-list section{ padding: 16px;padding-top: 16px; } .tour-list section h2{ font-size: 18px; font-size: 1.8rem; line-height: 23px; font-weight: 600; color: #ce499b; margin-top: 0; } .tour-list section h2 a{color: #ce499b; height: 44px; width:100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .tour-list section h2 a:hover{color: #f48d20} .tour-list section p{ font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; color: #004e74 } .tour-list .tour-price{ text-align: right; color: #ce499b; display: inline-block; font-size: 17px;line-height: 17px; text-transform: uppercase; float: left; font-weight:700 } .tour-list .tour-price span{ font-weight:700;font-family: 'Roboto', sans-serif; } .tour_review_price div.wpcr3_review_item div.wpcr3_item_name,.tour_review_price .wpcr3_aggregateRating_overallText,.tour_review_price .wpcr3_aggregateRating_reviewCount,.tour_review_price .wpcr3_review,.tour_review_price div.wpcr3_dotline, .tour_review_price div.wpcr3_review div.wpcr3_dotline{ display: none !important; } .tour_review_price div.wpcr3_aggregateRating{ margin: 0 } .tour_review_price{ overflow: hidden; padding-top: 13px; display:flex; align-items:center;justify-content: space-between; width:100% } .review-section{ float: left; } .home-tour-listng-wrapper .tour-list{ background-color:#FFF;border: none; } .home-tour-listng-wrapper .tour-list section h2{ min-height:59px } .tour_review_price_top_sec{ padding-top:0; padding-bottom:10px } .booknow-button-sec{ float:right; } .booknow-button{ display:inline-block; text-transform:uppercase; color:#FFF; background-color:#ce499b;font-weight: 700; padding:7px 12px } .booknow-button:hover{ background-color: #ff9600; color:#FFF } /*-------------------------------------------------------------- 1. >>> Home Event Section ----------------------------------------------------------------*/ .home-event-section{ background-image: url(../jpg/event-bg.jpg); background-repeat: no-repeat; background-position: 0 0;color: #FFF; background-size: cover; padding-bottom: 90px; padding-top: 53px } .home-event-section .widget-title { font-size: 50px; font-size: 5rem; font-weight: 400 } .home-event-section .widget-title strong{ font-weight: 400 } .home-event-section .tribe-events-list-widget .tribe-list-widget{ margin: 0; padding: 0; padding-top: 37px; padding-bottom: 43px } .home-event-section .tribe-events-list-widget .tribe-events-list-widget-events{ list-style: none; padding: 0; margin: 0; margin-bottom: 30px } .home-event-section .tribe-events-list-widget .tribe-event-title{ font-size:24px; font-size:2.4rem; line-height: 26px; color: #FFF; font-weight: 700; display: inline-block; vertical-align: middle; } .home-event-section .tribe-events-list-widget .tribe-event-title a{ color: #FFF } .home-event-section .tribe-events-list-widget .tribe-event-title a:hover{ color: #f48d20 } .home-event-section .tribe-event-duration { display: inline-block; vertical-align: middle;font-size:24px; font-size:2.4rem; font-weight: 700; line-height:26px; line-height:26px; color: #ff9600; padding-left: 11px } .home-event-section .tribe-event-duration:before{ content: "-"; display: inline-block; vertical-align: middle;font-size: 30px; font-size: 3rem; } .home-event-section .tribe-events-list-widget .tribe-events-widget-link {display: inline-block; margin: 0} .home-event-section .tribe-events-list-widget .tribe-events-widget-link a { color: #ff9600; font-size: 20px; font-size: 2rem; font-weight: 700; background-repeat: no-repeat; background-position: right center; background-image: url(../png/arrow-icon.png); padding-right: 42px; } .home-event-section .tribe-events-list-widget .tribe-events-widget-link a:hover, .home-event-section .tribe-events-list-widget .tribe-events-widget-link a:focus {color: #ffffff; background-image: url(../png/arrow-icon-white.png);} /*-------------------------------------------------------------- 1. >>> Home Instgram ----------------------------------------------------------------*/ .home-instgram-section{ text-align: center; margin-top: 68px; margin-bottom: 0;} .home-tour-listng-wrapper + .home-instgram-section { margin-top: 0px; } .home-instgram-section .widget-title{ font-weight: 600; font-size: 30px; font-size: 3rem; line-height:33px; color: #e449a5; padding-bottom: 13px } .home-instgram-section .textwidget{ padding: 0; margin: 0 } .home-instgram-section .textwidget { color: #0a5f86; font-weight: 600; font-size: 18px; font-size: 1.8rem; padding-bottom: 4px } .home-instgram-section .textwidget a{color: #0a5f86;} .home-instgram-section .textwidget a:hover{color: #0a5f86; text-decoration: underline;} .home-instgram-section img{ display: inline-block; } /*-------------------------------------------------------------- 1. >>> Home Popup ----------------------------------------------------------------*/ .home_pop { padding:40px; text-align: center; } .home_pop h2 { font-weight: 600; font-size: 28px; line-height: 33px; color: #004E74; margin-bottom: 68px; margin-top: 0; } .home_pop h2 span { color: #CE499B; } .home_pop .mailchimp_check { display: none; } .home_pop .wpcf7-response-output { margin: 0; } /*-------------------------------------------------------------- 1. >>> Explore Cayman Page ----------------------------------------------------------------*/ .explore-cayman-page-banner{ position: relative; } .explore-cayman-page-banner:before {content: ""; background-image: url(../png/home-banner-flower.png);width: 222px;height: 383px;left: 20px;background-repeat: no-repeat;position: absolute;bottom: -47px;z-index: 3;} @media (min-width: 1200px) and (max-width:1440px) { .explore-cayman-page-banner:before{bottom: 20px;} } .top-content-heading{ text-align: center; padding-bottom:78px; padding-top: 30px } .about-testimonials-wrapper{ background-image: url(../jpg/about-testimonials.jpg); background-repeat: no-repeat; background-position: 0 0; background-size:cover; height:509px; color: #FFF; position: relative; } .about-testimonials-wrapper .about-testimonials-loop{ width: 100%; margin: 0 auto; text-align: center; display: table;height:509px; overflow: hidden; outline: none; } .about-testimonials-wrapper .about-testimonials-loop article{ display: table-cell; vertical-align: middle; } .about-testimonials-wrapper .about-testimonials-loop p { font-size: 28px; line-height: 48px; font-weight: 500; margin: 0px; /* background-image: url(../images/article-top-quot.svg); */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAgCAMAAADZqYNOAAAA2FBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8lb+eLAAAAR3RSTlMAAQMEBwgJCg8UHCIlJiowODs+P0BJTE5QWFpeYGJnbG5wd3h7gIGCh4yNlZqgpKmrrLC0tba4usPH0NHS1Nfe4Obt8fj6/kokgrYAAADNSURBVHja7Y1FEsJQEAWDuwSX4C4fd7fk3/9GZB4hmSOw4K26uqdqFJrWMZdT2HJkNKDrIc21eN2TEcC4pBVY9OtkmuAqaozVNEwePCHUPay2UaPgG+GZv93g3k0YxuGcRfeTzAlcRO2xmoCZgUfgEqs1mC74CE6wOoUpEgYNQiPA6t25zwKvLEZgDB9xH7xitczud+Ahq2OYJaH3Ba6weoEZEKoSU50Yks597cMzIepWTUlsK0RPaRBhC6tmbHP415+oldt3Y6smbbN+A0j3i++9zcxdAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position:center 0 ; padding-top: 56px; padding-bottom: 57px; position: relative; } .about-testimonials-wrapper .slick-dots{ position: absolute; bottom: 80px; text-align: center; width: 100% } .about-testimonials-wrapper .slick-dots li{ display: inline-block; vertical-align: middle; border:2px solid #FFF; width:14px; height: 14px; border-radius: 100%; margin: 0 5px; outline: none; } .about-testimonials-wrapper .slick-dots li.slick-active{ background-color: #FFFF } .about-testimonials-wrapper .slick-dots li button{ display: none; } /*-------------------------------------------------------------- 1. >>> TOURS & EXCURSIONS Page Style ----------------------------------------------------------------*/ .tours-excursions-banner .inner-page-banner:before{ display: none; } .tours-excursions-top-content{ text-align: center; padding-top: 30px; padding-bottom: 73px } .tour-cat-touslist {margin-bottom: 30px;} .tax-tourcat .tours-cat-wrappr {margin-bottom: 60px;} .tour_category h2 {color: #116184; font-size: 24px; font-size: 2.4rem; font-weight: 600; margin: 0; padding-bottom:32px;padding-top: 2px } .tour_category ul {list-style: none; padding: 0; margin: 0 } .tour_category ul li {font-size: 20px; font-size: 2rem; line-height: 26px; line-height: 2.6rem; font-weight: 500; color: #313b3f; margin-bottom: 9px;/*padding-left: 27px;*/ padding-left: 0px; position:relative;} .tour_category ul li:last-child {margin-bottom: 45px;} .tour_category ul li a {color: #313b3f} .tour_category ul li a:hover, .tour_category ul li.current-cat a {color: #f48d20} .tour_category ul li.current-cat ul li a, .tour_category ul li.current-cat-ancestor ul li a {color: #313b3f} .tour_category ul li.current-cat ul li a:hover, .tour_category ul li.current-cat-ancestor ul li a:hover {color: #f48d20} .tour_category ul li.current-cat-ancestor ul li.current-cat a{color: #f48d20} .tour_category ul li ul li { padding-left: 43px; } .tour_category ul li ul li:last-child { margin-bottom: 0; } .tour_category ul li span + a {padding-left: 27px;} .tour_category ul li ul{ margin-top: 9px; margin-left:0; display: none; } .tour_category ul li.current-cat-ancestor ul{ display: block; } .tour_category ul li span.has.plus{ background-image: url(../svg/plusicon.svg); background-repeat: no-repeat; background-position: 0 center; display: inline-block; width: 10px; height: 18px; cursor: pointer; position: absolute; left: 0 ; top: 4px;} .tour_category ul li span.has{ background-image: url(../svg/open-icon.svg);background-repeat: no-repeat; background-position: 0 center; display: inline-block; width: 9px; height: 18px; cursor: pointer;position: absolute; left: 0; top: 4px;} .tour-cat-name-hed{ padding-bottom: 31px } .tour-cat-name-hed h2,.tour-cat-name-hed h1{ font-weight: 600; font-size: 30px; font-size: 3rem; color: #313b3f; margin: 0 } .tour-cat-button{ text-align: right; padding-top: 7px } .no-tour{ font-size: 30px; font-size: 3rem; font-weight: 600; color: #f48d20 } /*-------------------------------------------------------------- 1. >>> TOURS Testimonials Page Style ----------------------------------------------------------------*/ .tours-excursions-page-wrapper{ padding-bottom: 70px; } .tour-testimonial-wrapper{ padding-top: 20px } .tour-testimonial-loop{ padding: 0; outline: none; border: none;} .tour-testimonial-loop:focus{ outline: none; } .tour-testimonial-loop article{ padding-top: 63px; background-image:url(../png/testimonial-qut.png); background-repeat: no-repeat; background-position: center 0; } .tour-testimonial-loop article p{ margin: 0; font-size: 20px; line-height: 30px; color: #116184; font-size: 2rem; } .tour-testimonial-wrapper button{ background-repeat: no-repeat; background-position: 0 0; width: 33px; height: 41px; border: none; outline: none; cursor: pointer; font-size: 0; background-color: transparent; padding: 0; position: absolute; top: 50%; z-index: 1; outline: none; } .tour-testimonial-wrapper button:not(.toggle){background-color: transparent; } /*.tour-testimonial-wrapper button.slick-prev{background-image: url(../images/testimonial-priv-arrow.svg); left: 0} .tour-testimonial-wrapper button.slick-next{ background-image: url(../images/testimonial-next-arrow.svg); right: 0 }*/ .tour-testimonial-wrapper .slick-dots{ text-align: center; list-style: none; padding: 0; margin: 0 } .tour-testimonial-wrapper .slick-dots li button{ display: none; } .tour-testimonial-wrapper .slick-dots li{ display: inline-block; vertical-align: middle; border-radius: 100%; width: 14px; height: 14px; border: 2px solid #ff9600; background-color: #FFF; margin: 0 5px; } .tour-testimonial-wrapper .slick-dots li.slick-active{ background-color:#ff9600 ; border-color: #ff9600 } /*-------------------------------------------------------------- 1. >>> TOURS Category Page Style ----------------------------------------------------------------*/ .tours-cat-page-wrapper{ padding-top:40px } .tour-list-cat { margin-bottom: 40px } .tour-list-cat .tou-title{ float: left; } .tour-list-cat .tour-price-hous{ float: right; } .tour-list-cat h2{ color: #313b3f; font-size: 24px; font-size: 2.4rem; font-weight: 600; margin: 0; } .tour-list-cat h2 a{color: #313b3f;} .tour-list-cat .tour-price,.hous-section-tour{ font-size: 16px; line-height: 20px; color: #293e47; text-align: right;font-weight: 500; } .hous-section-tour{ display: block;clear: both; } .tour-list-cat .tour-price span{ font-weight: 600;font-family: 'Roboto', sans-serif; } .tour-list-cat .review-section{ float: none; width: 100% } .tour-list-cat .review-section div.wpcr3_review_item div.wpcr3_item_name,.tour-list-cat .review-section .wpcr3_aggregateRating_overallText,.tour-list-cat .review-section .wpcr3_aggregateRating_reviewCount,.tour-list-cat .wpcr3_review,.tour-list-cat div.wpcr3_dotline, .tour-list-cat div.wpcr3_review div.wpcr3_dotline{ display: none !important; } .tour-list-cat .review-section div.wpcr3_aggregateRating{ margin-bottom: 0 } .tour-list-cat .tour-shot-content{ padding:20px 0 } .tour-list-cat .tour-shot-content p,.taxonomy-description p{ margin: 0; font-size: 16px; font-size: 1.6rem; line-height: 20px; color: #00689b;font-weight: 500; } .booknowbutton.page-link{ margin-top: 0 } /*.booknowbutton{ display: inline-block; line-height:30px; background-color: #ce499b; color: #FFF; text-transform: uppercase; font-weight: 500; padding: 0 30px; font-size: 14px; } .booknowbutton:hover{ background-color: #f48d20; color: #FFF }*/ .taxonomy-description{ padding-top: 15px; } /*-------------------------------------------------------------- 1. >>> GETTING TO GRAND CAYMAN Page Style ----------------------------------------------------------------*/ .logos-list{ list-style: none; padding: 0; margin: 0; padding-top: 20px } .logos-list li{ display: inline-block; vertical-align: middle; margin-right: 5px } .page-link{color: #ff9600; font-size: 20px; font-size: 2rem; margin: 0; display: inline-block; font-weight: 700; margin-top: 23px; background-repeat: no-repeat; background-position: right center; background-image: url(../png/arrow-icon.png);padding-right: 42px; } .page-link:hover{ color: #ce499b; background-image: url(../png/arrow-icon-hover.png); } .getting-here-testimonials.about-testimonials-wrapper{ background-image: none; height: auto; margin-top: 45px } .getting-here-testimonials.about-testimonials-wrapper .about-testimonials-loop article,.getting-here-testimonials.about-testimonials-wrapper .about-testimonials-loop{ display: block; height: auto; } .getting-here-testimonials.about-testimonials-wrapper .about-testimonials-loop article{ padding-top:81px; padding-bottom:57px; background-image: url(../png/testimonial-qut.png); background-repeat: no-repeat; background-position:center 0 } .getting-here-testimonials.about-testimonials-wrapper .about-testimonials-loop p:after{ content: none; } .getting-here-testimonials.about-testimonials-wrapper .about-testimonials-loop p{ color: #116184; font-size:30px; font-size: 3rem; line-height:35px; padding: 0 } .getting-here-testimonials.about-testimonials-wrapper .slick-dots{ bottom: 0 } .getting-here-testimonials.about-testimonials-wrapper .slick-dots li{ border-color: #83858c } .getting-here-testimonials.about-testimonials-wrapper .slick-dots li.slick-active{ background-color:#f98d1b; border-color: #f98d1b } .fullimage-wrapper:before, .fullimage-wrapper:after{ content: none; } .half-image-content-loop{ margin-bottom: 76px } .half-image-content-loop figure{ width: 100%; /*height: 369px; */overflow: hidden; } .half-image-content-loop figure img { width: 100% } /* .half-image-content-section{ display: table; width: 100% } .half-image-content-section .half-content,.half-image-content-section .half-image{ display: table-cell; vertical-align: middle; width:50% } */ /* 20-04-2020 */ .half-image-content-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } .half-image-content-section .half-content, .half-image-content-section .half-image {width: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%;} .half-image-content-loop:nth-child(even) .half-image-content-section .half-image {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .half-image-content-loop:nth-child(odd) .half-image {margin-left: -2%;} .half-image-content-loop:nth-child(even) .half-image {margin-right: -2%;} /* .half-image-content-section {position: relative;} .half-image-content-section .half-content, .half-image-content-section .half-image {float: left; width: 50%;} .page-template-template-explore-cayman .half-image-content-section .half-content {margin-top: 35px;} .half-image-content-loop:nth-child(even) .half-image-content-section .half-image {float: right;} */ /* End 20-04-20 */ .half-image-content-section section h2{ margin: 0; color: #ce499b; /*font-size: 40px;*/ font-size: 36px; font-size: 3.6rem; /*line-height: 42px;*/ line-height: 38px; font-weight: 600; padding-bottom: 28px;} .half-image-content-section section h2 span.number{font-family: 'Roboto', sans-serif;font-weight: 500;} .half-image-content-section section p{ font-size: 20px; font-size: 2rem; line-height: 30px; color: #004e74; font-weight: 500; margin: 0 } .half-image-content-section section{padding-left: 104px;width: 100%;max-width: 586px;} .half-image-content-section section .page-link{ color: #ff9600; font-size: 20px; font-size: 2rem; margin: 0; display: inline-block; font-weight: 700; margin-top: 23px; background-repeat: no-repeat; background-position: right center; background-image: url(../png/arrow-icon.png);padding-right: 42px; } .half-image-content-section section .page-link:hover{ color: #ce499b; background-image: url(../png/arrow-icon-hover.png); } /* New Add(23-04-2020) */ .half-image-content-section .half-content ul {list-style: none; margin-top: 22px;} .half-image-content-section .half-content ul li {position: relative; font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #004e74; font-weight: 500; padding-left: 15px; margin-bottom: 10px;} .half-image-content-section .half-content ul li:last-child {margin-bottom: 0px;} .half-image-content-section .half-content ul li:before {content: ""; background-color: #004e74; border-radius: 50%; width: 6px; height: 6px; display: inline-block; position: absolute; left: 0; top: 10px;} /* End */ .half-image-content-loop:nth-child(even) figure{ padding-left: 13px } .half-image-content-loop:nth-child(odd) figure{ padding-right: 13px } .half-image-content-loop:nth-child(even) section{ padding-left: 0; float: right; padding-right: 25px } .logos{ display: inline-block; margin-top: 34px } .half-image-content-loop .yrm-inner-content-wrapper{font-size: 20px; font-size: 2rem; line-height: 30px; color: #004e74; font-weight: 500;} .half-image-content-loop .yrm-less-button-wrapper span,.half-image-content-loop .yrm-btn-wrapper span{ display: block; } .half-image-content-loop .yrm-btn-wrapper span{ display: inline-block; } .half-image-content-loop .yrm-toggle-expand{ border: none;text-align: left; } .half-image-content-loop .yrm-toggle-expand-1{ display: inline-block;color: #ff9600;font-size: 20px;font-size: 2rem;margin: 0;font-weight: 700;margin-top: 23px; text-transform: capitalize;} .half-image-content-loop .yrm-toggle-expand-1{ width: auto; height: auto; } .half-image-content-loop .yrm-text-wrapper-custom-dimensions{ position: static;transform:none; } .half-image-content-loop .yrm-btn-wrapper{ margin: 0; text-align: left; } .half-image-content-loop .yrm-toggle-expand-1{ background-repeat: no-repeat; background-position: right center;background-image: url(../png/arrow-icon.png);padding-right: 42px; } .half-image-content-loop .yrm-toggle-expand-1:hover{ color: #ce499b;background-image: url(../png/arrow-icon-hover.png); } .select-tour-content-section{ text-align: center; padding-top: 68px } .select-tour-content-section section{ width: 100%;/* max-width: 898px;*/ max-width: 100%; margin: 0 auto; display: block; padding-bottom: 54px } .select-tour-content-section h2{ color: #ce499b; font-weight: 500; font-size: 60px; font-size: 6rem; line-height: 62px; } .select-tour-content-section section > *:nth-child(2) { padding-top: 23px } .select-tour-content-section p{ color: #004e74; font-size: 20px; font-size: 2rem; line-height: 30px; font-weight: 500; } .fullimage-wrapper{ margin-bottom: 76px } .fullimage-wrapper img{ width: 100% } .page-template-template-getting-here .select-tour-content-section { padding-top: 0px } /*-------------------------------------------------------------- 1. >>> DINING + SHOPPING Page Style ----------------------------------------------------------------*/ .dine-shop-image-content-loop.about-image-content-loop{margin-bottom: 36px;} .dine-shop-image-content-loop.about-image-content-loop figure{ padding: 0; border: none; border-radius: 0;display: inline-block; } .dine-shop-page-wrapper .about-mid-fullimage-wrapper{ margin-bottom: 0; margin-top: 0 } .cayman-shopping-bot-section{ padding-top: 40px; text-align: center; padding-bottom: 82px } .cayman-shopping-bot-section h2{ font-size: 60px; font-size: 6rem; font-weight: 500; color: #ce499b; padding-bottom: 7px } .cayman-shopping-bot-section p{ font-size: 20px; line-height: 30px; color: #00689b; font-weight: 500; } .cayman-shopping-bot-section p img{ margin-top: 26px } /*-------------------------------------------------------------- 1. >>> Tour Details Page Style ----------------------------------------------------------------*/ #tour-details-content{ padding-bottom: 70px } .tourdet-title-review-location-wrapper h1{ font-size: 36px; font-weight: 600; font-size: 3.6rem; color: #313b3f } .tourdet-title-review-location-wrapper .wpcr3_aggregateRating_reviewCount,.tourdet-location{ font-size: 22px; font-size: 2.2rem; font-weight: 600; color: #6b6d70; display: inline-block; line-height: 23px } .tourdet-review,.tourdet-location{ float: left; } .tourdet-review{ padding-right: 27px } .tourdet-location{ border-left: 1px solid #414347; padding-left: 27px } .tourdet-review div.wpcr3_aggregateRating{ margin: 0 } .tourdet-title-review-location-wrapper div.wpcr3_dotline, .tourdet-title-review-location-wrapper div.wpcr3_review div.wpcr3_dotline,.tourdet-title-review-location-wrapper .wpcr3_review,.tourdet-title-review-location-wrapper .wpcr3_item_name,.tourdet-title-review-location-wrapper .wpcr3_aggregateRating_overallText,.tour-det-main-content .wpcr3_respond_1,.tour-det-review-wrapper div.wpcr3_aggregateRating,.tour-det-review-wrapper .wpcr3_item_name,.tour-det-review-wrapper div.wpcr3_dotline{ display: none !important; } .tourdet-image-book-wrapper{ padding-top: 21px;} .tourdet-banner-main{ list-style: none; padding: 0; margin: 0; } .tourdet-banner-main .tourdet_banner_slider_loop{ display: none; } .tourdet-banner-main .tourdet_banner_slider_loop:first-child{ display: block; } .tourdet-banner-main .tourdet_banner_slider_loop.slick-slide{ display: block; } .tourdet-banner-wrapper ul{ list-style: none; padding: 0; margin: 0 } .tourdet-banner-wrapper ul.tourdet-banner-slider-nav{ margin: 0 -10px; margin-top: 16px;} .tourdet-banner-wrapper ul.tourdet-banner-slider-nav li{ padding: 0 10px; outline: none; float: left; width: 33.3333%;} .tourdet_banner_slider_loop img {width: 100%;} .tour-booking-section{ background-color: #FFF; overflow: hidden;} .tour-booking-section h2{ background-color: #1893a3; color: #FFF; margin: 0; padding:10px 20px; position: relative; } .tour-booking-section h2:after{ position: absolute; content: ""; left:20px; bottom:-16px; width: 0; height: 0;border-style: solid;border-width: 17px 8.5px 0 8.5px;border-color: #1893a3 transparent transparent transparent;} .booking__from{ margin-top: -140px;} .tour-content-wrapper{ padding: 45px 0} .tour-det-main-content h2{ margin: 0; font-size:36px; font-size: 3.6rem; font-weight: 600; color: #313b3f; padding-bottom: 17px } .tour-det-main-content p,.tour-det-main-content ul li{ font-size: 20px; font-size: 2rem; line-height: 30px; font-weight:500; color: #00689b } .tour-det-main-content ul{ margin-left: 19px; } .tour-det-main-content ul li{ margin-bottom:10px } .tour-info-list-loop { margin-bottom: 13px } .tour-info-list-loop .tour-info-name{ font-size: 18px; font-size: 1.8rem; line-height: 22px; color: #313b3f; padding-left: 20px;background-image: url(../svg/plusicon.svg); background-repeat: no-repeat; background-position: 0 5px; cursor: pointer; } .tour-info-list-loop .tour-info-name.state-active{background-image: url(../svg/open-icon.svg);background-position: 0 10px;} .tour-info-list-content{ display: none;padding-left: 34px; padding-top: 13px } .accordion_tour .tour-info-list-content ul li, .tour-info-list-loop p{ font-size: 14px; line-height: 18px;color: #00689b; font-weight: 500 } .accordion_tour .tour-info-list-content ul { padding-left: 20px; } .accordion_tour .tour-info-list-content ul li { margin-bottom: 15px; } .tour-info-list-loop .tour-info-name.accordion-header:before,.tour-info-list-loop .tour-info-name.accordion-header:after{ content: none;} .tour-info-list-loop .tour-info-name.accordion-header{ padding: 0; font-weight: 400;padding-left: 20px;} .tour-info-list-loop .tour-info-name.accordion-header:hover{background-image: url(../svg/plusicon.svg); background-repeat: no-repeat; background-position: 0 5px;} .tour-info-list-loop .tour-info-name.accordion-header.state-active { background-image: url(../svg/open-icon.svg); background-position: 0 10px; } .tour-det-review-wrapper h2,.tour-det-review-wrapper .wpcr3_leave_text{ font-size: 36px; font-size: 3.6rem; line-height: 38px; font-weight: 600; color: #313b3f } .tour-det-review-wrapper .wpcr3_button_1{ background: #ce499b !important; border: none; outline: none; padding: 0; border-radius: 0; text-transform: uppercase; color: #FFF; line-height: 50px; padding: 0 28px; font-weight: 500; font-size: 19px; letter-spacing: 1px } .tour-det-review-wrapper .wpcr3_button_1:hover{background: #f48d20 !important; color: #FFF} .tour-det-review-wrapper .wpcr3_respond_3 .wpcr3_button_1.wpcr3_show_btn {position: relative; font-size: 0px; margin-bottom: 0px; height: 50px;} .tour-det-review-wrapper .wpcr3_respond_3 .wpcr3_button_1.wpcr3_show_btn::before { content: "LEAVE A REVIEW"; font-size: 19px; display: inline-block; position: relative; width: 100%; line-height: 50px; } .tour-det-review-wrapper div.wpcr3_review blockquote.wpcr3_content{ color: #4d4f53; line-height: 20px; font-weight: 500;padding: 0;border: none; } .tour-det-review-wrapper div.wpcr3_review div.wpcr3_review_title{ font-weight: 600; font-size: 18px; font-size: 1.8rem; line-height: 21px; color: #4d4f53; padding: 6px 0 } .tour-det-review-wrapper div.wpcr3_review div.wpcr3_review_title{ display: inline-block !important; } .tour-det-review-wrapper div.wpcr3_review div.wpcr3_review_datePublished{ padding-left: 5px } .tour-det-review-wrapper .wpcr3_review_form_review_field_label{ display: block; padding-top: 12px } .tour-det-review-wrapper .wpcr3_table_2 td{ font-size: 14px; } .tour-det-review-wrapper .wpcr3_respond_2 input[type="text"],.tour-det-review-wrapper .wpcr3_respond_2 textarea{ border: 1px solid #76787a; height:35px; padding: 0 10px;width: 100%;margin-bottom: 10px } .tour-det-review-wrapper .wpcr3_check_confirm{ margin-bottom: 10px; display: block; } .tour-det-review-wrapper div.wpcr3_review div.wpcr3_review_datePublished,.tour-det-review-wrapper div.wpcr3_review div.wpcr3_review_author{ font-size: 12px; font-size: 1.2rem; font-weight: 500; } .tour-cat-related-wrapper{ padding-top: 31px } .tour-cat-related-wrapper .related-cat{ color: #313b3f; font-size: 36px; font-size: 3.6rem; font-weight: 600; padding-bottom: 9px } .tour-cat-related-wrapper .related-cat-name{ font-size: 30px; font-size: 3rem; font-weight: 600; color: #313b3f; padding-bottom: 30px } .tour-det-review-wrapper .wpcr3_leave_text{ padding-bottom:40px } /*-------------------------------------------------------------- 1. >>> Event Page Style ----------------------------------------------------------------*/ .event_calendar_wrapper .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{ padding: 0 } .event_calendar_wrapper .tribe-common .tribe-common-h4{ color: #004ea6;font-family: 'Raleway'; } .event_calendar_wrapper .tribe-common a, .event_calendar_wrapper .tribe-common a:active, .event_calendar_wrapper .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited{ color: #e532a0;font-family: 'Raleway'; } .event_calendar_wrapper .tribe-events .tribe-events-calendar-month__calendar-event-datetime{ font-size: 16px; color: #00689b;font-family: 'Raleway', sans-serif; } .event_calendar_wrapper .tribe-events .tribe-events-calendar-month__calendar-event-title a{color: #00689b;font-size: 16px;font-family: 'Raleway', sans-serif;} .event_calendar_wrapper .tribe-common .tribe-common-c-btn{ background-color: #ff9600; font-family: 'Raleway', sans-serif;color: #FFF;border-radius: 0; height: 41px; font-size: 20px; font-weight: 700; line-height: 41px; padding-top: 0; padding-bottom: 0; } .event_calendar_wrapper .tribe-common .tribe-common-c-btn:hover{ background-color: #d1489c; color: #FFFF } .event_calendar_wrapper button:not(.toggle){ background-color: transparent; color: #81828a; } .event_calendar_wrapper a.tribe-common-c-btn-border.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden{color: #81828a} .single-tribe_events .tribe-events-single-event-title{ text-align: center; font-size: 40px; } .tribe-events-schedule h2{color: #0b496c;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border{ border: none; } .tribe-events .tribe-events-c-search__input-control--keyword .tribe-events-c-search__input{-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 30px -10px rgba(0,0,0,0.3);box-shadow:0px 0px 30px -10px rgba(0,0,0,0.3);height: 41px;color: #81838a;} .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common .tribe-common-form-control-text__input{font-family: 'Raleway', sans-serif; font-size: 16px; font-weight:500; color: #81838a} .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__events-bar{ max-width: 900px; margin: 0 auto;padding-bottom:50px;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control{margin: 12px 30px;} /*-------------------------------------------------------------- 1. >>> CAYMAN DINING Page Style ----------------------------------------------------------------*/ #cayman-dining-main .about-top-content{ padding-bottom: 67px } .dining-heading{ text-align: center; padding-bottom: 78px } .dining-heading h2{ color: #ce499b; font-size:60px; font-size:6rem; line-height: 62px; font-weight:600; margin: 0 } .dining-listing-loop{ background-color: #f7f6f6; margin-bottom: 30px } .dining-listing-inner{ display: table; width: 100%; overflow: hidden; height: 226px } .dining-listing-image,.dining-listing-content{ display: table-cell; vertical-align: middle; } .dining-listing-image{ width: 235px; } .dining-listing-content{ width: 353px; padding-left: 30px; padding-right: 30px; } ul.direction_link {list-style: none;} .dining-listing-loop a.get_direction_link {background-image: url(../png/nav-location-icon.png); background-repeat: no-repeat; background-position: left top; color: #ce499b; margin-bottom: 0px; padding-bottom: 0px; padding-left: 15px;} .dining-listing-loop a.get_direction_link:hover {color: #00689b;} .dining-listing-loop a.get_direction_link:focus {color: #ce499b;} .dining-listing-loop section{ /*padding-right: 15px;padding-top: 27px; padding-bottom: 30px*/ } .dining-listing-loop h2{ font-size: 17px; font-size: 1.7rem; line-height: 20px; font-weight: 700; color: #ce499b; margin: 0;padding-bottom: 5px } .dining-listing-loop .locating{ display: block; font-size: 15px; font-size: 1.5rem; font-weight: 500 ;color: #ce499b; padding-bottom: 5px} .dining-listing-loop p{ font-size: 16px; line-height: 20px; color: #004e74;font-weight:400;padding-bottom: 5px; } .dining-listing-loop a{ display: inline-block; color: #00689b; font-size: 14px; font-size: 1.4rem; line-height: 16px; font-weight:400; padding-bottom: 5px;font-family: 'Roboto', sans-serif;} .dining-listing-loop a:hover{ color:#f48d20 } .dining-listing-loop .phone-field{color: #00689b; font-size: 15px; font-size: 1.5rem; line-height: 16px; font-weight:500} .cayman-dining-testimonials_section{ padding-top: 41px;padding-bottom: 70px } .cayman_dining_testimonials_slider{ list-style: none; padding: 0; margin: 0; text-align: center; } .cayman_dining_testimonials_slider .cayman_dining_testimonials_content{ padding-top: 60px; background-image: url(../png/testimonial-qut.png); background-repeat: no-repeat; background-position: center 0; outline: none; } .cayman_dining_testimonials_slider p{ margin: 0; color:#116184;font-size:30px; font-size: 3rem; line-height: 35px; } .cayman_dining_testimonials_slider .slick-dots{ text-align: center; list-style: none; margin-top: 30px } .cayman_dining_testimonials_slider .slick-dots li{ display: inline-block; vertical-align: middle; border: 2px solid #83858c; width: 14px; height:14px; border-radius: 100%; margin: 0 5px; } .cayman_dining_testimonials_slider .slick-dots li button{ display: none; } .cayman_dining_testimonials_slider .slick-dots li.slick-active{ background-color:#f98d1b; border-color: #f98d1b } .visit_our_partner_section{ padding:87px 0 } .visit_our_partner_section section h2{ color: #ce499b; font-size: 32px; font-size: 3.2rem; font-weight:600; padding-bottom: 2px } .visit_our_partner_section section h2 strong{ font-weight: 600; color: #ce499b } .visit_our_partner_section section p{ font-size: 20px; line-height: 30px; color: #004e74; font-weight: 500 } .visit_our_partner_section section p a{color: #ff9600; display: inline-block; margin-top: 21px; font-weight: 700; background-repeat: no-repeat; background-position: right center; background-image: url(../png/arrow-icon.png); padding-right: 46px} .visit_our_partner_section section p a:hover{color: #ce499b;background-image: url(../png/arrow-icon-hover.png);} /*-------------------------------------------------------------- 1. >>> Places to Stay Page Style ----------------------------------------------------------------*/ .places-to-stay-page-wrapper .top-content-heading{ padding-bottom: 0 } .places-to-stay-loop { padding-top: 50px; } .places-to-stay-loop .places-name h2{ font-size: 36px; font-size: 3.6rem; font-weight: 500; color: #ce499b } .places-lsting-loop figure{ display: inline-block; } .places-lsting-loop section{ padding-top: 23px } .places-lsting-loop span{ display: block; } .places-lsting-loop span.villa_name{ margin: 0; font-weight: 600; font-size: 20px; font-size: 2rem; line-height: 20px; color: #ce499b; padding-bottom: 5px } .places-lsting-loop p{ color: #004e74; font-size: 15px; margin-bottom:5px } .places-lsting-loop span{ font-size: 15px; font-size: 1.5rem; color: #00689b; line-height: 18px; font-weight: 500; padding-bottom: 4px; display: block; } .places-lsting-loop span a {color: #00689b;font-family: 'Roboto', sans-serif; word-break: break-word;} .places-lsting-loop span a:hover{ color: #f48d20;} .place_gallery, .places-lsting-wrapper{ position: relative; } .place_gallery button, .places-lsting-wrapper button{ position: absolute; background-color: rgba(255,255,255,0.6); border: none; outline: none; cursor: pointer; font-size: 0; width: 50px; height: 50px; z-index: 1; top: 40%; padding: 0; background-repeat: no-repeat; background-position: center center } button.slick-disabled { opacity: 0.2; } .places-lsting-wrapper button:not(.toggle){background-color: rgba(255,255,255,0.5);} .place_gallery button.slick-prev, .places-lsting-wrapper button.slick-prev{ left: -60px; background-image: url(../svg/left-arrow.svg); } .place_gallery button.slick-next, .places-lsting-wrapper button.slick-next{ right: -60px; background-image: url(../svg/right-arrow.svg); } .place_gallery button.slick-prev { left: 15px; border-radius: 50%; background-size: 18px; } .place_gallery button.slick-next { right: 15px; border-radius: 50%; background-size: 18px; } .places-to-stay-wrapper{ padding-bottom: 49px } .places-to-stay-page-wrapper .about-mid-fullimage-wrapper{ margin-bottom: 0; margin-top: 77px } .places-lsting-loop-sec{ border: none; outline: none; } a.places-lsting-loop figure { padding-bottom: 25px; } .mfp-content { max-width: 800px; width: 100%; background-color: #fff; } .white-popup-block { padding: 30px; } .place_pop_cont { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; } .place_pop_cont .button-link { padding-top: 0; } .places-lsting-loop ul{ margin-left: 19px; } .villa_content_wrap{ padding-top: 15px; } .villa_content_wrap.areas-to-image-content-loop{ display: block; padding-bottom: 0; } .places-lsting-loop .villa_content_wrap.areas-to-image-content-loop .yrm-btn-wrapper span{ padding-bottom: 0; } .places-lsting-loop .villa_content_wrap.areas-to-image-content-loop .yrm-btn-wrapper span.yrm-toggle-expand-1 span.yrm-text-wrapper span.yrm-button-text-span{ padding-bottom: 0; color: #ff9600; } .places-lsting-loop .villa_content_wrap.areas-to-image-content-loop .yrm-btn-wrapper span.yrm-toggle-expand-1 span.yrm-text-wrapper span.yrm-button-text-span:hover{color: #ce499b;} .mfp-content .places-lsting-loop figure, .mfp-content .places-lsting-loop img { width: 100%; } button.mfp-close, button.mfp-arrow { background-color: #fff; color: #000; font-size: 40px; right: -50px; } .place_gallery button.slick-disabled { opacity: 0.4; } /*-------------------------------------------------------------- 1. >>> Blog Page Section ----------------------------------------------------------------*/ .blog_cat_list{ padding-bottom: 27px } .blog_archive_list{ border-top: 1px solid #c6c7c9; padding-top: 30px } .blog-listing-loop{ background-color: #f7f6f6; margin-bottom: 30px; padding-right: 30px; } .blog-listing-loop section{padding-top: 28px; padding-bottom: 0} .blog-listing-loop .blog-tit-date{ padding-bottom:10px } .blog-listing-loop h2,.blog-listing-loop .post-date,.blog-listing-loop .post_catname{ margin: 0; font-size: 18px; font-size: 1.8rem; text-transform: capitalize;line-height: 20px; font-weight: 600; float: left;color: #00689b } .blog-listing-loop h2{ max-width: 80% } .blog-listing-loop h2 a,.blog-listing-loop .post_catname a{ color: #00689b } .blog-listing-loop h2 a{color: #ce499b;} .blog-listing-loop h2 a:hover,.blog-listing-loop .post_catname a:hover,.blog-listing-loop .mor-det-blog:hover{ color: #f48d20 } .blog-listing-loop .post-date{ float: right;font-family: 'Roboto', sans-serif; } .blog-listing-loop .post_catname{ float: none; text-transform: capitalize;text-transform: capitalize;padding-bottom: 6px;width: 100%;display: block; } .blog-listing-loop .post_catname .catname{ text-transform: uppercase; } .blog-listing-loop p{ font-size: 13px;line-height: 20px;color: #004e74;padding-top: 5px;font-weight: 500; } .blog-listing-loop .page-link{font-size: 14px; font-size: 1.4rem;} .blog-details-post-title h1{ font-size: 32px; font-size: 3.2rem; line-height: 34px; } .blog-details-wrapper { padding-top: 50px } .blog-details-wrapper article p{ font-size: 20px; line-height: 30px; color: #00689b; font-weight: 500 } .blog-details-wrapper .post-date{ text-align: left; display: block;font-size: 18px; font-size: 1.8rem; text-transform: uppercase; line-height: 20px; font-weight: 600;color: #00689b; padding-bottom: 15px } .blog-details-wrapper article img{ display: inline-block; margin:20px 0 } .blog-details-wrapper article h2{ font-size: 24px; font-size: 2.4rem;color: #00689b; } .pagenavi_blog{ text-align: center; } .pagenavi_blog .wp-pagenavi a, .pagenavi_blog .wp-pagenavi span{padding: 10px 17px; background-color: #f7f6f6;color: #1793a3;} .pagenavi_blog .wp-pagenavi a:hover, .pagenavi_blog .wp-pagenavi span.current{border-color: #f48d20; color: #FFF; background-color: #f48d20} /* New Add */ .blog-details-wrapper article h2 {margin-bottom: 15px;} .blog-details-wrapper article p:last-child {margin-bottom: 0px;} .blog-details-wrapper article ul {list-style:disc; padding-left: 20px;} .blog-details-wrapper article ul li,.blog-details-wrapper article ol li{margin-bottom:10px; font-size: 20px; line-height: 30px; color: #00689b; font-weight: 500;} .blog-details-wrapper article ul li ul{padding-left: 20px; list-style:circle;} /*-------------------------------------------------------------- 1. >>> Search Section ----------------------------------------------------------------*/ .searchresultlistwrapper .tour-list{ margin-bottom: 30px } /*-------------------------------------------------------------- 1. >>> Defalt Section ----------------------------------------------------------------*/ .defalt-pagecontent-wrapper{ padding:60px 0; } .defalt-pagecontent-wrapper p{font-size: 20px;line-height: 30px;font-size: 2rem;font-weight: 500;color: #00689b;} .ui-accordion .ui-accordion-header{ outline: none; } .ui-accordion .ui-accordion-header:focus{ outline: none;font-weight: 600 } .page-id-443 .defalt-pagecontent-wrapper ul {margin-top: 25px; list-style: none;} .page-id-443 .defalt-pagecontent-wrapper ul li {position: relative; font-size: 20px; font-size: 2rem; line-height: 30px; color: #004e74; font-weight: 500; padding-left: 20px; margin-bottom: 10px;} .page-id-443 .defalt-pagecontent-wrapper ul li:last-child {margin-bottom: 0px;} .page-id-443 .defalt-pagecontent-wrapper ul li:before {content: ""; background-color: #004e74; border-radius: 50%; width: 8px; height: 8px; display: inline-block; position: absolute; left: 0; top: 12px;} /*-------------------------------------------------------------- 1. >>> AREAS TO EXPLORE ----------------------------------------------------------------*/ .areas-to-explore-page-wrapper .home-tour-content-section{ padding-top: 0 } .explore-image-content-loop {margin-bottom:74px;} .adventure_wrapper{ background-image: url(../jpg/mabg-back-bg.jpg); background-repeat: no-repeat; background-position: center 0; /*padding-bottom:330px;*/ padding-bottom:200px; margin-bottom: 0;background-size: 100%;} .adventure_hed{ text-align: center; text-transform: uppercase; } .adventure_hed h2{ color: #ce499b; font-weight: 600; margin: 0; font-size:60px; line-height: 65px; } .areas-to-image-content-loop{ padding-bottom: 78px; width: 100%; display: table; } .areas-to-image-sec,.areas-to-content-section{ display: table-cell; vertical-align: middle; width: 100% } .areas-to-image-sec{ width: 386px; } .areas-to-image-sec img { width: 100%; } .areas-to-content-section{ width: 820px; } .areas-to-image-content-loop section{ padding-left:80px } .areas-to-image-content-loop section h2{ color: #cd2891; font-size: 30px; font-size: 3rem; font-weight: 600;padding-bottom: 12px; margin-top: 0 } .areas-to-image-content-loop section p{ color: #004e74; font-size: 20px; font-weight: 500;line-height: 30px; margin: 0 } .areas-to-image-content-loop section p a{color: #004e74;} .areas-to-image-content-loop section p a:hover{color:#cd2891;} .tour-det-main-content .yrm-inner-content-wrapper, .areas-to-image-content-loop .yrm-inner-content-wrapper{font-size: 20px; font-size: 2rem; line-height: 30px; color: #004e74; font-weight: 500;} .tour-det-main-content .yrm-less-button-wrapper span, .tour-det-main-content .yrm-btn-wrapper span, .areas-to-image-content-loop .yrm-less-button-wrapper span,.areas-to-image-content-loop .yrm-btn-wrapper span{ display: block; } .tour-det-main-content .yrm-btn-wrapper span, .areas-to-image-content-loop .yrm-btn-wrapper span{ display: inline-block; } .tour-det-main-content .yrm-toggle-expand, .areas-to-image-content-loop .yrm-toggle-expand{ border: none;text-align: left; } .tour-det-main-content .yrm-toggle-expand-1, .areas-to-image-content-loop .yrm-toggle-expand-1{ display: inline-block;color: #ff9600;font-size: 20px;font-size: 2rem;margin: 0;font-weight: 700;margin-top: 23px; text-transform: capitalize;} .tour-det-main-content .yrm-toggle-expand-1, .areas-to-image-content-loop .yrm-toggle-expand-1{ width: auto; height: auto; } .tour-det-main-content .yrm-text-wrapper-custom-dimensions, .areas-to-image-content-loop .yrm-text-wrapper-custom-dimensions{ position: static;transform:none; } .tour-det-main-content .yrm-btn-wrapper, .areas-to-image-content-loop .yrm-btn-wrapper{ margin: 0; text-align: left; } .tour-det-main-content .yrm-btn-wrapper { margin-bottom: 25px; } .tour-det-main-content .yrm-toggle-expand-1, .areas-to-image-content-loop .yrm-toggle-expand-1{ background-repeat: no-repeat; background-position: right center;background-image: url(../png/arrow-icon.png);padding-right: 42px; } .tour-det-main-content .yrm-toggle-expand-1:hover, .areas-to-image-content-loop .yrm-toggle-expand-1:hover{ color: #ce499b;background-image: url(../png/arrow-icon-hover.png); } .areas-to-image-content-loop section p a.page-link{ color: #ff9600; font-size: 20px; font-size: 2rem; margin: 0; display: inline-block; font-weight: 700; margin-top: 13px; background-repeat: no-repeat; background-position: right center; background-image: url(../png/arrow-icon.png);padding-right: 42px; } .areas-to-image-content-loop section p a.page-link:hover{ color: #ce499b; background-image: url(../png/arrow-icon-hover.png); } .adventure_map_section{ position: relative; } .location{ cursor: pointer; } .locationpop{ position: absolute; z-index: 5; background-color: rgba(255,255,255,1); border-radius:0; width: 100%; max-width: 898px; padding:25px; display: none; left: 0; right: 0; margin: auto; top: 27px; padding: 80px; -webkit-box-shadow: 0px 0px 47px -10px rgba(197,220,223,1); -moz-box-shadow: 0px 0px 47px -10px rgba(197,220,223,1); box-shadow: 0px 0px 47px -10px rgba(197,220,223,1); } .locationpop h2{ margin: 0; color: #cd2891; font-weight: 700; font-size: 25px; font-size: 2.5rem; padding-bottom: 20px } .locationpop p{ font-size: 18px; line-height: 22px; font-weight:400; color: #0a4951 } .morebutton{ color: #FFF; line-height:47px; background-color: #ff9600; display: inline-block; font-weight:600; width: 100%; font-size: 20px; margin-top: 12px;background-image: url(../png/arrow-icon-white.png); background-repeat: no-repeat; background-position:236px center; padding-left: 95px; padding-right: 47px } .morebutton:hover{ background-color:#cd2891 ; color: #FFF } .locationpop figure{ float:right;width: 100%;max-width: 386px; } .locationpop section{ float: left;width: 100%;max-width: 350px; padding-right: 70px; } .locationpop button{ position: absolute; right:6px; top:6px; font-size: 0; width: 15px; height: 17px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../svg/closebutton.svg); padding: 0; margin: 0; opacity: 1 } .caymen-formobilemap-section-imgae{ display: none; } .for_map_mobile{ display: none; } .explore-image-content-section.for_map_desk{margin-top:-187px} .west-bay-page-wrapper .adventure_wrapper{padding-bottom: 500px;} .west-bay-page-wrapper .cayman-dining-testimonials_section{margin-top: -470px;padding-bottom: 0;} .areas-to-explore-page-wrapper .cayman-dining-testimonials_section{ padding-bottom: 0 } /*-------------------------------------------------------------- 1. >>> Contact ----------------------------------------------------------------*/ .contact-page-wrapper .top-content-heading{ padding-bottom: 0 } .contact-from-wrapper{ width: 100%; max-width:703px; margin: 0 auto; display: block; text-align: left; padding-top: 87px } .contact-from-wrapper label{ font-size: 20px; font-size: 2rem; font-weight:500; color: #116184; margin: 0; line-height: 60px; } .required{ color: #cd2891 } .contact-from-wrapper .form-group{ overflow: hidden;margin-bottom: 21px; } .contact-from-wrapper .form-group-section{ float: left; width: 100%; max-width: 153px;text-align: left; } .contact-from-wrapper .form-field{ float: left; width: 100%; max-width:550px } .home_pop .form-control, .contact-from-wrapper .form-control{ box-shadow: none; outline: none; border-radius: 0; border: none; height:60px ; background-color: #f2f6f8; } .contact-from-wrapper select.form-control { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABoSURBVHgBfZDRCQAhDEMbQXAMV3EDv8Qx3cBRzj0EPXvcV632s3lpQ5BSeuac1HsPpZRGyuSc/RijMmf+nbfW1hijv8CfZtYEAE0zCbhxCpwE5xzJHUfG6dr6ShJmDre8Et4MshGtuRe9GXYcEXbDOQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center right 15px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } .contact-from-wrapper select.form-control::-ms-expand { display: none; } .contact-from-wrapper textarea.form-control{ height: 183px } .home_pop input[type="submit"], .contact-from-wrapper input[type="submit"]{ background-color: #ff9600; color: #FFF; font-size: 18px; font-size: 1.8rem; border: none; outline: none; cursor: pointer; line-height:51px; display: inline-block; width: 100%; text-transform: capitalize; font-weight: 600 } .home_pop input[type="submit"]:hover, .contact-from-wrapper input[type="submit"]:hover{ background-color: #ce499b; color: #FFF } .form-group.submitbutton,.form-group.recaptchafield{ margin-left:153px } .form-group.submitbutton { margin-bottom: 0 } .grecaptcha-badge{visibility: collapse !important;} .contact-page-wrapper .wpcf7 form .wpcf7-response-output { margin: 0; margin-left: 153px; } .wpcf7 form .wpcf7-response-output { display: flex; align-items: center; } .wpcf7-form.invalid .wpcf7-response-output:before {color: rgba(166,66,66,1); background-color: #f2dede;border: 1px solid rgba(166,66,66,1);padding: 25px;} .wpcf7-form.sent .wpcf7-response-output {color: #525252;background-color: #F4FFEE;border: 1px solid #DBEED0 !important; padding: 15px;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #525252;background-color: #f9eeee;border: 1px solid rgba(166,66,66,1); padding: 15px; } .wpcf7-form.sent .wpcf7-response-output:before,.wpcf7-form.invalid .wpcf7-response-output:before {font: 20px/30px FontAwesome;margin-right: 10px;vertical-align: middle; width: 39px; height: 39px; display: inline-block; text-align: center; line-height: 39px; background-color: #f2dede; border-radius: 50%; padding: 0 10px;} .wpcf7-form.sent .wpcf7-response-output:before {content:'\f00c'; color: #fff; background-color: #71C341;} .wpcf7-form.invalid .wpcf7-response-output:before {content:'\f057';} div.wpcf7 .ajax-loader {background-color:#FFF;border-radius:100%; display:inline-block; -webkit-animation:fusion-bounce-delay 1.4s infinite ease-in-out; animation:fusion-bounce-delay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; background-image: none } @-webkit-keyframes fusion-bounce-delay { 0%,100%,80% {-webkit-transform:scale(0)} 40% {-webkit-transform:scale(1)} } @keyframes fusion-bounce-delay { 0%,100%,80% {-webkit-transform:scale(0);transform:scale(0)} 40% {-webkit-transform:scale(1);transform:scale(1)} } div.wpcf7 .ajax-loader {width: 3em;height: 3em;color:transparent;font-size:10px; border-top:.5em solid rgba(0,0,0,.2); border-right:.5em solid rgba(0,0,0,.2); border-bottom:.5em solid #333; border-left:.5em solid rgba(0,0,0,.2); -webkit-animation:fusion-rotate .8s infinite linear; animation:fusion-rotate .8s infinite linear } @-webkit-keyframes fusion-rotate { 0% {-webkit-transform:rotate(0);transform:rotate(0)} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes fusion-rotate { 0% {-webkit-transform:rotate(0);transform:rotate(0)} 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)} } /*-------------------------------------------------------------- 1. >>> Privacy-Policy Page Style ----------------------------------------------------------------*/ .privacy-policy .defalt-pagecontent-wrapper p{ padding-bottom: 20px } .privacy-policy .defalt-pagecontent-wrapper p a{ color: #00689b; } .privacy-policy .defalt-pagecontent-wrapper p a:hover{color: #f48d20;} .west-bay-page-wrapper .home-tour-content-section{ padding-top: 0 } .map_image_and_content_section_wrapper{ padding-top: 24px } .areas-inner-image-content-wrapper + .map_image_and_content_section_wrapper{ padding-top: 0px } .map_image_and_content_section_wrapper .explore-image-content-loop a{ margin-top: 0 } /*-------------------------------------------------------------- . >>> Your Booking Page Style ----------------------------------------------------------------*/ .your_booking-page-wrapper .top-content-heading p {max-width: 975px; margin: 0px auto;} .your_booking-page-wrapper .contact-from-wrapper {max-width: 704px; padding-top: 70px;} .your_booking-page-wrapper .top-content-heading {padding-bottom: 0px; margin-bottom: 75px;} .your_booking-page-wrapper .contact-from-wrapper .form-group {margin-bottom: 15px;} .your_booking-page-wrapper .phone-col {float: left; width: 40%; padding-right: 15px;} .your_booking-page-wrapper .email-col {float: right; width: 60%; padding-left: 15px;} .your_booking-page-wrapper .contact-from-wrapper label {display:block; font-size:18px; font-size:1.8rem; font-weight:500; line-height:20px; margin-bottom:11px;} .your_booking-page-wrapper .contact-from-wrapper label .required {color: #e84c9c; font-size: 18px;} .your_booking-page-wrapper .contact-from-wrapper .form-control {color: #797979; font-size: 18px; font-size: 1.8rem; font-weight:500; height: 45px; line-height: 45px;} .your_booking-page-wrapper .contact-from-wrapper textarea.form-control {height: 96px; line-height: 24px;} .your_booking-page-wrapper .form-group.submitbutton, .your_booking-page-wrapper .form-group.recaptchafield {margin-left: 0px;} .your_booking-page-wrapper .form-group.submitbutton {margin-bottom: 0px; text-align: right;} .your_booking-page-wrapper .contact-from-wrapper input[type="submit"] {width: auto; padding: 0px 48px; height: 45px; line-height: 45px;} .your_booking-page-wrapper .contact-from-wrapper input[type="submit"] + span.ajax-loader {float: left;} .your_booking-page-wrapper .top-content-heading p a {color: #ff9600; position: relative;} .your_booking-page-wrapper .top-content-heading p a::after {content: ""; background-color: #ff9600; position: absolute; bottom: 2px; left: 0px; right: 0px; height: 1px;} .your_booking-page-wrapper .top-content-heading p a:hover {color: #ce499b;} .your_booking-page-wrapper .top-content-heading p a:hover::after {background-color: #ce499b;} .your_booking-page-wrapper .contact-from-wrapper .form-group span.wpcf7-not-valid-tip {margin-top: 5px;} .your_booking-page-wrapper .contact-from-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #797979; font-size: 18px; font-size: 1.8rem; font-weight: 500;} .your_booking-page-wrapper .contact-from-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */ color: #797979; font-size: 18px; font-size: 1.8rem; font-weight: 500;} .your_booking-page-wrapper .contact-from-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */ color: #797979; font-size: 18px; font-size: 1.8rem; font-weight: 500;} .your_booking-page-wrapper .contact-from-wrapper .form-control:-moz-placeholder { /* Firefox 18- */ color: #797979; font-size: 18px; font-size: 1.8rem; font-weight: 500;} /* FAQ Page */ .page-id-852 .ui-accordion .ui-accordion-content p {margin-bottom: 10px !important; line-height: 26px;} .page-id-852 .ui-accordion .ui-accordion-content p:last-child {margin-bottom: 0px !important;} .page-id-852 .ui-accordion .ui-accordion-content ul {list-style: none;} .page-id-852 .ui-accordion .ui-accordion-content ul li {color: #00689b; font-size: 16px; line-height: 26px; font-size: 1.6rem; font-weight: 500; margin-bottom: 10px;} .page-id-852 .ui-accordion .ui-accordion-content p a {color: #ce499b;} .page-id-852 .ui-accordion .ui-accordion-content p a:hover {color: #f48d20;} /* Newsletter Thank You Page */ .page-id-1202 .explore-cayman-page-banner::before {display: none;} .page-id-1202 .defalt-pagecontent-wrapper {text-align: center; padding-top: 45px; padding-bottom: 45px;} .page-id-1202 .defalt-pagecontent-wrapper p {font-size: 30px; line-height: 40px; font-size: 3rem; font-weight: 600; margin-bottom: 0px;} /*-------------------------------------------------------------- 1. >>> Footer Section ----------------------------------------------------------------*/ .home-content-info{ padding-top:46px; padding-bottom:48px; background-color: #d7ebee; } .home-content-info h2{ margin: 0; color: #004e74; font-size: 28px; font-size: 2.8rem; line-height: 30px; font-weight: 700; padding-bottom: 15px } .home-content-info ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;justify-content: space-between;} .home-content-info ul li{ display: inline-block; vertical-align: middle; font-size: 25px; font-size: 2.5rem; line-height: 31px; font-weight: 600; color: #ff9600; margin-right: 20px;} /*.home-content-info ul li:first-child{margin-right: 118px;}*/ .home-content-info ul li:last-child{ margin-right: 0 } .home-content-info ul li a { font-size: 16px; font-size: 1.6rem; font-weight: 700;line-height: 31px;; display: inline-block; color: #0f7481; background-repeat: no-repeat; background-position: 0 center; background-image: url(../png/footer-chat-new.png); padding-left: 36px } .home-content-info ul li a[href^="tel:"] {font-family: 'Roboto', sans-serif; background-image: url(../png/footer-phone-new.png); /*padding-left: 23px*/} .home-content-info ul li a[href^="mailto:"] { background-image: url(../png/footer-email.png); /*padding-left: 39px*/ } /*-------------------------------------------------------------- 1. >>> Footer Signup Section ----------------------------------------------------------------*/ .footer-signup-section{ background-color: #369caa; color: #FFF;text-align: left; padding-top: 66px; padding-bottom: 54px; } .signup-hed{ font-size: 20px; font-size: 2rem; font-weight:700; color: #FFF; margin: 0; line-height: 39px; display: inline-block; vertical-align: middle; width: 100%; max-width: 269px; } /*.footer-signup-section form{ display: inline-block; vertical-align: middle;vertical-align: top; }*/ .footer-signup-section form input[type="text"],.footer-signup-section form input[type="email"]{ margin: 0; padding: 0;height: 39px; border: none; outline: none; font-size: 16px; font-size: 1.6rem; font-weight: 500; color: #162e31; padding-left:16px; padding-right:16px;width:100%; display:block;} .footer-signup-section form input[type="submit"]{ background-color: #116184; border: none; outline: none; cursor: pointer; height: 39px; margin: 0; padding: 0; display: inline-block; vertical-align: middle; font-size:16px; font-size: 1.6rem; font-weight:700;color: #FFF; line-height: 39px; width: 100%; } .footer-signup-section form input[type="submit"]:hover{ background-color:#f48d20; color: #FFF } /*-------------------------------------------------------------- 1. >>> Footer Logo Nav Section ----------------------------------------------------------------*/ .footer-wrapper{ background-color: #369caa; padding-top: 0; padding-bottom: 0; } .footer-wrapper-inner{ border-top:1px solid #9bced5;border-bottom:1px solid #9bced5; padding-top: 60px;padding-bottom: 32px; } .footer-logo{ margin-top: 26px } .footer-logo a{ display: inline-block; max-width: 396px; } .footer-nav{ color: #FFF;padding-left: 0; } .footer-nav .widget-title,.footer-addres h3,.footer-social .widget-title{ margin: 0; font-size: 20px; font-size: 2rem; line-height: 22px; font-weight:700; color: #FFF; padding-bottom: 30px } .footer-nav .widget-title strong{ font-weight: 700 } .footer-nav ul{ list-style: none; padding: 0; margin: 0; column-count:2 } .footer-nav ul li{ display:block; font-weight: 500; font-size: 15px; font-size: 1.5rem;margin-bottom:12px; width: 100%; /*max-width: 49% */} /*.footer-nav ul li:nth-child(2n+2){ text-align: left; padding-left: 16px }*/ .footer-nav ul li a{ color: #FFF } .footer-nav ul li a:hover,.footer-nav ul li.current_page_item a{ color: #f48d20} .footer-addres{ position: relative; } .footer-addres h3{ font-weight:700 } .footer-addres p{ font-size: 16px; font-size: 1.6rem; font-weight: 500; color: #FFF; margin-bottom: 16px } .footer-addres p a{ color: #FFF; } .footer-addres p a[href^="tel:"]{font-family: 'Roboto', sans-serif;font-weight: 400;} .footer-addres p a:hover{ color: #f48d20 } .footer-addres p span{ display:block; font-weight: 700;padding-bottom: 3px;} /*-------------------------------------------------------------- 1. >>> Footer Social Section ----------------------------------------------------------------*/ .footer-info { padding:0; background-color: #369caa; padding-top: 43px; padding-bottom: 26px } .footer-info .copyright{ color: #FFF; font-size: 14px; font-size: 1.4rem; line-height: 14px; font-weight: 500; display: block; font-style: italic; text-align: right; margin-top: 3px;} .policy-menu{ display: inline-block; vertical-align: middle; list-style: none; } .policy-menu li{ display: inline-block; vertical-align: middle; margin-right: 10px } .policy-menu li a{color: #FFF; font-size: 14px; font-size: 1.4rem; font-weight: 500} .policy-menu li a:hover,.policy-menu li.current_page_item a{color: #f48d20} .social-navigation ul{ list-style: none; padding: 0; margin: 0; text-align: left;width: 50%; } .social-navigation ul li{ display: inline-block; vertical-align: middle; font-size: 0; margin-right: 13px; margin-bottom: 10px } .social-navigation ul li:first-child{ margin-left: 0 } .social-navigation ul li a{ display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: 0 0 } .social-navigation ul li.facebook-icon a{background-image: url(../svg/facebook.svg);} .social-navigation ul li.twitter-icon a{background-image: url(../svg/twitter.svg);} .social-navigation ul li.inst-icon a{background-image: url(../svg/instagram.svg);} .social-navigation ul li.youtub-icon a{ background-image: url(../svg/youtube.svg); } .footer-signup-section .mc4wp-response{ clear: both; width: 100%; padding-top: 20px; display: block; text-align: center; } .footer-signup-section .mc4wp-response p{ margin: 0; } .designby_row {margin-top: 15px; text-align: center;} a.designby_txt {color: #FFF; font-size: 14px; font-size: 1.4rem; font-weight: 500;} a.designby_txt:hover {color: #f48d20;} body.page-template-default .explore-cayman-page-banner:before{ display: none; } /* ==============M-Menu=============== */ div#mob-navigation { vertical-align: middle;} .toggle-btn {background-color: #ff9600; text-align: center; width: 30px; height: 30px; line-height: 0px;} .toggle-btn span { background: #ffffff; display: inline-block; height: 3px; line-height: 16px; width: 22px; top: 6px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* Mmenu Edit */ .mm-menu a {color: #116184 !important; font-weight: 700;} .mm-listitem_selected>.mm-listitem__text {background-color: #ff9600; color: #ffffff !important;} .mm-listitem_opened>.mm-listitem__btn {background: #ff9600;} .mm-listitem.mm-listitem_selected > .mm-listitem__btn {background: #ff9600;} .mm-listitem_opened>.mm-panel {background: #eaeaea;} .mm-listitem.mm-listitem_opened > a {background: #ff9600; color: #ffffff !important;} /* End */ .titleAditionalInfo{ display:block; padding-bottom:15px } /** ---------------------------------------------------------------- 1. >>> stingray-city-excursions Style ----------------------------------------------------------------*/ .stringary-top .top-content-heading h2{font-style: normal; font-weight: 500;font-size: 40px; line-height: 45px; text-align: center; color: #CE499B; margin-bottom: 35px;} .stringary-top .top-content-heading p{padding-bottom: 36px; margin:0px; padding-top: 0px;} .image_and_content_fields_loop{display: flex; justify-content:flex-start; align-items:center; background: #F9F9F9; margin-bottom: 84px; position: relative;} .image_and_content_fields_loop:first-child:after{content:""; background: url('../ray.html')0 0 no-repeat; background-size:100% 100%; position: absolute; right:0; width:272px; height:385px; top: -181px;} .stringary-inner-content-sec{width:58.33333333%; display: flex; justify-content:start;padding-right: 30px;} .stringary-inner-content-sec section{width:69.8%;} .stringary-inner-image-sec{width: 41.66666667%; overflow:hidden; margin-right: 66px; } .stringary-inner-image-sec img{width:100%; height:100%; object-fit:cover; transition:0.5s; } /* .image_and_content_fields_loop:hover .stringary-inner-image-sec img{transform:scale(1.1);} */ .image_and_content_fields_loop:nth-child(even){justify-content:flex-end;} .image_and_content_fields_loop:nth-child(even) .stringary-inner-image-sec{order:2; margin-left: 66px; margin-right: 0px;} .image_and_content_fields_loop:nth-child(even) .stringary-inner-content-sec{order:1; display: flex; justify-content:end;padding-right: 30px;} .stringary-inner-content-sec h2{font-style: normal; font-weight: 600; font-size: 25px; line-height: 28px;color: #CE499B; margin-bottom: 25px; margin-top: 0px;} .stringary-inner-content-sec p{font-style: normal; font-weight: 500; font-size: 20px; line-height: 28px; color: #107986; margin:0px; padding:0px 0px 40px;} .stringary-inner-content-sec p a{color: #107986; text-decoration: underline; text-underline-offset:4px; text-decoration-thickness: 1px; transition:0.5s;} .stringary-inner-content-sec p a:hover{color: #F19B38;} .stringary-inner-content-sec p:last-child{padding-bottom: 0px;} .book-tour-new-button{display: inline-block; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; color: #F19B38 !important; position: relative; margin-left: 0; text-decoration: none !important;} .book-tour-new-button:after{content:""; position: absolute; background: url('../png/arrow-icon.png')0 0 no-repeat; top:9px; width:17px; height:13px; background-size:100% 100%; margin-left: 10px; transition:0.5s; text-decoration: none;} .book-tour-new-button:hover:after{margin-left: 16px;} .stringary-bottom-sec{text-align: center; padding-bottom: 77px;} .stringary-bottom-sec p{font-style: normal; font-weight: 500;font-size: 20px;line-height: 23px; text-align: center; color: #107986; margin:0px;} .stringary-bottom-sec p:first-child{padding-bottom: 59px; } .book-now-nw{ display: inline-block; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; text-align: center; color: #FFFFFF ; padding: 10px 42px; text-align: center; background: #F19B38; } .book-now-nw:hover, .book-now-nw:focus{background: #CE499B; color: #FFFFFF; } .page-template-template-two-column .explore-cayman-page-banner:before{display: none !important;} /* new_css_date_28/06/2023 */ .tour-cat-name-hed p {font-size: 2rem; line-height: 28px; color: #004e74; padding-top: 11px; font-weight: 500;} @media only screen and (max-width: 1600px) { .stringary-inner-content-sec p { font-size: 16px; line-height: 25px;} .book-tour-new-button { font-size: 16px;} .stringary-inner-content-sec section { width:88%;} .image_and_content_fields_loop:nth-child(even) .stringary-inner-content-sec{ padding-right:50px } .stringary-bottom-sec p { font-size: 16px;} .stringary-bottom-sec p:first-child { padding-bottom: 34px;} .image_and_content_fields_loop { margin-bottom: 54px;} } @media only screen and (max-width: 1359px) { .stringary-inner-content-sec section { width:80%;} .stringary-inner-content-sec h2{margin-bottom: 16px;} } @media only screen and (max-width: 1199px) { .image_and_content_fields_loop{display: block; } .stringary-inner-image-sec{width:100%; margin-bottom: 30px; margin-left:0px !important; margin-right: 0px !important; overflow:hidden;} .stringary-inner-content-sec{width:90%; text-align: center; margin:0 auto; padding-bottom: 40px; overflow:hidden;} .stringary-inner-content-sec section{ width:100%;} .image_and_content_fields_loop { margin-bottom: 0px;} .stringary-top .top-content-heading h2 { font-size: 28px; line-height: 41px; margin-bottom: 29px; margin-top: 0px;} .stringary-bottom-sec{padding:50px 0px;} .image_and_content_fields_loop:first-child:after { width: 191px; height: 262px; top: -100px;} .stringary-inner-content-sec{ padding-right:0 } .image_and_content_fields_loop:nth-child(even) .stringary-inner-content-sec{ padding-right:0 } } @media only screen and (max-width:767px) { .stringary-top .top-content-heading h2 {font-size: 20px; line-height: 28px; margin-bottom: 24px; margin-top: 0px;} .stringary-top .top-content-heading h2 br{display: none;} .stringary-inner-content-sec p { font-size: 14px; line-height: 22px; padding: 0px 0px 21px;} .book-tour-new-button { font-size: 14px;} .stringary-bottom-sec p { font-size: 14px; line-height: 22px;} .book-tour-new-button{display: block; margin-left:0px; margin-top: 15px;} .stringary-bottom-sec { padding: 27px 0px;} .book-now-nw { font-size: 17px; padding: 7px 31px;} .stringary-bottom-sec p:first-child { padding-bottom: 21px;} .image_and_content_fields_loop:first-child:after { width: 134px; height: 193px; top: -74px;} .stringary-inner-content-sec h2 {font-size: 23px;} .stringary-inner-content-sec{ padding-right:0 } .image_and_content_fields_loop:nth-child(even) .stringary-inner-content-sec{ padding-right:0 } /* new_css_date_28/06/2023 */ .tour-cat-name-hed p {font-size: 17px; line-height: 25px; color: #004e74; padding-top: 11px; font-weight: 500;} }