$menu-link-hover: #f7941e; $menu-bg-color: #133657; .carousel{ .slide-logo{ width: auto; } } .path{ margin-top:10px; /* margin-bottom:25px;*/ background-color:#fff; } .nav-tabs.nav-justified > li{ border-right:1px solid #fff; &.active{ border: none; a{ color:$body-text-color; border: none; .active{ border:none; } } } } .ppal, .ppal-no-color { padding: 50px 0 0; } .ppal {margin-bottom:0;} #morlas-localization{ font-size: 14px; label { text-transform: none; margin-top: 15px; margin-bottom: 5px; font-weight: normal; display:block; } } .nav-tabs.nav-justified > li > a { border:none; display:block; //margin:5px 0px 5px 0px; //border-right:1px solid #fff; border-radius:0; } .nav-tabs.nav-justified > li:last-child{ // border-right:1px solid $menu-bg-color; border:none; } .menu1{ .navbar-header{ position:relative; #active-item{ position: absolute; top: 50%; transform: translateY(-50%); color: #fff; text-transform: uppercase; } } .navbar-toggle{ border:none; .icon-bar { background-color: #fff; } } background-color:$menu-bg-color; margin:0; padding:0; border:none; .navbar-default{ background-color:$menu-bg-color; margin:0; padding:0; } ul.nav-justified{ margin:0; //position:relative; padding:0; font-size: 16px; li{ //display:inline-block; border-right:1px solid #fff; &:last-child{ border:none; } &.active,&:hover{ background-color: #fff; a{ color:$menu-link-hover; background-color: #fff; } } a{ padding:16px 0 16px 0; display:block; &.active{ border:none; border-radius: 0; margin:0; &:visited{ color: inherit; } } } } } a{ //display:inline-block; color:#fff; &:visited{ color:#fff; } &:hover, &:focus{ color: $menu-link-hover; background-color: #fff; } &.active { position: relative; border:none; border-radius: 0; margin:0; } } } #tab-1.tab-pane{ padding-top:0px; padding-bottom:0px; } #pueblo-map-canvas{ height:450px; #map{ min-height:450px; } } /*.brand_intro:first-child{ p.intro{ margin-bottom:50px; } }*/ .luxury-exp{ background-color:#effafc; h2{ margin-top:50px; } .card-experiencias{ .card{ background-color: transparent; height:auto; a.more{ position:relative; left:0; } .card-content{ p{ padding:0 0 30px 0; } } } } } .brand_intro{ font-size:16px; margin:45px auto 0px; } .closer { background-color: #effafc; padding-bottom:50px; h2 { margin-top: 50px; } } .morlas-content{ .tab-pane{ padding:0; } /*.tab-pane.directory{ padding-top:30px; }*/ .nav-tab{ margin-top:0px; } .item-marina{ padding-bottom:100px!important; .card{ margin-bottom:0; } } } .luxury-exp{ .card-experiencias{ margin-top:0; } } @media only screen and(max-width: 1024px) { .tab-content{ h2.title-text-dark{ margin-top:20px; text-align: center; } } } @media only screen and(max-width: 767px) { .carousel{ .slide-logo{ width: 50%!important; } } .menu1 ul.nav-justified > li { border-right:none; border-bottom:1px solid #fff; } /*nav.nav-tab { ul { border-bottom: 0; //overflow: hidden; position: relative; &::after { content: "☰"; position: absolute; top: 12px; right: 15px; z-index: 2; pointer-events: none; font-size:20px; } &.open { a { position: relative; display: block; } &::after{ color:#fff; top:6px; } } } li { display: block; } a { position: absolute; border:none; top: 0; left: 0; width: 100%; height: 100%; &.active { border: 0; z-index: 1; } } }*/ } @media only screen and(max-width: 320px) { .luxury-exp { .card-experiencias { .card { height: auto; a.more { position: relative; padding-top: 10px; } } } } }