.cell .grid-container {
	padding: 0 !important; /* Remove padding from cell in grid container */
}

.grid-container .grid-container {
	max-width: none; /* Remove maximum width from grid container */
}

.uls-next,
.uls-prev {
	height: 50px;
	width: 50px; /* Set height and width for uls-next and uls-prev */
}

.margin-top-remove {
	margin-top: 0 !important; /* Remove top margin */
}

.button.square {
	border-radius: 3px !important; /* Apply border radius to square buttons */
}

#course-finder-new div.search #submitsearch,
#navigation form button.button,
.uls-site-search button.button {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important; /* Apply border radius to specific buttons */
}

#course-finder-new div.search input#query,
.uls-site-search input[type=search] {
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important; /* Apply border radius to specific input fields */
}

.global-nav>li .dropdown-pane {
	border-bottom-left-radius: 3px !important;
	border-bottom-right-radius: 3px !important; /* Apply border radius to dropdown panes */
}

.microsite-navigation .global-nav {
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important; /* Apply border radius to microsite navigation */
}

.menu.global-nav.microsite li:last-child a {
	border-top-right-radius: 3px !important; /* Apply border radius to the last menu item */
}

.menu.global-nav.microsite li:first-child a {
	border-top-left-radius: 3px !important; /* Apply border radius to the first menu item */
}

#course-finder-new {
	border-top-left-radius: 3px !important; /* Apply border radius to course finder section */
}

.course-finder-new .main {
	border-top-right-radius: 3px !important; /* Apply border radius to course finder main section */
}

.course-finder button.button,
.radius {
	border-radius: 3px !important; /* Apply border radius to course finder buttons and elements with radius class */
}

form.course-finder select {
	font-weight: 600 !important; /* Set font weight for course finder select elements */
}

.course-finder {
	border-bottom: 0 !important;
	border-top: 0 !important; /* Remove top and bottom borders from course finder */
}

.video-embed-one video {
	cursor: none; /* Disable cursor for video elements */
}

.bg-faded-grey .button.hollow,
.bg-white .button.hollow,
.slider-ctas .button.hollow {
	color: #041e42; /* Set color for specific buttons */
}

.meta p {
	margin: 0 !important; /* Remove margin from meta paragraphs */
}

.uls-course-listing .callout {
	padding: 10px 20px;
	margin-top: 40px; /* Set padding and margin for uls-course-listing callout */
}

.thumbnail {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border-radius: 3px;
	border: 0;
	overflow: hidden; /* Apply box shadow, border radius, and remove border for thumbnails */
}

.uls-overlay-link:focus,
.uls-overlay-link:hover {
	text-decoration: underline; /* Underline overlay links on focus and hover */
}

.button.hollow.square:focus,
.button.hollow.square:hover {
	background-color: #041e42 !important;
	color: #fff !important; /* Set background color and text color for specific buttons on focus and hover */
}

.uls-events-list h3 {
	margin-top: 0 !important; /* Remove top margin from uls-events-list h3 elements */
}

@media only screen and (max-width:640px) {
	.responsive-promo h2 {
		color: #041e42 !important; /* Set color for responsive-promo h2 on smaller screens */
	}

	a.homepage-promo-sub {
		font-size: 1rem; /* Set font size for homepage-promo-sub on smaller screens */
	}
}

.global-nav .menu-item ul li a {
	font-weight: 500;
	border-radius: 3px; /* Set font weight and border radius for global-nav menu items */
}

.global-nav .menu-item ul li a:hover {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	text-decoration: none !important; /* Apply box shadow and remove text decoration on global-nav menu items on hover */
}

.bg-navy,
.global-nav>li>a.hover {
	background-color: #061e42; /* Set background color for specific elements */
}

.sb-search .sb-icon-search {
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); /* Apply box shadow and border radius to sb-icon-search */
}

.sb-search.sb-search-open .sb-icon-search {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important; /* Adjust border radius when search bar is open */
}

.sb-search-input {
	border-radius: 3px !important; /* Apply border radius to search input field */
}

#bboxdonation_payment_lnkDDFormLink,
#sq_regen_captcha a,
.sq-form-question-note a {
	text-decoration: underline; /* Apply text decoration underline to specific links */
}

body .wysiwyg blockquote::before,
body blockquote::before {
	width: 77px; /* Set width for blockquote before element */
}

.uls-events-list h2.m-t-5 {
	margin-top: 5px !important; /* Adjust top margin for uls-events-list h2 */
}

.staff-card h3.m-b-0,
.staff-card p.m-b-0 {
	margin-bottom: 0 !important; /* Remove bottom margin from staff-card h3 and p elements */
}

.staff-card h3 {
	margin-top: 0 !important; /* Remove top margin from staff-card h3 elements */
}

.image-hover-wrapper a .image-hover-wrapper-reveal p {
	bottom: 20%; /* Set position for image-hover-wrapper-reveal p element */
}

.image-hover-wrapper {
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12); /* Apply border radius and box shadow to image-hover-wrapper */
}

p.lead {
	font-size: 125% !important;
	line-height: 1.6 !important; /* Adjust font size and line height for lead paragraphs */
}

.content-block h2 {
	margin-top: 0 !important; /* Remove top margin from content-block h2 */
}

.uls-cards h2 {
	margin-top: 0 !important; /* Remove top margin from uls-cards h2 */
}

.cell.small-12.medium-9.large-9 .staff-card {
	width: 100% !important; /* Set width for staff-card in specific cell size */
}

.cell.small-12.medium-9.large-9 .staff-card .cell.medium-2.large-4 {
	width: 120px !important;
	margin-right: 30px; /* Set width and right margin for staff-card cells */
}

.staff-card p.m-b-0 {
	margin-top: 0 !important; /* Remove top margin from staff-card p elements */
}

.staff-card p {
	margin-bottom: 10px !important; /* Set bottom margin for staff-card p elements */
}

.staff-card p.m-r-5.m-b-5 {
	margin-right: 5px !important;
	margin-bottom: 10px !important; /* Set right and bottom margin for specific staff-card p elements */
}

.staff-card p.department {
	margin-top: 0;
	margin-bottom: 30px !important; /* Remove top margin and set bottom margin for staff-card department paragraph */
}

.fancybox-button--play,
.fancybox-button--thumbs,
.fancybox-button--zoom {
	display: none !important; /* Hide fancybox buttons */
}

ul.breadcrumbs li:first-child a span {
	position: relative;
	left: auto;
	margin-left: 10px; /* Adjust left margin for first-child span in breadcrumbs */
}

a.uls-overlay-link:focus {
	color: #4c2c92 !important; /* Set color for focused uls-overlay-link */
}

.file-tiles li a span.description {
	color: #000;
	display: block;
	font-weight: 400;
	white-space: pre-wrap;
	font-size: .9rem;
	line-height: 1.6rem;
	margin-top: 10px; /* Set styles for file-tiles descriptions */
}

#search-ulster-university-website .input-group,
#search-ulster-university-website .input-group-field {
	height: 60px;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	overflow: hidden; /* Set height and border radius for search input fields */
}

#search-ulster-university-website #search-btn {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important; /* Set border radius for search button */
}

#search-ulster-university-website .input-group-field {
	font-size: 24px;
	font-weight: bold; /* Set font size and weight for search input field */
}

.global-nav {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff; /* Set border for global-nav */
}

.global-nav.microsite {
	border-left: 0;
	border-right: 0; /* Remove left and right borders for microsite global-nav */
}

.custom-tile {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding: 35px;
	border-radius: 10px !important; /* Apply box shadow and padding to custom-tile with border radius */
}

.courses-az span.callout.primary {
	margin-bottom: 20px !important; /* Set bottom margin for courses-az callout */
}

.lowercase {
	text-transform: none !important; /* Set text transform to none for lowercase class */
}

@media screen and (max-width: 39.9375em) {
   .page-tile.event-tile .date .day {
    display: inline-block;
    float: left;
    width: initial;
    font-size: 11px;
    line-height: 12px;
    text-transform: none;
    margin-right: 3px;
    font-weight: bold;
   }
}

.uls-mob .nav-bar-right ul.menu li a:focus,
.uls-mob .nav-bar-right ul.menu li button:focus {
    background-color:white !important;
    border:2px solid black; /* Set background color and border for uls-mob menu items on focus */
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a:focus,
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front:focus {
    text-decoration:underline !important;
    border:2px solid black; /* Apply text decoration and border to autocomplete menu items on focus */
}

/* helper class for applying rounded corners */
.rounded-corners {
    border-radius:10px;
}

.wysiwyg p.remove-padding {
    padding:0; /* Specifies zero padding for paragraphs in WYSIWYG editor. */
}

.wysiwyg p.remove-margin {
    margin:0; /* Specifies zero margin for paragraphs in WYSIWYG editor. */
}

div#wysiwyg.grid-container.wysiwyg h2.remove-margin {
    margin:0; /* Specifies zero margin for heading twos in WYSIWYG editor. */
}

/* helper class for applying rounded corners */
.rounded-corners {
    border-radius:10px;
}

/* position a large icon as background to the right of container */
.page__promo__backgroundicon {
    font-size:20em;
    position:absolute;
    right:30px;
    top:40px;
    opacity:.1;
}

/* Refactor into mater scss for mikes style, which is not currently in the scss */
h2.result-heading,
.courses-az div[data-magellan-target] span {
    font-size:32px !important;
    border-bottom:1px solid #333;
    padding-bottom:20px !important;
    margin-top:60px;
    color:#001335;
    display:block;
}

.video-embed-one::before {
    background: none !important; /* Removing background for .video-embed-one */
}

.button.hollow.white:hover .fas {
    color: #05062a !important; /* Setting color on hover for .button.hollow.white */
}

/* Apply a bottom margin of 20px to all paragraphs inside blockquote elements. */
blockquote p {
    margin-bottom: 20px !important;
}

/* Remove the bottom margin for the last paragraph inside blockquote elements to prevent excessive spacing. */
blockquote p:last-of-type {
    margin-bottom: 0 !important;
}

.page-tile.staff-tile .meta {
    margin-top:0; /* fix for excessive spacing on staff cards */
}

/* Apply specific styling for screen sizes up to 639px (39.9375em) or less. */
@media screen and (max-width: 39.9375em) {
    /* Remove left padding from the sub-page content to optimize layout on smaller screens. */
    /* this issue was noticed on sub page layouts and is being triggered by excessive padding within app2.css, direct affects on most pages */
    .sub-page-content, body .grid-container .sub-page-content {
        padding-left: 0 !important;
        overflow: visible;
    }
}