html, body
	{
		height: 100%;
		/*background-image: url("images/Oyu.png");*/
	}

	body
	{
		margin: 0px;
		padding: 0px;
		font-size: 12pt;
		font-weight: 200;
		cursor: url("images/cursor-black.png"), auto; 
	}
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0;
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 20px;
		list-style-type: disc;
	}
	
	p
	{
		line-height: 180%;
	}
	
	strong
	{
	}
	
	a
	{
		color: rgba(142,194,214,1);
	}
	
	a:hover
	{
		text-decoration: none;
		/*cursor: url('custom-white.png') 16 16, pointer;*/
	}
	
  hr {
    height: 4px;
    background-color: #bfd6e4;
    border: none;
    margin: 0 auto;
  }
	
	.container {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
  }
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
	}
	
	ul.actions
	{
	}
	
	ul.actions li
	{
		display: inline-block;
		/*padding: 0em 0.5em;*/
	}


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		margin: 0;
		padding: 2em 0em 0em 0em;
		list-style: none;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		background: rgba(142,194,214,1);
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #FFFFFF;
	}
	
/*	ul.contact li a.icon-twitter:before { background: #2DAAE4; }
	ul.contact li a.icon-facebook:before { background: #39599F; }
	ul.contact li a.icon-dribbble:before { background: #C4376B;	}
	ul.contact li a.icon-tumblr:before { background: #31516A; }
	ul.contact li a.icon-rss:before { background: #F2600B; }
	*/

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		padding: 1em 1em;
		/*letter-spacing: 0.10em;*/
		margin-top: 0em;
		/*padding: 1em 1em;*/
		border: 2px solid rgba(0,0,0,1);
		border-radius: 6px;
		text-decoration: none;
		font-weight: 700;
		font-size: 1em;
		color: #FFF;
		text-transform: uppercase;
	}
	
	.button:hover {
    background-color: #fff;
  }
	
	.button-alt
	{
		padding: 1em 1em;
		background: rgba(142,194,214,1);
		color: rgba(255,255,255,1);
		border: 2px solid rgba(0,0,0,1);
		text-transform: uppercase;
	}
	
	.button-alt:hover {
    background-color: #fff;
    color: #000;
    border: 2px solid rgba(0,0,0,1);
  }

  .about-buttons {
    margin-top: 10px;
    display: flex;
    gap: 10px;
  }
  
  .about-buttons button {
    background-color: white;
    color: rgba(142,194,214,1);
    border: 2px solid rgba(142,194,214,1);    
    width: 100%;
    padding: 5px;
    cursor: pointer;
    text-align: center; 
    border-radius: 5px;
    font-size: 12px;
    transition: background-color 0.3s ease;
  }

  .about-buttons button:hover {
      background-color: rgba(142,194,214,1);
      color: white;
  }
		
/*********************************************************************************/
/* 4-column                                                                      */
/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4
	{
		width: 235px;
	}
	
	.box1,
	.box2,
	.box3,
	{
		float: left;
		margin-right: 20px;
	}
	
	.box4
	{
		float: right;
	}
	
/*********************************************************************************/
/* Footer 2-column                                                               */
/*********************************************************************************/

	.fbox1
	{
	  /*display: grid;
    align-items: start;*/
		/*display: flex;*/
		align-items: flex-start;
		align-self: flex-start;
		/*float: left;
		text-align: left;*/
	}

	.fbox2
	{
	  display: flex;
		/*float: right;*/
		text-align: left;
		justify-content: space-between;
	}
	
	.wbox1,
	.wbox2
	{
		/*width: 50%;*/
	}
	
	.wbox1
	{
		float: left;
		text-align: left;
	}

	.wbox2
	{
	  display: flex;
		float: right;
		text-align: left;
		justify-content: space-between;
	}
	
	.instagram-photo {
    text-align: right; /* Align image to the right */
  }

  .instagram-photo img {
    max-width: 100%; /* Or a specific width if needed */
    height: auto;
  }

/*********************************************************************************/
/* 2-column                                                                      */
/*********************************************************************************/

	.copyrightc1,
	.copyrightc2
	{
		width: 50%;
	}
	
	.copyrightc1
	{
		float: left;
		text-align: left;
    text-decoration: none;
    color: inherit;
	}
	
	.copyrightc1 a:hover
	{
	    /*color: #fff;*/
      border-bottom: 2px solid #fff;
	}

	.copyrightc2
	{
		float: right;
		text-align: right;
	}
	
	.copyrightc2 a {
    margin: 0 10px;
    display: inline-block;
    border-bottom: 2px solid transparent;
  }

  .copyrightc2 a:hover {
      border-bottom: 2px solid #fff;
  }

  .copyrightc2 a:first-child {
      margin-left: 0;
  }

  .copyrightc2 a:last-child {
      margin-right: 0;
  }

	
/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	
	.title h2
	{
		font-size: 2.5em;
		margin-bottom: 0.5em;
	}
	
	.title .byline
	{
		font-size: 1.5em;
		color: rgba(0,0,0,1);
	}
	
	.byline
	{
	  margin-bottom: 0.5em;
	}

/*********************************************************************************/
/* Welcome                                                                        */
/*********************************************************************************/

	#welcome-wrapper
	{
		position: relative;
		padding: 3.5em 0em 3.5em 0em;
		background: #FFF;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#top-wrapper
	{
		position: relative;
		padding: 0em 0em 0em 0em;
		background: #8EC2D6;
		background-size: cover;
	}

  #top {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
  }
  
  #top-read {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    width: 75%;
    margin-left: 12%;
  }

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

  #logo {
    /* other styles for #logo */
  }
	
	#logo h1
	{
		font-size: 2.6em;
		color: #8EC2D6;
	}
	
	#logo a
	{
		text-decoration: none;
		color: rgba(255,255,255,1);
	}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

#menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
    /* padding-right: 20px; */
}

#menu ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    align-items: center;
}

#menu li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-bottom: 2px solid transparent;
}

#menu li:last-child {
    margin-right: 0;
}

#menu li a {
    padding: 0.3em 0.3em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
    color: rgba(255,255,255,0.80);
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent;
}

#menu li.active a {
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, 1);
}

#menu li:hover a {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}



/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner {
    margin: 0 auto;
    overflow: hidden;
    display: block;
}
	
	#banner .title h2
	{
		font-size: 4em;
	}
	
	#banner .title .byline
	{
		font-size: 2em;
	}
	
	#banner .button
	{
		margin-top: 2em;
		padding: 1.40em 3em;
		border: 2px solid rgba(255,255,255,1);
		border-radius: 6px;
		font-weight: 700;
		font-size: 1em;	
	}
	
  #banner img {
      width: 100%;
      /*height: auto;*/
      /*height: 275px;*/
      display: block; 
  }

/*********************************************************************************/
/* languages                                                                          */
/*********************************************************************************/

  .language-switcher select {
    background-color: rgba(142,194,214,1);
    color: white;
    border: none;
    padding: 0.3em;
    transition: background-color 0.3s ease;
    font-size: 1em;
  }
  
  .language-switcher option:hover {
    color: #ffffff;
  }

  .language-switcher select:hover {
  }

  .language-switcher select option {
    font-size: 1em;
  }

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}

/*********************************************************************************/
/* Copyright                                                                       */
/*********************************************************************************/

	#copyright-wrapper
	{
		position: relative;
		padding: 0em 0em 0em 0em;
		background: #8EC2D6;
		background-size: cover;
		text-align: center;
		width: 100%;
		color: rgba(0,0,0,1);
	}

	#copyright {
	  padding: 2em 0em 4em 0em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  #copyright a {
    color: black;
    text-decoration: none;
  }

  #copyright a:hover {
      border-bottom: 2px solid #fff;
  }  

/*********************************************************************************/
/* Download                                                                       */
/*********************************************************************************/

	#download-wrapper
	{
		position: relative;
		padding: 0em 0em 1em 0em;
		background: #8EC2D6;
		background-size: cover;
		text-align: center;
	}
	
	#download-wrapper .container
	{
		padding: 0px 0px;
		color: rgba(0,0,0,1);
	}
	
	#download-wrapper a
	{
		color: rgba(0,0,0,1);
		border-bottom-style: solid;
		border-color: rgba(0,0,0,1);
	}


/*********************************************************************************/
/* Social Media                                                                  */
/*********************************************************************************/

	#socialmedia-wrapper
	{
		position: relative;
		padding: 1em 0em 2em 0em;
		background: #FFF;
		background-size: cover;
		text-align: center;
	}
	
	#socialmedia-wrapper .container
	{
		padding: 0px 0px;
		color: rgba(0,0,0,1);
	}
	
	#socialmedia-wrapper a
	{
		color: rgba(0,0,0,1);
		/*background: rgba(255,255,255,1);*/
		border-bottom-style: solid;
		border-color: rgba(0,0,0,1);
	}
	
	#socialmedia-wrapper .verse
	{
	  color: rgba(0,0,0,1);
	  padding-bottom: 20px;
    display: flex;
    align-items: center;  /* Vertically center image and text */
    justify-content: center; /* Horizontally center everything */
    text-align: center; /* Centers the text itself */
    gap: 10px; /* Adds spacing between image and text */
    width: 100%; /* Ensures it takes full width */
    font-size: 2.5em;
    text-transform: uppercase;
	}

  #socialmedia-wrapper .reference
  {
  	  color: rgba(0,0,0,1);
	  padding-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    width: 100%;
    font-size: 1.5em;
  }
  
  #socialmedia-wrapper h2
  {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
  }

/*********************************************************************************/
/* Links                                                                       */
/*********************************************************************************/

	#links-footer-wrapper
	{
	  display: flex;
		position: relative;
		padding: 3em 0em 1em 0em;
		background: #8EC2D6;
		background-size: cover;
		text-align: center;
		width: 100%;
		color: rgba(0,0,0,1);
	}

  #footer-links-div {
    margin: 0 auto; /* Center horizontally */
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .footer-links-box1, .footer-links-box2 
   {
      width: 50%;
      padding: 0px 0px 0px 50px;
      white-space: nowrap;
   }
    
    .footer-links
    {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 1em;
    }

    .footer-links li {
      margin-bottom: 20px;
    }

    .footer-links li:first-child {
      font-weight: bold;
    }

    .footer-links a {
      text-decoration: none;
      color: inherit;
    }
    
    .footer-links a:hover
    {
      /*color: #fff;*/
      border-bottom: 2px solid #fff;
    }

/*********************************************************************************/
/* socialmedia-column                                                                         */
/*********************************************************************************/

#socialmedia-columns { /* Correct ID to match HTML */
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    gap: 5px; /* Add some space between the images */
}

#socialmedia-columns > div { /* Target the direct children of the container */
    text-align: center; /* Center text within each box (if needed) */
    display: flex; /* Enable Flexbox on each box */
    justify-content: center; /* Center image horizontally within the box */
    align-items: center; /* Center image vertically within the box */
    padding: 2.5em 0; /* Keep your vertical padding */
}

#socialmedia-columns img {
    max-width: 100%; /* Make images responsive */
    height: auto;
    display: block; /* Prevent whitespace below image */
}

/* Optional: Add some margin for larger screens */
@media (min-width: 768px) {
    #socialmedia-columns {
        padding: 0; /* Adjust padding as needed */
    }
}

#socialmedia-columns .fa {
    display: block;
    padding: 1em 0;
    color: rgba(0,0,0,1);
    font-size: 2em;
}

#socialmedia-columns .title h2 {
    font-weight: bold;
    color: rgba(0,0,0,0.8);
}

#socialmedia-columns .title .byline {
    text-align: center;
    color: rgba(0,0,0,.5);
}

.smBoxA,
.smBoxB,
.smBoxC {
}

/*
  #socialmedia-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0px;
  }

  #socialmedia-column > div {
    text-align: center;
  }

  #socialmedia-column img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  @media (min-width: 768px) {
    #socialmedia-column {
      padding: 0px;
    }
  }

	#socialmedia-column .fa
	{
		display: block;
		padding: 1em 0em;
		color: rgba(0,0,0,1);
		font-size: 2em;
	}
	
	#socialmedia-column .title h2
	{
		font-weight: bold;
		color: rgba(0,0,0,0.8);
	}

	#socialmedia-column .title .byline
	{
		text-align: center;
		color: rgba(0,0,0,.5);
	}
	*/



/* New */

.welcome-title
{
	color: rgba(0,0,0,1.00);
	font-weight: bold;
	font-size: 50px;
	line-height: 1;
	padding-bottom: 80px;
	
}

.verse {
	  color: rgba(0,0,0,1);
	  padding-bottom: 80px;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px; 
    width: 100%; 
    font-size: 1.0em;
}


/*********************************************************************************/
/* Contact form                                                                  */
/*********************************************************************************/
input,textarea,p {
    outline: 0;
}

#form-title h1 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 22px;
    text-align: center;
    /*border-bottom: 1px solid #eceff2;*/
    color: #6a737f;
    font-weight: 600;
}

.contact input[type="text"], 
.contact input[type="email"],
.contact textarea {
    display: block;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #8EC2D6;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
}

.contact input[type="text"]:focus, 
.contact input[type="email"]:focus,
.contact textarea:focus {
    border: 1px solid #8EC2D6;
    border-radius: 5px;
}

.contact input[type="submit"] {
    display: block;  /* Necessary for margin: 0 auto; to work */
    margin-top: 15px;
    padding: 15px;
    padding-bottom: 15px;
    border: 2px;
    background-color: #000;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 auto;
    width: 100px; 
}

.contact {
    background-color: #fff;
    width: 500px;
    margin: 0 auto;
    /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,.2);*/
    padding-bottom: 30px;
}
.contact .fields {
    position: relative;
    padding-bottom: 30px;
}
.contact input[type="text"], .contact input[type="email"] {
    display: block;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #8EC2D6;
    width: 100%;
}
.contact input[type="text"]:focus, .contact input[type="email"]:focus {
    border: 1px solid #8EC2D6;
}
.contact input[type="text"]::placeholder, 
.contact input[type="email"]::placeholder, 
.contact textarea::placeholder {
    color: rgba(0,0,0,0.5);
}
.contact textarea {
    resize: none;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #8EC2D6;
    width: 100%;
    height: 150px;
}
.contact textarea:focus {
    border: 1px solid #8EC2D6;
}
.contact input[type="submit"] {
    display: block;
    margin-top: 15px;
    padding: 15px;
    border: 2px solid #000;
    background-color: #8EC2D6;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    /*width: 100%;*/
}
.contact input[type="submit"]:hover {
    background-color: #fff;
    color: #000;
}
.contact input[name="email"] {
    position: relative;
    display: block;
}
.contact label {
    position: relative;

}
.contact label i {
    position: absolute;
    color: #8EC2D6;
    top: 31px;
    left: 15px;
    z-index: 10;
}
.contact label i ~ input {
    padding-left: 15px !important;
}
.contact .responses {
    padding: 15px;
    margin: 0;
    color: rgb(0,0,0);
}

.recaptcha-container {
    padding-top: 15px;
    padding-bottom: 15px;
}


/*********************************************************************************/
/* Read styles                                                                   */
/*********************************************************************************/
	#read-header
	{
		position: relative;
		padding: 0em 0em 0em 0em;
		background: #8EC2D6 /*url(images/header-bg.jpg) no-repeat center*/;
		background-size: cover;
	}
	
	#yurt-logo
	{
    display: flex;
    margin-left: 12%;
    flex-wrap: wrap;
	}
	
	
/*********************************************************************************/
/* Cookie styles                                                                   */
/*********************************************************************************/
	
.cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #333;
  color: white;
  text-align: center;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Arial, sans-serif;
}

.cookie-banner p {
  margin: 0 15px 0 0;
  flex-shrink: 0;
}

.cookie-banner a {
  color: #ffd700;
  text-decoration: none;
  margin-right: 15px;
}

.cookie-banner button,
.cookie-banner select {
  margin: 0 5px;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 8px;
}

.cookie-banner button {
  background: #8EC2D6;
  color: #000;
}

.cookie-banner button:hover {
  background: #FFF;
  color: #000;
}

.cookie-banner select {
  background: #444;
  color: white;
}