Iris

/* ----------------------------------------- */ /* 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-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: 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 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */