@charset "UTF-8";
               @media (min-width: 75em) {  .dropdown-menu .dropdown-menu {
top: 0;
left: 100%;
border-radius: 0;
display: none !important;
background: #2c2c2c; }
.dropdown-menu > .dropdown-item:hover ~ .dropdown-menu, .dropdown-menu .dropdown-menu:hover {
display: block !important; } }
@media (max-width: 75em) { .navbar-collapse, .navbar-nav {
float: left; }
div#bs4navbar, #menu-main-menu {
width: 100%; }
.navbar-nav {
padding: 0 !important; }
.navbar-nav > li {
padding: 0;
background: #FFFFFF;
border: solid 1px #2c2c2c; }
.dropdown-menu {
padding: 0; }
.carousel-indicators {
background: none;
padding: 0; }
.carousel-thumbnails {
background: #FFFFFF !important;
width: 20px;
height: 3px; }
.carousel-indicators {
display: flex;
width: 100%;
right: 0;
left: 0; }
.hamburger {
display: block;
position: absolute;
right: 0;
top: 0;
background: transparent;
margin: 4px 0;
top: 3px; }
#menu-wrapper {
margin-top: 6px; }
.navbar-nav > li {
padding: 10px;
border-bottom: none; }
.navbar-nav > li:last-child {
border-bottom: solid 1px #2c2c2c; }
.home .carousel-indicators {
display: flex;
left: 0;
right: 0;
background: transparent; }
.navbar-nav .dropdown-menu {
margin-left: -10px;
margin-top: 10px !important;
margin-bottom: -10px;
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
padding-left: 10px; }
#menu-item-66 > a.dropdown-item:first-child:after {
content: '▾';
display: inline-block;
margin-left: 10px;
font-size: 16px; }
.dropdown-submenu {
position: relative; }
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em; }
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem; }
.navbar-nav > li {
padding: 5px 10px; } }
@media (max-width: 62em) { .title-container .headline, .title-container {
width: 500px; }
.about-hover-wrapper {
margin-bottom: 30px; }
.pricing-wrapper {
margin-bottom: 50px; } }
@media (max-width: 48em) { .title-container .headline, .title-container {
width: 300px; }
h3.carousel-title {
font-size: 22px;
line-height: 26px; }
#services-wrapper .col-md-4, #about-wrapper .col-md-4 {
margin-bottom: 40px; }
.page-template-template-gallery .title-container {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
width: 100%;
margin: 0 auto; }
footer {
height: auto; }
.footer-text {
float: none;
display: block;
margin: 0 auto;
text-align: center; }
#copyright-wrapper {
float: none; }
#social-wrapper {
float: none;
display: block;
margin: 0 auto;
width: 100%;
text-align: center; }
.footer-text, .footer-text a, .footer-text-right {
line-height: 22px;
margin: 10px !important; }
.related .news-wrapper {
margin-bottom: 30px; }
footer {
text-align: center; }
p.footer-title {
margin-top: 30px; } }
@media (max-width: 34em) { body, #page {
overflow-x: hidden; }
.title-container {
top: 5%; }
.about-hover-wrapper, .about-reveal {
width: 100%;
height: 700px; }
#about-hovers img {
height: 700px;
object-fit: cover; }
.about-reveal {
top: -700px; }
.jewellery-hover h3 {
font-size: 20px;
font-size: 1.25rem;
line-height: 26px;
line-height: 1.625rem;
margin-bottom: 5px; }
.jewellery-hover p {
font-size: 12px;
font-size: 0.75rem;
line-height: 16px;
line-height: 1rem; }
.jewellery-hover a.btn {
font-size: 14px;
padding: 5px 10px;
margin-top: 5px; }
#ring-carousel img, #diamond-carousel img {
height: 250px;
object-fit: cover; }
.page-id-177 .jewellery-image {
height: 400px; }
.page-id-177 .jewellery-image img {
height: 400px;
object-fit: cover; }
.jewellery-hover {
opacity: 1;
pointer-events: all; }
.image-overlay {
background: #FFFFFF; }
.jewellery-image h4 {
display: none; }
.jewellery-image {
pointer-events: none; }
.navbar-nav > li > .dropdown-menu a {
padding: 6px 10px !important; }
.navbar-nav > li {
padding: 0px 10px !important; }
.navbar-nav > li > .dropdown-menu a {
font-size: 12px !important; }
.navbar-nav > li > .dropdown-menu {
padding-bottom: 12px; }
.navbar {
width: calc(100% + 30px) !important;
margin-left: -15px !important; }
.home .carousel-item:first-of-type .hero-slider {
background: url(//www.sivisamari.com/wp-content/themes/sivisamari/assets/img/mobile-slide.jpg) !important;
background-size: cover !important;
background-position: top !important; } }
@media (max-width: 400px) {
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
height: 2px; } }