Iris

/* ----------------------------------------- */ /* View: All Media Files for a Single Post (Found by Post IDs)_High Res - start */ /* ----------------------------------------- */ .lightbox-featured-image-credit a{ color: #ffffff !important; text-decoration: underline; } .close-lightbox { color: #fff; font-size: 16px; position: absolute; top: 10px; right: 0; padding: 0px 15px; cursor: pointer; } .close-lightbox-x { font-size: 46px; vertical-align: middle; position: relative; top: -4px; margin-left: 5px; font-family: Georgia,serif; } .gallery-name { position: absolute; top: 5%; left: 10%; right: 10%; margin-top: -14px; text-align: center; color: #fff; } .lightboxprev { height: 65vh; z-index: 100; position: absolute; top: 10%; bottom: 18%; left: 0; width: 10%; cursor: pointer; } .lightboxprev:before { position: absolute; right: 35%; top: 50%; margin-top: -60px; color: #fff; content: '〈'; font-family: Georgia,serif; font-size: 100px; } .lightboxnext { height: 65vh; z-index: 100; position: absolute; top: 10%; bottom: 18%; right: 0; width: 10%; cursor: pointer; } .lightboxnext:before { position: absolute; left: 35%; top: 50%; margin-top: -60px; color: #fff; content: '〉'; font-family: Georgia,serif; font-size: 100px; } h1.lightboxlargearrows { position: absolute; top: 30%; padding: 0px 10px; color: #ffffff !important; } .mediainfobox { bottom: 0; background: #00000040; width: 100%; padding: 10px 20px; height: 10vh; }/*.mediainfotoggle { color: #ffffff !important; background-color: #000000; text-align: right; cursor: pointer; position: absolute; bottom: 0; height: 1em; }*/ /* ----------------------------------------- */ /* View: All Media Files for a Single Post (Found by Post IDs)_High Res - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Voyages on a Vessel – Main Content Section - start */ /* ----------------------------------------- */ @media (max-width: 767px) { .voyage-list-item-featured-1 { width: 100% !important; padding-left: 5px; padding-right: 5px; display: block; } .voyage-list-item-featrued-2 { width: 100% !important; padding-left: 5px; padding-right: 5px; display: block; } }.voyage-list-item-featured-1 { float: left; width: 50%; padding-left: 5px; padding-right: 5px; display: block; } .voyage-list-item-featrued-2 { float: right; width: 50%; padding-left: 5px; padding-right: 5px; display: block; }.voyage-list-item { width: 100%; background-color: #05529f15; border-radius: 5px; padding-left: 10px; display:inline-block; } .voyage-list-item:hover { background-color: #1da647; } .voyage-list-item:hover h5, .voyage-list-item:hover p { color: #ffffff !important; } /* ----------------------------------------- */ /* View: Voyages on a Vessel – Main Content Section - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Top Bar Accounts Menu - start */ /* ----------------------------------------- */ ul.accountmenu { list-style-type: none; margin: 10px 30px; padding: 0px; float: right; } ul.accountmenu li { display: inline; margin-left:10px; color: #fff; font-size: 85%; text-decoration: underline; }/* ----------------------------------------- */ /* Content Template: Top Bar Accounts Menu - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Lightbox Gallery - start */ /* ----------------------------------------- */ .rll-youtube-player { margin: 0px !important; height: 75vh !important; padding-bottom: 0px !important; } .rll-youtube-player img { width: auto !important; height: 100% !important; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; } .lightbox-video-container iframe { height: 65vh !important; width: 100% !important; } .lightbox-front-thumb-video-symbol { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }/* Lightbox Inactive */ .lightbox-thumbs-front-container-outer { overflow-y: scroll !important; width: 100% !important; height: 500px; } @media screen and (max-width: 768px) { .lightbox-thumbs-front-container-outer { height: 150px !important; } } .lightbox-thumbs-front-container-inner { width: 100% !important; position: relative; } .lightbox-thumb-front-container{ width: 20%; height: auto; float: left !important; display: inline-block !important; } /* Lightbox Active */ .Lightbox-highres-container { height: 75vh !important; }.column { float: left !important; display: inline-block !important; height: 10vh !important; width: 10vh !important; } img.lightbox-thumb { margin-bottom: 0px !important; height: 100% !important; width: 100% !important; object-fit: cover !important; border: 0.5px solid #000; vertical-align: middle !important; }* { box-sizing: border-box; }.row > .column { padding: 0 8px; }.row:after { content: ""; display: table; clear: both; }/* The Modal (background) */ .modal { position: fixed; z-index: 9200; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.9); }/* Modal Content */ .modal-content { background-color: transparent !important; box-shadow: none !important; position: absolute; top: 10%; bottom: 20vh; left: 0; right: 0; }/* The Close Button */ .close { color: white; position: absolute; top: 60px; z-index: 100; right: 25px; font-size: 35px; font-weight: bold; opacity: 1 !important; }.close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; }.mySlides { display: none; background-color: transparent !important; width: 80%; height: inherit; margin: 0 auto; text-align: center; box-shadow: none !important; }.cursor { cursor: pointer; }/* Next & previous buttons .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white !important; font-weight: bold; font-size: 60px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } */ /* Position the "next button" to the right .next { right: 0; border-radius: 3px 0 0 3px; } */ /* On hover, add a black background color with a little bit see-through .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } */ /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 10px; }img.lightbox-large { max-height: 60vh !important; margin-left: auto; margin-right: auto; display: block; position: relative; }.caption-container { text-align: center; } .lightbox-image-meta-outer { text-align: left; background-color: #00000050; padding: 10px 20px; position: absolute; bottom: 0px; } .lightbox-image-meta-inner { text-align: left; background-color: #00000050; padding: 10px 20px; position: absolute; bottom: 0px; }.demo { opacity: 0.6; }.active, .demo:hover { opacity: 1; }img.lightbox-front-image { transition: 0.3s; }.lightbox-front-image:hover { } /* ----------------------------------------- */ /* Content Template: Lightbox Gallery - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Add Current Post to Wishlist - start */ /* ----------------------------------------- */ @media (min-width: 768px) { .add-to-wishlist, .add-to-wishlist-btn { border-radius: 5px; margin-top: 20px; } } .on-your-wishlist h5 { color: #1da647 !important; margin: 20px; } .add-to-wishlist, .add-to-wishlist-btn { background: #F29C1E; padding: 10px 30px; cursor: pointer; } .add-to-wishlist:hover { background: #05529f; } .add-to-wishlist h5, .add-to-wishlist-btn h5 { color: #ffffff !important; font-weight: 600; text-align: center; } /* ----------------------------------------- */ /* Content Template: Add Current Post to Wishlist - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: External Links Section – Login Required - start */ /* ----------------------------------------- */ .how-to-book-btn { background: #1da647; width: 100%; padding:10px; cursor: pointer; } .how-to-book-btn:hover { background: #05529f; } @media (min-width: 768px) { .how-to-book-btn { margin-top: 15px; border-radius: 5px; } } /* ----------------------------------------- */ /* Content Template: External Links Section – Login Required - end */ /* ----------------------------------------- */