.dropdown-ambassador { .dropdown-toggle { padding: 0 10px; @media (max-width: $grid-float-breakpoint) { padding: 0 0 0 $offcanvas-padding !important; // overriding .navbar .nav.navbar-nav > li > a } } .fa-chevron-down { position: relative; margin-left: 10px; top: -10px; @media (max-width: $grid-float-breakpoint) { top: $offcanvas-padding; } } &:last-child { @media (max-width: $grid-float-breakpoint) { @include nav-border(bottom); border-color: color('gray-600'); } } .dropdown-ambassador-container { @media (max-width: $grid-float-breakpoint) { width: $offcanvas-width - $offcanvas-padding; padding-left: 15px; } } .dropdown-menu-nav { @media (max-width: $grid-float-breakpoint) { box-shadow: none; } } .btn.btn-ambassador.btn-lg { //preferring redunant button styling to redundant mobile markup for this one instance @media (max-width: $grid-float-breakpoint) { display: block; height: $btn-size; padding: $padding-default-vertical $btn-padding-default-horizontal; font-size: $font-size-300; line-height: 1.3; } } } .dropdown-ambassador-intro_text { position: relative; @media (min-width: $grid-float-breakpoint) { top: 5px; } } .dropdown-ambassador-primary_text { margin-right: 10px; } .dropdown-ambassador-edit_btn { display: block; margin-top: -30px; } .dropdown-ambassador-basic_info { overflow: hidden; .dropdown-ambassador-name{ margin-top: 2px; margin-bottom: 0; font-size: $font-size-500; } .dropdown-ambassador-rank { margin-bottom: 0; } .dropdown-ambassador-city { margin-top: -5px; } } .dropdown-ambassador-contact_btn { max-width: $offcanvas-width; overflow: hidden; text-overflow: ellipsis; @media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-max) { max-width: 180px; } &:hover, &:active, &:focus { color: color('secondary')!important; text-decoration: underline!important; } .btn-action-icon { margin-right: 8px; } }