/*Editione_common_form on MAIN for form pages*/

/*#head { 
 margin-top: 20px;
 }*/
		
html {
 -webkit-text-size-adjust: 100%;
 } 
		
h1 {
 font-family: Arial, sans-serif; 
 color: #a38a00; 
 font-size: 24pt; 
 font-weight:600; 
 line-height: 1.5; 
 text-align:center; 
 margin-left: 5vw; 
 margin-right: 5vw;
 }
		
h2 {
 font-family: Arial, sans-serif; 
 color: #000; 
 font-size: clamp(1rem, 2vw, 1.5rem); 
 font-weight:100; 
 line-height: 1.5; 
 text-align:center; 
 margin-left: calc(50vw  - 300px); 
 margin-right: calc(50vw - 300px);
 }
	
h3 {
 font-family: 'Arial', sans-serif;
 font-weight: 200;
 color: #ffffff;
 font-size: clamp(0.7rem, -1rem + 5vw, 1rem);
 line-height: 1.5;
 font-style: normal;
 text-align:center;
 }
 
h4 {
 font-family: 'Baloo 2', sans-serif;
 font-weight: 800;
 color : #a38a00;
 font-size: clamp(0.7rem, -1rem + 5vw, 1rem);
 line-height: 0;
 font-style: normal;
 text-align : center;
 }

.container { 
 width: 100vw;
 height:100%;
 margin: 0px 0px 0px 0px;
 }
 
.main-content {
 margin-top: 150px; /* Adjust based on header height */
 margin-bottom: 10px;    
 }

#top-bar {
 position:fixed;
 top: 0px;
 left:0px;
 border: none;
 display: block;
 width: 100vw;
 height: 80px;
 background-color: #fff;
 z-index:1000;
 box-sizing: border-box;
 }

#menu-bar {
 position: fixed;
 top: 80px;
 left:0px;
 border: none;
 display: block;
 width: 100vw;
 height: 50px;
 min-height: 50px;
 max-height: 50px;
 background-color: #c4a94e;
 box-sizing: border-box;
 z-index: 999;
 }
	
#logoloc {
 display: block;
 position:fixed;
 top: 5px;
 left: 5vw;
 height: 70px;
 transition : transform 1s;
 z-index:1001;
 }

#homeloc {
 display: block;
 position: fixed;
 top: 83px;
 right:75px;
 opacity: 1.0;
 transition: transform 1s;
 z-index: 1001;
 }
 
#homeloc:hover {
 opacity: 0.6;
 }

#langlocPT, #langlocEN {
 position: fixed;
 top: 25px;
 right: 75px;
 height: 30px;
 width: 50px;
 transition: transform 1s;
 opacity: 1.0;
 z-index: 1000;
 }

#langlocEN {
 display: block;
 }
	
#langlocPT {
 display: none;
 }
 
#langlocPT:hover, #langlocEN:hover {
 opacity: 0.6;
 }
	
#headerloc {
 position: absolute;
 top: 154px;
 }
 
.quoteloc {
 display : block; 
 position : fixed;
 top : 95px;
 height : 32px; 
 width : 250px;
 background : #c4a94e; 
 left : 5vw; 
 border : none; 
 z-index : 1000;}
 
 
#dynamic-footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 0;
      text-align: center;
      z-index: 1000;
	  font-family: 'Arial', sans-serif;
      font-weight: 200;
      color: #fff;
      font-size: clamp(0.7rem, -1rem + 5vw, 1rem);
      line-height: 1.2;
      font-style: normal;
    }
 
#form {
 display:inline;
 }

.inline-text-svg {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: #FFFF33;
 transition: all 0.3s ease;
 }
 
.inline-text-svg:hover {
 text-decoration: underline;
 text-decoration-style: double;
 text-decoration-color: currentColor;
 }
		
.inline-text-svg svg {
 width: 20px;
 height: 20px;
 cursor:pointer;
 }
		
.inline-text-svg span {
 font-family:'Oswald';
 font-size: 15pt;
 font-weight: 400;
 line-height: 1;
 cursor:pointer;
 text-decoration:underline; 
 }
 
 .home-text {
 position:fixed;
 top: 115px;
 right: 81px;
 display: block;
 height: 10px;
 z-index:1001; 
 }
 
.home-text-label {
  display:block;
  font-size: 10px;
  color: #6B5C15;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 800;
}

   @media screen and (max-width: 900px) {
	h1 {font-size: 3vw; margin-left: 13%; margin-right: 13%;}
    }
	
    
   @media screen and (max-width: 700px) {
	h2 {margin-left: 10%; margin-right: 10%;}
    #logoloc {display: block; position:fixed; top: 11px; left: 2vw; height: 58px; transition : transform 1s; z-index:1001;}
	#langlocPT, #langlocEN {right: 20px; top: 28px; height: 24px; width: 40px;}
    #homeloc {right: 20px;}
	.home-text {right: 26px; }
	}	
 

   @media screen and (max-width: 592px) {		
    h1 {font-size: 4vw; margin-left: 10%; margin-right: 10%;}
    }
    
   @media only screen and (max-height: 571px) {
    .footer {display:none;}
	}
		
   @media screen and (max-width: 410px) {
   	h1 {font-size: 4.5vw; margin-left:3%; margin-right:3%;}
	}