@import url('//fonts.googleapis.com/css?family=Roboto:100,200,300,400,500');
@import url('//fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');
@import url('../releases/v5.14.0/css/all.css');
@import url('../npm/pixeden-stroke-7-icon-1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css');

:root {
	--blue:		#0090ff;
	--red:		#c00000;
	--gray: 	#dddddd;
	--black:	#000000;
	--white:	#ffffff;
	--purple:	#c7006f;
	--shadowbox: 0px 5px 10px rgba(0,0,0, 0.2);
} 


body	{ font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
			font-weight: 300; margin: 2em; color:var(--black); padding-bottom: 100px;
			background: #eee;
}

h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; line-height: 120%; letter-spacing: -1px; word-spacing:0.2em; font-weight: 500; 
									margin: 0px 0px 1.0em 0px; }

@media (max-width: 640px) {
	h1, h2, h3, h4 { font-size: 1.4em; line-height: 110%; }
	h5 { font-size: 1.1em; line-height: 110%; }
	body	{ margin: 0.5em; }
}
b 								{ font-weight: 400; }

a									{ color:var(--black); text-decoration: underline; }
a:hover						{ color:var(--blue) !important; text-decoration: underline; }
a:visited					{ color:var(--black); text-decoration: underline; }
a:focus 					{ outline:none; }

hr								{ border-top: 1px solid rgba(0,0,0,.3); }

section						{ margin-bottom: 3.0em; }
footer						{ margin-top: 3.0em; }

/* ========= main world ========= */
.btns a						{ background: var(--blue); color:var(--white); 
									display: inline-flex; align-items: center; justify-content: center; width: 100%; 
									padding: 10px 20px; margin-bottom: 5px; border: 2px solid hsl(from var(--blue) h s calc(l - 15)); border-radius: 10px; 
									font-size: 1.2em; line-height: 1.1em; font-weight: 400; text-decoration: none; }
.btns a:hover			{ background: var(--red); color:var(--white) !important; border: 2px solid hsl(from var(--red) h s calc(l - 15));}

.social						{ font-size: 2em; margin-top: 2em; }
.social a					{ margin-right: 0.2em; }

.collection 			{ --height: 200px; overflow: hidden; }
.collection img		{ object-fit: cover; height: 300px; width: 100%; }

.nav-link 				{ font-weight: 500; }
.nav-underline .nav-link.active, .nav-underline .show>.nav-link { font-weight: 500; }
.nav-underline .nav-link:hover { text-decoration: none; }