// // _demos.scss // // Demo Only .button-items { margin-left: -8px; margin-bottom: -12px; .btn { margin-bottom: 12px; margin-left: 8px; } } // Lightbox .mfp-popup-form { max-width: 1140px; } // Modals .bs-example-modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block; } // Icon demo ( Demo only ) .icon-demo-content { color: $gray-500; i{ display: inline-block; width: 40px; height: 40px; line-height: 36px; font-size: 22px; color: $gray-600; border: 2px solid $gray-300; border-radius: 4px; transition: all 0.4s; text-align: center; margin-right: 16px; vertical-align: middle; } .col-lg-4 { margin-top: 24px; &:hover { i { color: $white; background-color: $primary; border-color: $primary; } } } } // Grid .grid-structure { .grid-container { background-color: $gray-100; margin-top: 10px; font-size: .8rem; font-weight: $font-weight-medium; padding: 10px 20px; } } // card radio .card-radio{ background-color: $card-bg; border: 2px solid $card-border-color; border-radius: $border-radius; padding: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &:hover{ cursor: pointer; } } .card-radio-label{ display: block; } .card-radio-input{ display: none; &:checked + .card-radio { border-color: $primary !important; } } .navs-carousel{ .owl-nav{ margin-top: 16px; button{ width: 30px; height: 30px; line-height: 28px !important; font-size: 20px !important; border-radius: 50% !important; background-color: rgba($primary, 0.25) !important; color: $primary !important; margin: 4px 8px !important; } } }