/*
Theme Name: REFIVE Child Theme
Theme URI: https://refive.ch
Description: Child theme for REFIVE Theme
Author: REFIVE
Textdomain: qi
Author URI: https://refive.ch
Template: refive
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html 
*/

/* Refive custom css */

html {
  scroll-behavior: smooth;
}

a:focus, a:hover, p a:focus, p a:hover {
	outline: none !important;
	text-decoration: none !important;
}

@media only screen and (min-width: 2040px) { 
	.qodef-header--standard #qodef-page-header-inner {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media only screen and (min-width: 481px) and (max-width:880px) {
    section.qodef-elementor-content-grid>.elementor-container,#qodef-page-footer .qodef-content-grid {
        width:calc(100% - 60px)!important
    }
} 
@media only screen and (max-width: 480px) {
    section.qodef-elementor-content-grid>.elementor-container,#qodef-page-footer .qodef-content-grid {
        width: calc(100% - 40px)!important
    }
	
	 #qodef-page-mobile-header-inner {
        padding: 0 20px!important
    }
}

/* Animations */
 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

.fadeInRight {
	animation: fadeInRight 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }

.fadeInLeft {
	animation: fadeInLeft 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }


.fadeInDown {
	animation: fadeInDown 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }

.fadeInUp {
	animation: fadeInUp 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0s 1 normal forwards; }


/* Home */

.cs-image:before {
	content: "Coming Soon";
	background-color: #fff;
	padding: 15px 20px;
	border-radius: 33px;
	color: rgba(0, 19, 65, 0.6);
	font-size: 16px;
	transform: translate(-50%, -20%);
	transform-origin: center;
	top: 50%;
	left: 50%;
	position: absolute;
}

.widget_qode_essential_addons_button .qodef-theme-button svg {
	display: none;
}

/* Gravity formss */

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
	background-color: rgba(255, 255, 255, 0.1);
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid rgba(25, 160, 249, 0.7);
	color: rgba(255, 255, 255, 0.4);
}

.gform_button:hover {
	background-color: #001341 !important
}

.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
	justify-content: center;
}

.gform_button {
	border-radius: 33px !important;
	background-color: #19a0f9 !important;
	border: 1px solid #fff !important;
	padding: 20px 35px !important;
	font-size: 16px !important;
	line-height: 1em !important;
	font-weight: 300 !important;
	box-shadow: 0px 3px 0px 0px #fff;
}

.gform_wrapper.gravity-theme .gform_fields {
	grid-column-gap: 20px !important;
	grid-row-gap: 20px !important;
}

/* Footer */

#qodef-page-footer p {
	color: #fff;
}

#qodef-page-footer p a, #qodef-page-footer .widget ul li a {
	color: rgba(255,255,255,0.8);
}

#qodef-page-footer p a:hover,  #qodef-page-footer .widget ul li a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

#qodef-page-footer .widget ul li {
	margin-bottom: 25px !important;
	padding: 0;
}

.widget.widget_nav_menu ul li:last-child {
	margin-bottom: 0 !important;
}

#qodef-page-footer .qodef-theme-button.qodef--filled {
	box-shadow: 0px 3px 0px 0px #fff;
	border-color: #fff;
}

#qodef-page-footer-bottom-area #qodef-page-footer-bottom-area-inner .qodef-grid-inner {
	align-items: center
}

#qodef-page-footer-top-area:before {
	content: "";
	width: 100%;
	height: 75px;
	background-image: url(http://missiontelecom.refive.org/wp-content/uploads/2024/02/Asset-1.svg);
	background-position: center;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}

/* Responsive */

@media only screen and (min-width : 1025px) {
	
	.qodef-grid.qodef-layout--columns.qodef-col-num--4>.qodef-grid-inner {
		grid-template-columns: repeat(12, 1fr) !important;
	}
	
	#qodef-page-footer-top-area .qodef-grid-item:first-child {
			grid-column-start: 1;
		grid-column-end: 6;
	}

	#qodef-page-footer-top-area .qodef-grid-item:nth-child(2) {
		grid-column-start: 6;
		grid-column-end: 8;
	}

	#qodef-page-footer-top-area .qodef-grid-item:nth-child(3) {
		grid-column-start: 8;
		grid-column-end: 11;
	}

	#qodef-page-footer-top-area .qodef-grid-item:nth-child(4) {
		grid-column-start: 11;
		grid-column-end: 13;
	}
}

@media only screen and (max-width : 1024px) {
	#qodef-page-footer-top-area:before {
		height: 55px;
	}
	
	#qodef-page-footer-top-area-inner {
		padding: 85px 0 0 0 !important;
	}
	
	#qodef-page-footer .widget ul li {
		margin-bottom: 15px !important;
	}
	
	#qodef-page-footer-bottom-area .qodef-grid.qodef-gutter--normal>.qodef-grid-inner {
		gap: 15px;
	}
	
	#qodef-page-footer-bottom-area-inner {
		padding-top: 15px !important;
		padding-bottom: 35px !important;
	}
}