/* CSS Document */

    /* For mobile phones: */
.topnav
{
	font-size: 0.9rem;
	font-weight:bold;
}
.button {  
	font-size:0.6rem;	
  	color: #a1978c; 
  	background-color: #61554a;  
	background:url(../images/nl_submitbutton.jpg) no-repeat;
	background-size: cover;
    cursor:pointer;
    width: 22px;
    height: 22px;
	color : transparent;
    border: none;
	padding:0px;	
	margin-top: 0px;
	outline: none;
	} 
input.newsletter {
	width:75px;
	padding:2px 2px 2px 5px;
	background-color: #84796e;
	font-size:0.7rem;
	border: 1px solid #a89e92;  
	border-radius: 5px;
	color: #efe7dc;	
  /*  -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; */
} 
.newsletter_txt  {
    font-size: 1em;
	color: #aba196;
	padding: 0 0 5px 0;
}
a.nav
{
font-size: 0.8rem;
line-height:1.3rem;
	color: #cabdb3;
	text-decoration:none;
}
a.nav_links
{
font-size: 0.7rem;
	color: #cabdb3;
	text-decoration:none;
	line-height:1.0rem;
}
a.nav_links span
{	font-size: 0.5rem;
	color: #cabdb3;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
}
.navor {
	font-family:"Times New Roman", Times, serif;
	color: #9d927b;
	font-size: 0.7rem;
}
img#page_end_pic {
width: 85%;
max-width: 400px;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
.topnav
{
	font-size: 0.9rem;
	font-weight:bold;
}
.button {  
	font-size:0.6rem;	
  	color: #a1978c; 
  	background-color: #61554a;  
	background:url(../images/nl_submitbutton.jpg) no-repeat;
	background-size: cover;
    cursor:pointer;
    width: 22px;
    height: 22px;
	color : transparent;
    border: none; 
	padding:0px;	
	margin-top: 0px;
	outline: none;
	}
input.newsletter {
	width:100px;
	padding:2px 2px 2px 5px;
	background-color: #84796e;
	font-size:0.6rem;
	border: 1px solid #a89e92;  
	border-radius: 5px;
	color: #efe7dc;	
  /*  -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; */
} 
.newsletter_txt  {
    font-size: 1.1em;
	color: #aba196;
	padding: 0 0 4px 0;
}
a.nav
{
	font-size: 1.0rem;
	color: #cabdb3;
	text-decoration:none;
	line-height:1.1rem;
}
a.nav_links
{
	font-size: 1.0rem;
	color: #cabdb3;
	text-decoration:none;
	line-height:1.1rem;
}
a.nav_links span
{	font-size: 0.8rem;
	color: #cabdb3;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
}
.navor {
	font-family:"Times New Roman", Times, serif;
	color: #9d927b;
	font-size: 0.9rem;
}
img#page_end_pic {
width: 100%;
max-width: 400px;
}
}
@media only screen and (min-width: 1025px) {
    /* For desktop: */
.topnav
{
	font-size: 0.8rem;
	font-weight:bold;
}
.button {  
	font-size:0.6rem;	
  	color: #a1978c; 
  	background-color: #61554a;  
	background:url(../images/nl_submitbutton.jpg) no-repeat;
	background-size: cover;
    cursor:pointer;
    width: 22px;
    height: 22px;
	color : transparent;
    border: none; 
	padding:0px;	
	margin-top: 0px;
	outline: none;
	}
input.newsletter {
	width:150px;
	padding:2px 2px 2px 5px;
	background-color: #84796e;
	font-size:0.6rem;
	border: 1px solid #a89e92;  
	border-radius: 5px;
	color: #efe7dc;	
  /*  -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out; */
} 
.newsletter_txt  {
    font-size: 1.1em;
	color: #aba196;
	padding: 0 0 4px 0;
}
a.nav
{
	font-size: 0.9rem;
	color: #cabdb3;
	text-decoration:none;
	line-height:1.1rem;
}
a.nav_links
{
	font-size: 0.9rem;
	color: #cabdb3;
	text-decoration:none;
	line-height:1.1rem;
}
a.nav_links span
{
	color: #cabdb3;
	font-family:"Times New Roman", Times, serif;
	text-decoration:none;
}
.navor {
	font-family:"Times New Roman", Times, serif;
	color: #9d927b;
	font-size: 0.9rem;
}
img#page_end_pic {
width: 100%;
max-width: 400px;
}
}

@media only screen and (max-width: 1024px) {
    /* ONLY APPLICATLBE TO TABLETS AND SMALLER: */
input.newsletter:focus {
    width: 50%;
	outline: none;
	font-size:0.8rem;
}
}
/* TOP NAVIGATION */
.topnav
{
	width: 100%;
	max-width: 640px;
	height: 34px;
	background-color: #61554a;
	display: flex;
}
.topnavcontainer {
	width: 100%;
	background-color: #61554a;
}
 img.navicon {
   max-width: 34px;
}
.navblock_left {
	width: 90%;
	padding: 6px 0px 0px 10px;
	line-height: 16px;
}
.navblock_right {
	width: 10%;
	padding: 0px 10px 0px 0px;
}
#toggle_nav {
	margin:0px;
	padding: 8px 15px 7px 0px;
	color: #dfcda9;
	font-size: 0.9rem;
	background-color: #61554a;
	background-image: url(../../images/dottedline_nav.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#togglenacontainer {
	width: 100%;
	max-width: 625px;
}

a.nav:hover {  
  	color: #efe7dc;	
    }

a.nav span {
color: #9d927b;
}

/* FOOTER AND COPYRIGHT */
footer
{
	width: 100%;
	background-color: #61554a;
	margin:0px;
	padding:0px;
}
.copyright  {
	padding:10px;
	width: 90%;
	max-width: 620px;
	font-size: 0.5rem;
	line-height: 0.6rem;
	color: #c2b8b0;
	}
.bottomlinks {
	font-size:0.7rem;
	font-weight:bold;
	padding-bottom:5px;
	color: #c2b8b0
	}
a.bottomlinks:hover {  
  	color: #efe7dc;	
    }
.bottomlinks_line {
	width:100%;
	height:5px;
	background-image: url(../../images/dottedline_nav.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #aba196; opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aba196;}
::-ms-input-placeholder { /* Microsoft Edge */ color: #aba196;}
.newsletter_txt span {
	color: #aa8c57; 
	font-weight:bold;
}
#contact_form  {
	padding: 5px 0 5px 0;
	}	
.error {  
	color: #dbb160; 
	font-size: 0.5rem;
	line-height:0.9rem;
	}
/*style for text after submitting*/
.sent_heading {
	font-size: 0.8rem;
	line-height:0.6rem;
	padding: 5px 0 5px 0;
	font-weight:bold;
	}
p.sent_text {
	font-size: 0.7rem;
	line-height:0.7rem;
	text-align:center;
	color: #aba196;
	}