/****** PLACE YOUR CUSTOM STYLES HERE ******/

/****** body, logo ******/

body.boxed-layout					{ background-color: #3C9517; background-image: url(../img/001_artwork/hg2018_v02.jpg); background-position: center bottom; background-repeat: no-repeat; }

body.boxed-layout .main-container, 
nav									{ background-color:rgba(96, 174, 62, 0.9) }

nav.nav-centered .logo 				{ max-height: 80px; margin: 40px 0 30px 0; }


footer.bg-dark 					{ background-color:rgba(0, 0, 0, 0.6) }

.pt360 							{ padding-top: 360px; }
.pb360 							{ padding-bottom: 360px; }


/****** navigation ******/

.nav-bar.dark				{ background-color: #000000; }
.menu li a					{ color: #ffffff; opacity: 1.0; font-family: 'Kodchasan', sans-serif; font-size: 15px; }
.menu li a:hover			{ color: #000000; }
.logo						{ max-height: 80%; }

@media (max-width: 990px) {

.nav-bar .module-group 		{ width: 100%; padding: 16px 0; } 
.module.left				{ clear: both; }
.module.widget-handle		{ border-top: 0px solid #ccc; }
.mobile-toggle 				{ border-left: 0px solid #ccc !important; border-left-width: 0px !important; border-left-style: solid !important; }

}

.nav-bar 					{ height: 75px; max-height: 75px; line-height: 73px; border-bottom: 1px solid #ffffff; }

.module.widget-handle i 	{ font-size: 30px; }


@media (max-width: 1200px) {

img.fluid 		{ max-width: 85% !important; } 

}

@media (max-width: 768px) {

img.fluid 		{ max-width: 100% !important; } 

}

/****** font ******/

h1, h2, h3, h4, h5, h6, 
.number, .titlefont				 		{ font-family: 'Kodchasan','Open Sans', Helvetica, Arial, sans-serif; color: #000; }

body									{ font-size: 16px; line-height: 24px; color: #fff; } 

h1										{ font-size: 36px; }
h2										{ font-size: 32px; }
h3										{ font-size: 28px; }

.main-container a, 
.main-container a:visited, 
.main-container a:focus, 
.main-container a:active, 
.main-container a:hover 						{ font-weight: 400; text-decoration: underline; color: #ffffff; }

.main-container a:hover 						{ color: #abe4b0; }


@media (max-width: 767px)	{ 

body 								{ font-size: 14px; line-height: 21px; }
br 									{ display: initial; } 
p 									{ font-size: 14px; }
h1									{ font-size: 30px; }
h2									{ font-size: 28px; }
h3									{ font-size: 26px; }
h1.uppercase, 
h2.uppercase, 
h3.uppercase						{ letter-spacing: 5px; }

}




/****** slider ******/


.image-slider.height-70.ctlslider .slides li 	{ height: 20vh; min-height: 500px; }

.image-slider .background-image-holder 			{ background-position: 50% 0% !important; }

ul.textliste 									{ list-style-type: disc; }
ul.textliste li									{ padding-left: 0.1em; margin-left: 1em; list-style-position: outside; }

.imgpos-topmedium								{ background-position: 50% 20% !important; }



/****** galerie ******/

.lightbox-grid li 								{ border: 8px solid rgba(10, 0, 0, 0.1); }