/* 
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
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap');


#page {max-width: 1920px; margin: 0 auto; font-family: "Josefin Sans", sans-serif;}

p:last-child {margin: 0 !important;}
.no-margin {margin: 0 !important;}
a {transition: all 0.3s ease-in-out; color: #FFF; text-decoration: none !important;}
a:hover {color: #edf2f4;}
ul {padding: 0 0 0 8px;}

#main_header #search_container .input-group-text{
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 0;
	border-radius: 0 50px 50px 0;
	padding-right: 20px;
}

#main_header #search_container #search_name{
	border-radius: 50px 0 0 50px;
	border: 1px solid #EEE;
	border-right: 0;
	height: 55px;
	line-height: 55px;
}

.subclan_list .subclans { 
	border: 1px solid #FFF; border-radius: 10px; min-width: 300px;
}

#info_modal .line {background: #EEE; padding: 20px; font-size: 20px; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: top; gap: 40px; margin: 0 0 20px 0;} 
#info_modal .line_content {width: 80%;}
#info_modal .line a {width: 20%; text-align: right;}
#info_modal #location_edit_container, #info_modal #occupation_edit_container, #info_modal #contact_edit_container {display: none; margin: 10px 0 0 0;}

#search_container {max-width: 767px; margin: 30px auto 0; position: relative;}
#search_container #search_name {height: 44px; line-height: 44px;}
#search_container #search_name:focus {box-shadow: none;}
#search_container #search_btn {color: #000;} 

.subclan_list .subclans .meta_data {border-top: 1px solid #FFF;}
.subclan_list .subclans .meta_data a {color: #FFF;}

#main_header {padding: 120px 20px;}
#main_header h1 {margin: 0 auto; text-align: center; font-weight: 600; color: #FFF; text-transform: uppercase; font-size: clamp(2rem, 10vw, 4rem);}

#subclan_container {width: 100%; transition: all 0.3s ease-in-out; }

#main_generation:before, #dynamic_clan .subclan_container:before {
	content: '1st Gen';
	position: absolute;    
    left: 0;
	right: 0;
	margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    letter-spacing: 0.25em;
    font-size: 0.9em;
    width: 20em;
	top: -3.25em;
    height: 3.25em;    
    line-height: 3.25em;    
    padding-top: 0.5em;
    background: #e97770;    
    color: #fff;
}

.subclan_list {display: flex; justify-content: center; width: 100%; align-self: center; gap: 20px; padding: 0; margin: 0 auto; flex-wrap: wrap;}

.subclan_list .subclans .name { display: block; margin: 0; padding: 20px 40px; font-size: 20px; text-align: center; color: #FFF;}
.subclan_list .subclans .name a { color: #FFF;}
.subclan_list .subclans .meta_data { display: flex; justify-content: space-evenly; }
.subclan_list .subclans .meta_data a {display: block; width: 100%; padding: 10px; text-align: center; color: #edf6f9;}

.subclan_list .active .meta_data .reset, .subclan_list .active .meta_data .base_reset {display: block;}
.subclan_list .subclans .meta_data .reset, .subclan_list .subclans .meta_data .base_reset {display: none;}


#dynamic_clan .subclan_list .subclans {border: 1px solid #000;}
#dynamic_clan .subclan_list .subclans .name a, #dynamic_clan .subclan_list .subclans .name {color: #000;}
#dynamic_clan .subclan_list .subclans .meta_data a {color: #000;}
#dynamic_clan .subclan_list .subclans .meta_data { border-top: 1px solid #000;}

#gawidan_liwaliw #main_generation, #gawidan_liwaliw #main_generation:before {background: #E87770;}
#mauntaw_shaynes #main_generation, #mauntaw_shaynes #main_generation:before {background: #D1322F;}
#miansha_sumali #main_generation, #main_generation:before {background: #540d6e;} 

#dynamic_clan .subclan_container {display: none;}
#main_generation, .subclan_container {position: relative; padding: 60px 100px 100px;}

	
#second_generation_container {background: #EEF7FF;}
#second_generation_container:before {
	content: '2nd Gen' !important;
	color: #000 !important;
	background:#EEF7FF !important;
}

#third_generation_container {background: #EADBC8;}
#third_generation_container:before {
	content: '3rd Gen' !important;
	color: #000 !important;
	background:#EADBC8 !important;
}

#fourth_generation_container {background: #FFEAE3;}
#fourth_generation_container:before {
	content: '4th Gen' !important;
	color: #000 !important;
	background:#FFEAE3 !important;
}

#fifth_generation_container {background: #FFCBCB;}
#fifth_generation_container:before {
	content: '5th Gen' !important;
	color: #000 !important;
	background:#FFCBCB !important;
}

#sixth_generation_container {background: #FFB1B1;}
#sixth_generation_container:before {
	content: '6th Gen' !important;
	color: #000 !important;
	background:#FFB1B1 !important;
}

#seventh_generation_container {background: #F3F3F3;}
#seventh_generation_container:before {
	content: '7th Gen' !important;
	color: #000 !important;
	background:#F3F3F3 !important;
}

.info_image img {width: 100%;}

#mobile_header {display: none;}

#missing_page {background: url('images/404.jpg') no-repeat center center; background-size: cover; height: calc(100vh - 59px); display: flex; justify-content: start; align-items: start;} 
#missing_page #go_back_btn {display: block; margin: 100px auto 0; font-size: 26px; background: #000; color: #FFF; text-align: center; line-height: 26px; padding: 15px 30px;} 

#page .post-password-required .page-content {max-width: 1440px; margin: 0 auto; padding: 100px 40px;}
#page .post-password-required .page-content input[type="submit"] {margin: 0 0px 7px 7px;}

#clear_btn {
  position: absolute;
  right: 110px;
  top: 55%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none; /* Hidden by default */
}


#siggy_loader {display: none;}
#siggy_box {position: fixed; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8); top: 0; left: 0;}
.lds-hourglass,
.lds-hourglass:after {
  box-sizing: border-box;
}
.lds-hourglass {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #FFF;
  border-color: #FFF transparent #FFF transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}



@media (max-width: 1440px) {	
	
	
}

@media (max-width: 1024px) {	
	
	
}


@media (max-width: 767px) {	
	
	#main_generation, .subclan_container {padding: 60px 20px 100px;}
	.subclan_list {flex-flow: column;}
}



@media (max-width: 480px) {	

}