/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body .e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, 
body .e-con>.elementor-widget>.elementor-widget-container {
	height: auto;
}

body {
	overflow-x: hidden !important;
}

html,body {
	text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

body img,
body svg {
	image-rendering: -webkit-optimize-contrast !important;
}

.uofn-header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:last-child>a {
    font-weight: 300 !important;
	text-transform: capitalize !important;
	margin-left: 20px !important;
}

.elementor-nav-menu--main .elementor-item {
    font-family: var(--e-global-typography-e673e88-font-family), Sans-serif !important;
}

/* remove the below if you don't want smooth scrolling */
html,
body {
  scroll-behavior: smooth;
}

p:last-child {
	margin-bottom: 0;
}

.elementor-icon-wrapper {
	display: flex !important;
}

div.blurred {
	-webkit-filter: blur(0px) grayscale(1) sepia(45%);
    -moz-filter: blur(0px) grayscale(1) sepia(45%);
    -o-filter: blur(0px) grayscale(1) sepia(45%);
    -ms-filter: blur(0px) grayscale(1) sepia(45%);
}

div.uofn-dark-overlay {
	background: linear-gradient(0deg, rgba(16, 31, 25, 0.85) 0%, rgba(0, 0, 0, 0.34) 20%, rgba(0,0,0,0.25) 100%) !important;
}

/* Header */
.uofn-header:not(.elementor-sticky__spacer) {
	top: 30px !important;
	transition: all ease-out .1s;
	transform: translatey(0%) !important;
}

.uofn-header:not(.elementor-sticky__spacer).hidden {
	transform: translatey(calc(-30px - 100%)) !important;
}

.uofn-header.is-sticky:not(.elementor-sticky__spacer) {
	top: 0 !important;
}

.uofn-header.is-sticky .uofn-header__bg {
	transform: translatey(0%);
	opacity: 1;
}

.uofn-header__bg {
	transform: translatey(-100%);
	transition: all ease-out .45s;
	opacity: 0;
}

.uofn-header__logo {
    float: left;
    height: 50px;
}

.uofn-header__logo img {
    margin-top: -5px;
}

.uofn-header__menus .elementor-item {
	cursor: pointer;
}

.uofn-bg {
	background-blend-mode: multiply;
    background-color: #325248;
}

.uofn-side-nav, 
.uofn-mobile-nav,
.uofn-sub-side-nav {
	transition: all ease-out .7s;
	transform: translatex(100%);
}

.uofn-side-nav.opened, 
.uofn-mobile-nav.opened,
.uofn-sub-side-nav.opened {
	transform: translatex(0%);
}

.uofn-side-nav__menu-wrapper {
	display: none;
}

.uofn-side-nav__menu-wrapper.uofn-side-nav__menu-wrapper--opened {
	display: block;
}

.menu-more i {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.menu-account i {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 27px;
}

.menu-account a {
	height: 50px;
}

.elementor-1295 .elementor-element.elementor-element-6437ffd:not(.elementor-motion-effects-element-type-background), .elementor-1295 .elementor-element.elementor-element-6437ffd > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: url(/wp-content/uploads/2024/07/uofn-bali-header.jpg);
}

.elementor-1295 .elementor-element.elementor-element-a2f1caf:not(.elementor-motion-effects-element-type-background), .elementor-1295 .elementor-element.elementor-element-a2f1caf > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: url(/wp-content/uploads/2024/07/uofn-bali_bg.jpg);
}

/* Font Style */
.h1-hero h1.elementor-heading-title.elementor-size-default {
	-webkit-font-smoothing: antialiased;
}

.volunteer h1.elementor-heading-title.elementor-size-default {
    line-height: 1;
    color: #fff;
    font-family: 'Butler UltraLight', 'Butler', Bodoni, Times New Roman, Times, serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-size: 116.6px !important;
}


h2.elementor-heading-title.elementor-size-default {
	font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}

.bg-purple {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.25) !important;
}

#btn-ghost-black {
    color: #0c9;
    background: none;
    display: inline-block;
    padding: 10px 50px;
    border-radius: 50px;
    border: 2px solid #0c9;
    transition: 0.5s ease;
}

#btn-ghost-black:hover {
    background: #0c9;
    color: white;
    transition: 0.5s ease;
    text-decoration: none;
}

#btn-primary {
    color: #eccfcf;
    background-color: #2b5f4e;
    border-color: #2b5f4e;
}

#btn-primary a {
	line-height: 1;
    color: #FFF;
    padding: 3px;
}

#btn-primary:hover, #btn-primary:focus {
    opacity: 0.7;
    background-color: #0b8;
    border-color: #0b8;
}

a#btn-primary:hover {
	color: #FFF;
}

.uo-hero::before {
    background-image: linear-gradient(0deg, rgba(16, 31, 25, 0.85) 0%, rgba(0, 0, 0, 0.34) 20%, rgba(0, 0, 0, 0.25) 100%) !important;
}

.page-template-ministries-page-template .ministries-paragraph .btn-primary {
    color: #eccfcf !important;
    background-color: #2b5f4e;
    border-color: #2b5f4e;
}

.page-template-ministries-page-template .ministries-paragraph .btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 90%;
    padding: 10px 36px;
    border: 1px solid transparent;
    border-radius: 50px;
}

.page-template-ministries-page-template .ministries-paragraph .btn-primary:hover, .btn-primary:focus {
    opacity: 0.7;
    background-color: #0b8;
    border-color: #0b8;
    color: #FFF !important;
}

.page-template-ministries-page-template .ministries-paragraph a {
    cursor: pointer;
    transition: all 0.2s;
    color: #428bca;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.7em !important;
}

.page-template-ministries-page-template .ministries-paragraph a:hover {
    transition: all 0.2s;
    color: #0c9 !important;
    text-decoration: underline !important;
}

.ministries-paragraph h3 {
    font-size: 24px !important;
    font-family: 'Butler Bold', 'Butler Regular', 'Butler', Bodoni, Times New Roman, Times, serif !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}

.ministries-paragraph h4 {
    font-size: 18px !important;
    font-family: 'Butler Bold', 'Butler Regular', 'Butler', Bodoni, Times New Roman, Times, serif !important;
    font-weight: 700;
    text-transform: capitalize !important;
}

.ministries-paragraph .row {
    display: flex;
    /* gap: 150px; */
    place-content: space-between;
}

.ministries-paragraph h3 {
    margin-top: 40px;
}

/* Contact */
.frm_fields_container .with_frm_style .frm_primary_label {
    font-family: "Montserrat", "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif !important;
    font-size: 14px !important;
    color: #24512b !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 0 0 3px 0 !important;
    color: #24512b !important;
    letter-spacing: -0.1px !important;
    line-height: 1.7em;
}

.with_frm_style input, .with_frm_style select {
    height: 50px !important;
    color: #0f0f0f !important;
    border: 0.5 solid #ede6e6 !important
    ;
    border-radius: 12px !important;
}

.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 10px;
}

.frm_full textarea {
    color: #0f0f0f !important;
    border: 0.5 solid #ede6e6 !important
    ;
    border-radius: 12px !important;
}

.with_frm_style .frm_checkbox input[type=checkbox] {
    height: 18px !important;
    width: 18px !important;
    border-radius: 0 !important;
    border: 1px solid #ede6e6 !important;
}

.with_frm_style input:focus, .with_frm_style select:focus, .frm_full textarea:focus {
    box-shadow: unset !important;
    border: 1.5px solid #467f64 !important;
}

.frm_button_submit {
	width: auto !important;
    font-family: "Montserrat", "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 16px !important;
    height: auto !important;
    line-height: normal !important;
    text-align: center;
    background: #2b5f4e !important;
    border-width: 0px;
    border-color: #cccccc !important;
    border-style: solid;
    color: #ffffff !important;
    cursor: pointer;
    font-weight: normal !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
    text-shadow: none;
    padding: 10px 30px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 15px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
	text-transform: capitalize !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

.frm_button_submit:hover {
    background: #efefef !important;
    border-color: #cccccc !important;
    color: #444444 !important;
}

.uo-contact a {
    color: #428bca;
    font-weight: 500;
}

.uo-contact a:hover {
    transition: all 0.2s;
    color: #0c9;
    text-decoration: underline;
}

/* Register */
.page-id-899 .elementor-location-header {
    display: none;
}

.uo-register .frm_button_submit {
    width: auto !important;
    font-family: "Montserrat", "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 16px !important;
    height: auto !important;
    line-height: normal !important;
    text-align: center;
    background: #2b5f4e !important;
    border-width: 0px;
    border-color: #cccccc !important;
    border-style: solid;
    color: #ffffff !important;
    cursor: pointer;
    font-weight: 500 !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
    text-shadow: none;
    padding: 10px 30px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin: 15px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.uo-register .frm_button_submit:hover {
   background: #efefef !important;
    border-color: #cccccc !important;
    color: #444444 !important; 
}

.jumbotron p {
    font-size: 21px;
    letter-spacing: -0.1px;
}

.jumbotron a {
    color: #2b5f4e;
    text-decoration: underline;
    font-size: 21px;
    letter-spacing: -0.1px;
}

/* Footer */
.uofn-shool-fees-popup {
	transition: all ease-out 1s;
	transform: translatex(100%);
}

.uofn-shool-fees-popup.opened {
	transform: translatex(0%);
}

@media screen and (max-width: 767px) {
	.uofn-header__mobile-toggle .uofn-header__mobile-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #fff;
	}
	.uofn-header__mobile-toggle .uofn-header__mobile-bar:last-of-type {
		margin-top: 4px;
	}
	
	.uofn-mobile-nav .elementor-nav-menu>li:first-child>a {
    	font-weight: 400 !important;
		text-transform: capitalize !important;
		margin-left: 0 !important;
		font-size: 16px !important;
		text-align: center !important;
	}
	
	.uofn-mobile-nav .elementor-nav-menu .elementor-item {
		font-size: 28px !important;
	}
	
	.ministries-paragraph .row {
   	 	display: flex;
    	flex-direction: column;
   	 	place-content: space-between;
    	gap: 20px;
	}
}