South Bayfront Sailing

/* ----------------------------------------- */ /* View slug: 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 slug: all-media-files-for-a-single-post-found-by-post-ids_high-res - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: content-template-for-primary-parent-top-menus-and-footer-layout - 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: content-template-for-primary-parent-top-menus-and-footer-layout - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: single-organisation - start */ /* ----------------------------------------- *//* ----------------------------------------- */ /* Content Template: single-organisation - 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: single-page-manage-menu - start */ /* ----------------------------------------- */ @media (max-width: 767px) { .dropdown { width: 98%; } } @media (min-width: 767px) { .dropdown { width: 33%; } } .page-manage-menu-wrapper { margin:2%; } .dropbtn { background-color: #1da647; color: white !important; padding: 16px; font-size: 16px; border: none; cursor: pointer; border-radius: 5px; width: 100%; }.dropbtn:hover, .dropbtn:focus { background-color: #05529f; }.dropdown { position: relative; display: inline-block; margin:1px; }.dropdown-content { display: none; position: absolute; background-color: #05529f; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; width: 100%; margin: 2px 0; border-radius: 5px; }.dropdown-content a { color: white !important; padding: 12px 16px; text-decoration: none; display: block; }.dropdown a:hover { background-color: #1da647; }.show {display: block;} /* ----------------------------------------- */ /* Content Template: single-page-manage-menu - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: vessel-card-voyages-available-ad - start */ /* ----------------------------------------- */ .vessel-with-voyages-ad-wrapper { background: #fff; box-shadow: 0 0 5px #666; border-radius: 10px; margin-bottom: 20px; width:100%; height: 250px; overflow: hidden; } .vessel-with-voyages-ad-wrapper:hover { box-shadow: 0 0 5px #1da647; } .vessel-with-voyages-ad-image { position: relative; height: 250px; min-height: 250px; background-size: cover; background-position-y: bottom; } .vessel-with-voyages-ad-title { position: absolute; background: #148536; padding: 10px 15px; border-radius: 0 10px 0 10px; } .vessel-with-voyages-ad-title h5 { color: #ffffff !important; margin: 0; } @media (max-width: 767px) { .vessel-with-voyages-ad-wrapper { height: 150px !important; } .vessel-with-voyages-ad-image { height: 150px !important; min-height: 150px !important; } .vessel-with-voyages-ad-title { top: 0px !important; right: 0px !important; } } @media (min-width: 767px) { .vessel-with-voyages-ad-title { bottom: 20px; } } /* ----------------------------------------- */ /* Content Template: vessel-card-voyages-available-ad - end */ /* ----------------------------------------- */