/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2025 | 15:32:11 */
#gform_confirmation_message_3 {
	color: #ffffff !important;
}

.ut-lp-btn-get-quote-wrapper {
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index: 99999999;
}

h3.gs_logo_title {
	display: none;
}

.ut-desktop-logo {
	width: 264px;
}

.ut-bullet-list li {
	padding-bottom: 10px;
}

.footer-panel h3 a, 
.footer-panel h3 a:hover {
	color: #cb6b45 !important;
}

.single-post .fusion-sharing-box {
	display: flex;
	flex-direction: column;	
	align-items: flex-start;
}

.single-post .fusion-sharing-box h4 {
	font-size: 22px;
	padding-bottom: 10px;	
}

.single-post .fusion-pagination-tb a {
	font-weight: 600;
}

.single-post h2 {
	font-weight: 600;
	font-size: 22px;
}

.single-post h3 {
	font-weight: 600;
	font-size: 20px;
}

.single-post .h4 {
	font-weight: 600;
	font-size: 17px;
}

@media only screen and (max-width: 480px) {
	.single-post .fusion-imageframe {
		margin: 0 0 24px 0 !important;
	}
}


.ut-contact-us-tabs .nav-tabs > .active {
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: black !important;
}

.ut-contact-us-tabs,
.ut-contact-us-tabs .nav-tabs > .active > .tab-link {
    border-top-width: 0px !important;
}

.ut-contact-us-tabs .nav {
    border: 0px !important;
}

#field_1_6 .select-arrow, 
#field_2_6 .select-arrow, 
#field_3_11 .select-arrow,
#field_3_12 .select-arrow {
	display: none;
}

.gform-theme--foundation #gform_1 .gform_fields, 
.gform-theme--foundation #gform_2 .gform_fields, 
.gform-theme--foundation #gform_3 .gform_fields {
    grid-row-gap: 10px;
    row-gap: 10px;
}

.gform-theme--foundation #gform_3 .gfield textarea.large {
    min-block-size: 7rem;
}

#gform_3 .gfield .gravity-select-parent select, #gform_3 .gfield select {
    height: 40px;
	font-size: 16px;
}

#gform_3 .gfield input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=image]):not([type=file]) {
    height: 40px;
	font-size: 16px;
}

#gform_submit_button_1, 
#gform_submit_button_2 {
    background: #272b2b;
	color: #ffffff;
    font-size: 18px;
    padding: 16px 32px;
    border-radius: 6px;
}

#gform_submit_button_1:hover
#gform_submit_button_2:hover {
	background: #000000;
	color: #ffffff;
}

#gform_submit_button_3 {
    background: #cb6b45;
	color: #ffffff;
    font-size: 18px;
    padding: 16px 32px;
    border-radius: 6px;
}

#gform_submit_button_3:hover {
    background: #ab4b25;
	color: #ffffff;
}



.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gfield_select[multiple=multiple] {
	box-shadow: none !important;
	outline: none !important;
}

.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=image]):not([type=file]):focus:after, .gform_wrapper .gfield_select[multiple=multiple]:focus:after {
	border: none !important;
}

.orange {
	color: #cb6b45;
}

@media only screen and (max-width: 480px) {
	
	.fusion-sharing-box .sharingbox-shortcode-icon-wrapper {
		display: block;
	}	
	
	.fusion-sharing-box .fusion-social-networks {
 	   text-align: left;
	}
	
	.ut-button {
		width: 240px;
		padding: 15px 20px !important;
	}

	.ut-button-flex {
		padding: 15px 20px !important;
	}
	
	.ut-about-grey-circle {
		background-position: 135% center !important;
	}

	.ut-event-hire-squiggle {
		background-image: none !important;
	}
	
	.ut-no-mobile-bg {
		background-image: none !important;
	}
	
	.ut-concept-why {
		background-position: 110% 98% !important;	
	}
	
	.ut-lp-work-bottom {
		background-position: 127% 72% !important;	
	}

	.ut-lp-services-top {
		background-position: left 232px !important;
	}
	
	.ut-lp-choose {
		background-position: 140% top !important;
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
	.ut-no-tablet-bg {
		background-image: none !important;
	}
	
	.ut-event-hire-squiggle {
		background-position: -120px top !important;
	}
	
	.ut-hire-delivery {
		background-position: -132px top !important;
	}
	
	.ut-decor-talk-decor {
		background-position: -140px top !important;
	}
	
	.ut-bar-services-tablet {
		background-position: -140px center !important;
	}
	
	.ut-bar-choose {
		background-position: -80px 100px !important;
	}
	
	
}

@media only screen and (min-width: 640px) {
	.single-post .fusion-image-element {
		width: 40% !important;
	}
}

@media only screen and (min-width: 481px) {
	.ut-lp-work-bottom {
		background-position: 109% bottom !important;	
	}

	.ut-lp-services-top {
		background-position: left 80px !important;
	}

	.ut-lp-choose {
		background-position: left 60% !important;
	}

}



.ut-lp-anchored-button {
	position: absolute;
	bottom: -100px;
}

.ut-lp-fixed-bubbles {
	position: absolute;
}

@media only screen and (min-width: 1025px) {
	
	.ut-lp-where-we-work {
		background-position: -30px top !important;
	}

	.ut-event-hire-squiggle {
		background-position: -70px top !important;
	}

	.ut-decor-talk-decor {
		background-position: -20px top !important;
	}
	
	.ut-bar-choose {
		background-position: left 100px !important;
	}

}

.ut-decor-why {
	background-position: -170px top !important;
}

.ut-inspiration-explore-catalogue {
	background-position: 102% bottom !important;
}

.ut-staff-bottom-charm {
	background-position: 92% bottom !important;
}

.Xut-inspiration-cta {
	background-image: url('https://urbantonic.co.za/wp-content/uploads/2025/09/inspiration-squiggle.svg');
	background-size: 300px;
	background-position: right middle !important;
}

@media only screen and (min-width: 481px) {
	.ut-concept-why {
		background-position: 105% 35% !important;
	}
}