/*
 Theme Name:   Stargaze Child Theme
 Theme URI:    https://stargaze.themerex.net
 Description:  Stargaze Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     stargaze
 Version:      1.0.0    
 Tags:         astronomy, telescopes, binoculars, optics, science, online shop, events, museum, space observatory, aerospace company, engineering, space tourism, astronomy museum, planetarium, space blog
 Text Domain:  stargaze
*/


/* =Theme customization starts here
------------------------------------------------------------ */


.custom-logo-link img, .sc_layouts_logo img {
    width: 119px;
	transform: translatey(-10px);
	max-height: unset!important;
}

@media (max-width: 767px) {
   .custom-logo-link img, .sc_layouts_logo img {
		width: 95px;
		max-height: unset!important;
	   transform: translatey(-20px);
	}
    .trx_addons_icon-menu::before {
      content: "";
      display: inline-block;
      width: 44px; /* Adjust width based on the SVG size */
      height: 44px; /* Adjust height based on the SVG size */
      background: url('/wp-content/uploads/2024/11/mobile-burger-icons.svg') no-repeat center center!important;
      background-size: 28px!important;
        content: ' '!important;
        background-color: #fff!important;
        border-radius: 50%!important;
        box-shadow: 0px 0px 20px rgba(89, 47, 17, 0.25)!important;
    }
}



.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    width: auto;
    height: auto;
}

.elementor-accordion .elementor-accordion-icon-closed svg {
	transform: translate(0px, -9px);
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened svg {
	transform: translate(-10px, -17px);
}

.keep-fourhundred {
	max-width: 400px;
}

.wpcf7 {
	max-width: 90%;
}

.wpcf7 .wpcf7-not-valid {
    border-color: transparent!important;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.wpcf7 span.wpcf7-not-valid-tip {
    margin-top: 0px!important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
   -webkit-text-fill-color: inherit;
}

input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection, .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--default .select2-selection--multiple, textarea, textarea.wp-editor-area, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--multiple, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-choice, .wpcf7 label {
	border-color: transparent!important;
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
	
}

input[type="text"]:focus, input[type="text"].filled, input[type="email"]:focus, input[type="email"].filled, input[type="url"]:focus, input[type="url"].filled, input[type="tel"]:focus, input[type="tel"].filled, input[type="search"]:focus, input[type="search"].filled, input[type="password"]:focus, input[type="password"].filled, .select_container:hover, select option:hover, select option:focus, .select2-container.select2-container--default span.select2-selection--single:hover, .select2-container.select2-container--default span.select2-choice:hover, .select2-container.select2-container--default span.select2-selection--multiple:hover, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-selection--multiple, select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default.select2-container--open span.select2-choice, .select2-container.select2-container--focus span.select2-choice, .select2-container.select2-container--open span.select2-choice, .select2-container.select2-container--focus span.select2-selection--single, .select2-container.select2-container--open span.select2-selection--single, .select2-container.select2-container--focus span.select2-selection--multiple, .select2-container.select2-container--open span.select2-selection--multiple, textarea:focus, textarea.filled, textarea.wp-editor-area:focus, textarea.wp-editor-area.filled {
	color: #101922!important;
}

select {
	color: #101922!important;
}

.cf7_spacer {
	width: 100%;
	height: 20px;
}

input::placeholder {
    color: #A88053!important; /* Change this to your desired color */
    opacity: 0.6!important; /* Ensure the color is fully visible; adjust if necessary */
}

textarea::placeholder {
	color: #101922!important;
}
input[type="number"]:focus, input[type="number"].filled {
	color: #592F11!important;
}

.form_name_label {
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
	background-image: url('/wp-content/uploads/2024/09/person.png'); /* Path to your background image */
    background-repeat: no-repeat; /* Prevent repeating of the background image */
    background-size: 24px; /* Ensure the image fits within the padding area */
    background-position: left center; /* Position the image on the left, centered vertically */
	height: 25px;
	padding-left: 30px;
	color: #101922;
}

.form_drive_label {
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
	background-image: url('/wp-content/uploads/2024/09/directions_car.png'); /* Path to your background image */
    background-repeat: no-repeat; /* Prevent repeating of the background image */
    background-size: 24px; /* Ensure the image fits within the padding area */
    background-position: left center; /* Position the image on the left, centered vertically */
	height: 25px;
	padding-left: 30px;
	color: #A8805399;
	margin-top: 30px;
}

.form_two {
	display: flex;	
	
	gap: 30px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 500px) {
	.form_two {
		flex-wrap: wrap;
		gap: 20px;
	}
}

.form_two p {
	margin: 0px!important;
}

.form_two input {
	max-width: 100%!important;
	margin-bottom: 0px!important;
}

.form_v2_text {
	border-bottom: 1px solid #592F1199!important;
}

.form_name {
	/*padding-left: 30px!important;  Adjust this to make room for the background image */
    background-image: url('/wp-content/uploads/2024/09/person.png'); /* Path to your background image */
    background-repeat: no-repeat; /* Prevent repeating of the background image */
    background-size: 20px; /* Ensure the image fits within the padding area */
    background-position: left top 12px; /* Position the image on the left, centered vertically */
}

.form_name input, .form_email input, .form_message textarea {
	margin-left: 30px;
}

.form_name {
	background-image: url('/wp-content/uploads/2024/09/person.png')!important; /* Path to your background image */
    background-repeat: no-repeat!important; /* Prevent repeating of the background image */
    background-size: 20px!important; /* Ensure the image fits within the padding area */
    background-position: left top 12px; /* Position the image on the left, centered vertically */
	border-bottom: 1px solid #592F1199!important;
}

.form_email {
	background-image: url('/wp-content/uploads/2024/09/mail_outline.png')!important; /* Path to your background image */
    background-repeat: no-repeat!important; /* Prevent repeating of the background image */
    background-size: 20px!important; /* Ensure the image fits within the padding area */
    background-position: left top 12px; /* Position the image on the left, centered vertically */
	border-bottom: 1px solid #592F1199!important;
}



.form_message.with_border {
	border-bottom: 1px solid #592F1199!important;
}

.form_email p, .form_name p {
	margin: 0!important;
}

.form_email input, .form_name input {
	margin-left: 30px!important;
	margin-bottom: 0px!important;
	appearance: none!important;
	width: calc(100% - 30px)!important;
}

.form_lodge {
	background-image: url('/wp-content/uploads/2024/09/foundation.png')!important; /* Path to your background image */
    background-repeat: no-repeat!important; /* Prevent repeating of the background image */
    background-size: 20px!important; /* Ensure the image fits within the padding area */
    background-position: left top 12px; /* Position the image on the left, centered vertically */
	border-bottom: 1px solid #592F1199!important;

}

.form_lodge p {
	margin: 0!important;
}

.form_lodge input {
	margin-left: 30px!important;  /* Adjust this to make room for the background image */
	margin-bottom: 0px!important;
	max-width: calc(100% - 30px)!important;
}


.form_state {
	margin-top: 20px;
}

.form_state select {
	padding-left: 30px!important;  /* Adjust this to make room for the background image */
    background-image: url('/wp-content/uploads/2024/09/place.png')!important; /* Path to your background image */
    background-repeat: no-repeat!important; /* Prevent repeating of the background image */
    background-size: 20px!important; /* Ensure the image fits within the padding area */
    background-position: left center!important; /* Position the image on the left, centered vertically */
	margin-left: 0px!important;
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
}

.reserve_notice {
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
	color: #A88053!important;
}

select_container, .select_container:after {
    color: #A88053!important;
}


select_container:focus:after, .select_container:hover:after {
    color: #A88053!important;
}

.form_message {
	/*padding-left: 30px!important;  Adjust this to make room for the background image */
    background-image: url('/wp-content/uploads/2024/09/mode.png'); /* Path to your background image */
    background-repeat: no-repeat; /* Prevent repeating of the background image */
    background-size: 20px; /* Ensure the image fits within the padding area */
    background-position: left top 12px; /* Position the image on the left, centered vertically */
}

.form_submit {
	width: 100%;
	text-align: center;
	margin-top: 80px;
}

.form_check {
	margin-top: 20px;
}

.form_check .wpcf7-list-item {
	margin-left: 0;
}

.wpcf7 form.sent .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success, .trx_addons_message_box_success {
	color: #101922!important;
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
}

h3#ship-to-different-address label > span, input[type="radio"] + label, input[type="checkbox"] + label, input[type="radio"] + .wpcf7-list-item-label, input[type="checkbox"] + .wpcf7-list-item-label, .edd_price_options ul > li > label > input[type="radio"] + span, .edd_price_options ul > li > label > input[type="checkbox"] + span {
	font-size: 18px;
	color: #101922;
}

.wpcf7 textarea {
    height: 100px;

}

.number-input-wrapper {
	margin-top: 20px;
    width: 100px;
	border: 1px solid #592F1199;
	border-radius: 30px;
	position: relative;
	height: 45px;
}

.custom-number-input {
    width: 60px!important;
	background-color: transparent!important;
	margin-let: 20px!important;
	position: absolute;
	top: 3px;
	left: 10px;
	padding: 6px!important;
	
}

.number-btn {
    position: absolute;
	right: 8px;
	width: 22px;
	height: 22px;
	background-color: transparent;
	background-size: 22px;
	background-repeat: no-repeat;
	cursor:pointer!important;
}

.number-btn.increment {
	top: 3px;
	background-image: url('/wp-content/uploads/2024/10/up.png');
}

.number-btn.decrement {
	bottom: 3px;
	background-image: url('/wp-content/uploads/2024/10/down.png');
}

.form_message_label {
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
	background-image: url('/wp-content/uploads/2024/09/mode.png'); /* Path to your background image */
    background-repeat: no-repeat; /* Prevent repeating of the background image */
    background-size: 24px; /* Ensure the image fits within the padding area */
    background-position: left center; /* Position the image on the left, centered vertically */
	height: 25px;
	padding-left: 30px;
	color: #101922;;
	margin-top: 30px;
}

.message-container {
	border-bottom: 1px solid #592F1199!important;
}

.wpcf7 .wpcf7-submit-style .wpcf7-submit {
    bacground: #857E3733;
	font-family: Montserrat!important;
	font-size: 18px!important;
	font-weight: 500!important;
	line-height: 24px!important;
}

.wpcf7 form.invalid .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error, .wpcf7 form.unaccepted .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error, .trx_addons_message_box_error {
    color: #000!important;
	margin-top: 70px;
}

.wpcf7 form .trx_addons_message_box.wpcf7-response-output, .wpcf7 div.wpcf7-response-output {
    color: #000!important;
	margin-top: 70px;
}

.menu-item-54456 span,  .menu-item-57440 span{
	
	color: transparent;
	background: url("/wp-content/uploads/2024/10/Reserve-my-ESV.png") no-repeat center center;
	background-size: 125px;
	background-color: #E7E5D7;
	white-space: nowrap!important;
	padding: 10px 30px 12px 30px;
	border-radius: 30px;
	font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
	border: 1px solid transparent;
}

.menu-item-54456 span:hover {
	background-color: #DADADA;
	border: 1px solid #492F1E;
}

.sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_popup .sc_layouts_menu_nav > li > ul, .sc_layouts_menu_nav > li > ul ul, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {
    background-color: #50421CCC!important;
}

.wait-for-load {
	opacity: 1
}

.wait-for-load.wait {
	opacity: 0;
}

.footer_wrap .sc_layouts_row_type_compact .sc_socials.sc_socials_default .socials_wrap .social_item .social_icon {
	border: none!important;
}

h3#ship-to-different-address label > span:before, input[type="radio"] + label:before, input[type="checkbox"] + label:before, input[type="radio"] + .wpcf7-list-item-label:before, input[type="checkbox"] + .wpcf7-list-item-label:before, .wpcf7-list-item-label.wpcf7-list-item-right:before, .edd_price_options ul > li > label > input[type="radio"] + span:before, .edd_price_options ul > li > label > input[type="checkbox"] + span:before {
	color: #101922!important;
}


* Hide the default icon */
.trx_addons_icon-menu {
  display: none; /* Optional, hide the original icon */
}

/* Add the SVG as a background image for the icon */
.trx_addons_icon-menu::before {
  content: "";
  display: inline-block;
  width: 44px; /* Adjust width based on the SVG size */
  height: 44px; /* Adjust height based on the SVG size */
  background: url('/wp-content/uploads/2024/11/mobile-burger-icons.svg') no-repeat center center!important;
  background-size: 28px!important;
	content: ' '!important;
	background-color: #fff!important;
	border-radius: 50%!important;
	box-shadow: 0px 0px 20px rgba(89, 47, 17, 0.25)!important;
}

.menu_mobile .menu_mobile_inner, .menu_mobile .menu_mobile_widgets_area {
	background-color: #50421C!important;
}

/*.wpcf7 .select_container, .wpcf7 textarea, .wpcf7 input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]) {
    max-width: 10%!important;
}*/

.wpcf7 .wpcf7-submit-style .wpcf7-submit:not(.another-class) {
	background-color: #E7E5D7!important;
	color: transparent!important;
	padding-left: 35px !important;
	font-family: "Montserrat", Sans-serif!important;
    font-size: 16px!important;
    font-weight: 600!important;
}

.wpcf7 .wpcf7-submit-style .wpcf7-submit:not(.another-class):hover {
	
	background: linear-gradient(93.7deg, #492F1E -2.71%, #BB5E1B 97.29%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
	background-color: #DADADA!important;
}

.sc_portfolio .post_featured_bg > .post_featured_bg_image, .post_featured_bg .post_thumb {
    background-position: top 20px center;
    background-size: initial;
}

.sc_portfolio .sc_portfolio_item_thumb {
	background: url('/wp-content/uploads/2024/09/Frame.png');
	background-color: #50421C;
}

.trx_addons_scroll_to_top.show {
    bottom: 53px!important;
    right: 20px!important;
}

#wpcf7-f55175-p54575-o1 .trx_addons_message_box_success {
	display: none!important;
	height: 0px!important;
	opacity: 0!important;
}

.custom-button {
	font-family: "Montserrat", Sans-serif!important;
    font-size: 16px!important;
    font-weight: 600!important;
    background-color: #E7E5D7!important;
    border-radius: 30px 30px 30px 30px!important;
    padding: 15px 30px 15px 30px!important;
	border: 1px solid transparent!important;
	border-width: 1px!important;
}

.custom-button:not(.somethingelse) {
	border-width: 1px!important;
}

.custom-button-text {
	background: linear-gradient(93.7deg, #492F1E -2.71%, #BB5E1B 97.29%)!important;
    -webkit-background-clip: text!important;
    background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    text-fill-color: transparent!important;
}

.custom-button:hover {
	background: #DADADA; /* Background color */
	border: 1px solid transparent; /* Transparent border */
	border-radius: 30px; /* Rounded corners */
	background-image: linear-gradient(#DADADA, #DADADA), linear-gradient(45deg, #492F1E, #BB5E1B); /* Gradient border */
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.button-style-for-button-component .elementor-button:hover {
	background: #DADADA; /* Background color */
	border: 1px solid transparent; /* Transparent border */
	border-radius: 15px; /* Rounded corners */
	background-image: linear-gradient(#DADADA, #DADADA), linear-gradient(45deg, #492F1E, #BB5E1B); /* Gradient border */
	background-origin: border-box;
	background-clip: padding-box, border-box;
	
}

.custom-submit {
	position: relative!important;
}
.submit-reg {
	position: relative;
}

.submit-reg input {
	width: 220px;
	border: 1px solid transparent;
	border-width: 1px!important;
}



.submit-reg-text {
	position: absolute;
	top: 50%;
	left: calc(50% - 15px);
	transform: translate(-50%, -50%);
	z-index: 50;
	pointer-events: none;
	
}

.submit-reg-text p {
	padding: 0;
	margin: 0;
	font-family: Montserrat!important;
	font-size: 16px!important;
	font-weight: 600!important;
	background: linear-gradient(93.7deg, #492F1E -2.71%, #BB5E1B 97.29%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
	
}

.menu_main_nav>li>a, .sc_layouts_menu_nav>li>a span {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.sc_layouts_menu_nav a.active span {
    text-decoration: underline!important;
	text-decoration-color: #A8805399;   /* Sets the color of the underline */
    text-decoration-thickness: 2px;  /* Controls the thickness of the underline */
    text-underline-offset: 4px;
}

.sc_layouts_menu_popup .sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li li > a {
    color: #fff!important;
	font-family: Montserrat!important;
	font-size: 16px!important;
	font-weight: 600!important;
	line-height: 24px!important;
}

.sc_layouts_menu_popup .sc_layouts_menu_nav, .sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {
    width: 250px!important;
    text-align: center;
    padding-bottom: 30px;
}

.sc_layouts_menu_nav > li > a:hover, .sc_layouts_menu_nav > li.sfHover > a {
    color: #fff!important;
	font-weight: 700;
}

 .elementor-accordion-item .elementor-tab-content {
    
    border-top: none!important;
}
/* Arrow hidden for now */
/*.sc_portfolio.sc_portfolio_default .sc_portfolio_item .post_featured .post_info {
	width: 100%;
    max-width: 100%;
	background: url('/wp-content/uploads/2024/10/arrow_back.png') no-repeat; 
	background-position: calc(100% - 28px) calc(50% + 3px);
	padding-right: 50px;
	-webkit-transform: none!important; 
    -ms-transform: none!important; 
    transform: none!important; 
}*/

.sc_portfolio.sc_portfolio_default .sc_portfolio_item .post_featured .post_info {
    -webkit-transform: none!important; 
    -ms-transform: none!important; 
    transform: none!important; 
    
}

._form_contact .form_name .wpcf7-not-valid-tip, ._form_contact .form_email .wpcf7-not-valid-tip {
	padding-left: 30px;
}

.gradient-text-slider .rs_splitted_chars {
    background: linear-gradient(180deg, #4D2E22 0%, #994E20 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.homepage-2nd-slide-title .rs_splitted_chars{
	background: linear-gradient(180deg, #1A2D4B 20.31%, #336583 95.31%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.explore-esv-home-slide{
  background: linear-gradient(270deg, #994E20 0%, #4D2E22 100%) !important;
}

.explore-eboat-home-slide{
  background: linear-gradient(270deg, #336583 0%, #1A2D4B 100%) !important;
}

.button2-style-for-button-component .elementor-button-text {
    background: linear-gradient(93.7deg, #1A2D4B -2.71%, #61879A 97.29%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.button-conactus-style-for-button-component .elementor-button-text {
    background: linear-gradient(93.7deg, #492F1E -2.71%, #BB5E1B 97.29%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
.uncover-possiblity{
    background-image: radial-gradient(circle at 100% 50%, #0A121D, rgba(0, 0, 0, 0)), url('https://thula-africa.azurewebsites.net/wp-content/uploads/2024/11/IMG_8947-1.png') !important;
}