/* CSS Document by Jose Figueroa - TheElegantArtist.com */

/* Tags */
html {}
body {background-color: #343540;color:#f2f2f2;}
body, html {margin:0;padding:0;}
ul, ol {list-style: none; margin:0;padding:0;}
div, ul, ol, img {display:block;}
a img {max-width:100%;max-height:100%;}
/* Forms */
form {}
input {}
textarea {width:100%;margin: 4px 0;}
button {display:block;height:inherit;margin:0 auto;background-color: #007bff;color: white;border: none;border-radius:4px;padding: 8px 16px;cursor: pointer;}
button:hover {}
select {margin-left:6px;}
label {}
field {}
fieldset {}
option {}
/* Text */
a, h1, h2, h3 {}
h1 {text-align:center;color:#f2f2f2;font-family: caviar dreams;text-decoration: none !important;}
h2 {text-align:center;color:#f2f2f2;text-decoration: none !important}
h3 {margin-left: 30px;color:#f2f2f2;text-decoration: none !important}
h4 {text-align: center;font-size: smaller;font-weight: normal;text-decoration: none !important;color: #7d7d7d;}
h1 a {color:inherit !important;}
h1 a:hover {color:inherit !important;text-decoration:none;}
h2 a {color:inherit !important;}
h2 a:hover {color:inherit !important;text-decoration:none;}
a {color:#f2f2f2;}
a:link {text-decoration:none;color:#95f9c1;}
a:visited {text-decoration:none;color:#95f9c1;}
a:hover {text-decoration:underline;color:#c2f8da;}
a:active {}
p {color:#f2f2f2;}
small {color:#7d7d7d;}


/* ========== Screen Size ========== */

/* ---------- Desktop ---------- */
@media screen and (min-width: 1200px) {
	/* Conditionals */
	.mobile {}
	.tablet {}
	.hide-desktop {}

	/* Structure */
	.canvas {}
	.columns {}
	.form {}
	.gallery {}
	.grid {}
	.list {}
	.media {}
	.search {}
	.section {}
	.social {}

	/* Data */
	.ad {}
	.audio {}
	.game {}
	.gif {}
	.icon {}
	.map {}
	.note {}
	.panorama {}
	.paragraph {}
	.photo {}
	.quote {}
	.render {}
	.text {}
	.title {}
	.thumb {}
	.video {}

	/* Object ID */
	#Header {}
	#Footer {}
}

/* ---------- Tablet ---------- */
@media screen and (min-width: 800px) and (max-width: 1199px) {
	/* Conditionals */
	.mobile {}
	.desktop {}
	.hide-tablet {}

	/* Structure */
	.canvas {}
	.columns {}
	.form {}
	.gallery {}
	.grid {}
	.list {}
	.media {}
	.search {}
	.section {}
	.social {}

	/* Data */
	.ad {}
	.audio {}
	.game {}
	.gif {}
	.icon {}
	.map {}
	.note {}
	.panorama {}
	.paragraph {}
	.photo {}
	.quote {}
	.render {}
	.text {}
	.thumb {}
	.title {}
	.video {}

	/* Object ID */
	#Header {}
	#Footer {}
}

/* ---------- Mobile ---------- */
@media screen and (max-width: 800px) {
	/* Conditionals */
	.desktop {}
	.tablet {}
	.hide-mobile {}

	/* Structure */
	.canvas {margin: 20px 10px;padding: 20px;background: #ccc;color: #000000 !important;border-radius:9px;background-image:url('/design/texture/polygons.png');background-position:center; border: 4px solid azure;}
	.canvas p {color: #000000 !important;}
	.columns {}
	.form {margin:20px 30px;padding:30px;border-radius:11px;background:#444654;border:1px solid #4d4e5d;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
	.input {display:flex;flex-wrap:wrap;min-height:30px;margin: 4px 0;}
	.field {margin-left:6px;flex:auto;}
	.menu-inline {height: 40px;margin:0 auto;padding:4px 16px;background:#343540;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);}
	.menu-square {column-count:2;margin:20px 30px;padding:20px;border-radius:11px;background:#343540;border:1px solid #4d4e5d;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
	.menu-square li {height:40px;}
	.menu-square li a {display:block;width:100%;height:100%;}
	.menu-square li a:hover {background:#444654;}
	.search {display: flex;justify-content: center;margin:20px 30px;padding:30px;border-radius:11px;background:#444654;border:1px solid #4d4e5d;box-sizing: border-box;}
	.search-form {
    display: flex;height:40px;}
	.search-input {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    outline: none;}

	
	
	
	.section {background:#343540;min-height: 100px;}

	#Content {padding-top: 61px;min-height:calc(100vh - 184px);}
	#Header {display:flow-root;position:fixed;bottom:-1px;width:calc(100% - 6px);height: 54px;margin:0 auto;padding:3px;background:#343540;z-index:10; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);}
	#Footer {margin:20px 0;}
}

/* ---------- Mini Screen ---------- */
@media screen and (max-width: 580px) {
}
/* End Mini Screen  */

/* ========== End of Document ========== */