/* ============================================================
   rounded.css  -  Rounded Corner Override Stylesheet
   ------------------------------------------------------------
   Applies the modern rounded-edge aesthetic used on
   oliviauniversity.edu.bi to every element across the site.

   Design tokens (matching Olivia University):
     Cards / large containers .... 16px
     Buttons / CTAs .............. 6px
     Form inputs / selects ....... 12px
     Chips / tags / pagination ... 4px
     Avatars / dots / icons ...... 50% (circular)
     Dropdowns / popovers ........ 8px
   ============================================================ */

/* ------------------------------------------------------------
   1. Global form elements - rounded 12px
   ------------------------------------------------------------ */
input,
select,
textarea,
.form-control {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

/* Input groups must clip their add-on / input corners */
.input-group {
	border-radius: 12px;
}

.input-group .form-control,
.input-group-addon {
	border-radius: 0;
	-webkit-border-radius: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child {
	border-radius: 12px 0 0 12px;
	-webkit-border-radius: 12px 0 0 12px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child {
	border-radius: 0 12px 12px 0;
	-webkit-border-radius: 0 12px 12px 0;
}

/* ------------------------------------------------------------
   2. Buttons - rounded 6px (Olivia University style)
   ------------------------------------------------------------ */
.btn,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.button,
button,
input[type="submit"],
input[type="button"],
.cf-submit,
.searchform [type='submit'],
.booking-submit,
.services-link a,
.services-link .booking-submit,
.searchbar .search-button,
.slider-animated li a,
#respond .cform-1 .btn-success {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* ------------------------------------------------------------
   3. Main navigation
   ------------------------------------------------------------ */
ul.nav-menu li a,
.mean-container .mean-nav ul li a,
.header-social a {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* Dropdown menus - softly rounded */
ul.nav-menu li ul,
.sticky ul.nav-menu li ul,
ul.nav-menu li ul li ul,
.sticky ul.nav-menu li ul li ul,
.mean-container .mean-nav ul {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	overflow: hidden;
}

/* Search box */
.searchbar .input-search {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
/* ------------------------------------------------------------
   4. Large cards / containers - rounded 16px (Olivia style)
   ------------------------------------------------------------ */
.services-item,
.team-item,
.blog-item,
.lightbox-item,
.recent-item,
.caption-item,
.testimonial-column .testimonial-item,
.brand-item,
.sidebar,
.booking-gallery,
.counter-border .counter-item,
.single-service-item,
.gallery-item,
.carousel-inner .item,
.faq-gallery .panel,
.panel,
.panel-default,
.wp-caption,
.post-image .wp-caption,
.choose-left,
.choose-right {
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	overflow: hidden;
}

/* FAQ panels originally forced square corners - override hard */
.faq-gallery .panel {
	border-radius: 16px !important;
	-webkit-border-radius: 16px !important;
}

.faq-gallery .panel-default > .panel-heading {
	border-radius: 16px 16px 0 0;
	-webkit-border-radius: 16px 16px 0 0;
	overflow: hidden;
}

.faq-gallery .panel-body {
	border-radius: 0 0 16px 16px;
	-webkit-border-radius: 0 0 16px 16px;
}

/* General bootstrap panels */
.panel-heading {
	border-radius: 16px 16px 0 0;
	-webkit-border-radius: 16px 16px 0 0;
	overflow: hidden;
}

.panel-footer {
	border-radius: 0 0 16px 16px;
	-webkit-border-radius: 0 0 16px 16px;
}

/* Card text segments keep the inner corners squarish but clip to container */
.services-text,
.team-text,
.recent-text,
.blog-text,
.caption-text,
.testimonial-detail {
	border-radius: 0 0 16px 16px;
	-webkit-border-radius: 0 0 16px 16px;
}

/* ------------------------------------------------------------
   5. Images - rounded 16px (large photos) / 12px (thumbnails)
   ------------------------------------------------------------ */
.services-photo,
.team-photo,
.blog-photo,
.recent-photo,
.caption-photo,
.single-service-photo img,
.about-photo img,
.gallery-size-thumbnail .gallery-item img,
.gallery-icon img,
.carousel-indicators li img,
.post-image img,
.wp-post-image {
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

/* Circular avatars and icon badges stay perfectly round (Olivia style) */
.testimonial-photo img,
.comments .comment-list .thumb img,
.comment-author img.avatar,
.footer-contact-item li img,
.choose-icon img,
.tm-photo img,
.team-photo img,
.blog-photo img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* ------------------------------------------------------------
   6. Carousel navigation controls - circular (Olivia style)
   ------------------------------------------------------------ */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.slide-carousel.owl-carousel .owl-nav .owl-prev,
.slide-carousel.owl-carousel .owl-nav .owl-next,
.team-carousel.owl-carousel .owl-nav .owl-prev,
.team-carousel.owl-carousel .owl-nav .owl-next,
.blog-carousel.owl-carousel .owl-nav .owl-prev,
.blog-carousel.owl-carousel .owl-nav .owl-next,
.brand-carousel.owl-carousel .owl-nav .owl-prev,
.brand-carousel.owl-carousel .owl-nav .owl-next,
.single-carousel.owl-carousel .owl-nav .owl-prev,
.single-carousel.owl-carousel .owl-nav .owl-next {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* Carousel dots */
.owl-carousel .owl-dots .owl-dot,
.testimonial-carousel .owl-dots .owl-dot {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.carousel-indicators li,
.carousel-indicators .active {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;
}

/* ------------------------------------------------------------
   7. Filter chips, tags, labels & pagination - 4px
   ------------------------------------------------------------ */
.recent-menu ul li,
.tag a,
.tagcloud a,
.footer-item .tagcloud a,
.searchform [type='submit'],
.blog-author li,
.single-blog-author li,
ul.page-numbers li a,
span.page-numbers.current,
div.pagination a,
div.pagination span.current,
div.pagination span.disabled,
.page-links a,
.page-links a span,
.page-links > span {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/* ------------------------------------------------------------
   8. Sidebar & footer widgets
   ------------------------------------------------------------ */
.sidebar-item select,
.footer-item select,
.footer-item form input,
.sidebar-item .searchbar-item .btn,
.searchbar-item input,
.searchbar-item textarea {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

.footer-col .contact-item .icon,
.footer-contact-area {
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

.scroll-top {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* ------------------------------------------------------------
   9. Comments & author box
   ------------------------------------------------------------ */
ol.commentlist,
.comment-body,
.author-box {
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	overflow: hidden;
}

.comment-respond input,
.comment-respond textarea {
	border-radius: 12px;
	-webkit-border-radius: 12px;
}

/* ------------------------------------------------------------
   10. Careers application wizard (fixes inline border-radius:0)
   ------------------------------------------------------------ */
.nav-pills > li > a {
	border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
}

.progress,
.progress-bar {
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* ------------------------------------------------------------
   11. Videos & frames
   ------------------------------------------------------------ */
iframe,
.video-iframe iframe,
.post-audio iframe,
embed,
object {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

/* ------------------------------------------------------------
   12. Mobile menu
   ------------------------------------------------------------ */
.mean-container a.meanmenu-reveal {
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.mean-container .mean-nav {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	overflow: hidden;
}

/* ------------------------------------------------------------
   13. Photos / gallery lightbox thumbnails
   ------------------------------------------------------------ */
.lightbox-inner,
.carousel-inner .lightbox-inner {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}