/* 

	ART.LOGUE ESSENTIALS 
	AUTHOR : YOHANES STEVEN

*/

::-webkit-scrollbar {
    width: 5px;
	height:5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

* { margin:0; padding:0; }

html, body { width:100%; height:100%; }
a { color:#000; text-decoration:none; }
a:focus { text-decoration:none; }

.pconly { display:block !important; } .mobileonly { display:none !important; }

.h100 { height:100%; }

.left { float:left; } .right { float:right; } .middle { margin:0px auto; } .center { text-align:center; }
.no-border { border:0 !important; } .padding { padding:30px; } .most-right { margin-right:0 !important; }

strong { font-weight:600; } em { font-style:italic; } .normal { font-weight:normal; }

.col100 { width:100%; } .col90 { width:90%; } .col80 { width:80%; } .col70 { width:70%; } .col60 { width:60%; } .col50 { width:50%; } .col40 { width:40%; } .col45 { width:46%; } .col30 { width:30%; } .col20 { width:20%; } .col10 { width:10%; }

.col32 { width:32%; margin-right:2%; }

.padding60 { padding:60px; } .padding40 { padding:40px; } .padding30 { padding:30px; } .padding20 { padding:20px; } .padding10 { padding:10px; }
.vpadding60 { padding:60px 0; } .vpadding30 { padding:30px 0; } .hpadding40 { padding:0 40px; } .hpadding20 { padding:0 20px; }
.no-margin { margin:0; }

.black-overlay80 { background:rgba(0,0,0,0.8); } .black-overlay60 { background:rgba(0,0,0,0.6); } .black-overlay40 { background:rgba(0,0,0,0.4); }

.red { color:#e91010 !important; } .grey { color:#777 !important; } .white { color:#FFF !important; }
hr.red { border:0.5px solid #e91010; } hr.grey { border:0.5px solid #777; } hr.black { border:0.5px solid #000; } hr.white { border:0.5px solid #FFF; }

.big { font-size:1.3em; } .large { font-size:3.5em; } .huge { font-size:5em; } .smaller { font-size:80%; }

.line-height-small { line-height:0.8em; } .line-height-tiny { line-height:0.6em; } .line-height-large { line-height:1.3em; }

.bgwhite { background:#FFF; } .bgblack { background:#000; }

.border-bottom { border-bottom:1px solid #000; } .border-bottom-grey { border-bottom:1px solid #555; } .border-bottom-white { border-bottom:1px solid #FFF; }

.thumbnail-small { width:100%; height:150px; object-fit:cover; }
.thumbnail-medium { width:100%; height:250px; object-fit:cover; }
.thumbnail-large { width:100%; height:350px; object-fit:cover; }

/* MAIN */

body { font-family:"Rubik", Arial, Helvetica; color:#222; letter-spacing:0px; background-color:rgba(0,0,0,0) !important; }

h2 { font-weight:bold; font-size:20px; text-transform:uppercase; }

.linkbox { color:#772d06; padding:12px; border:1px solid #DDD; background:#FFF; text-align:center; width:100%; font-size:90%; margin:12px 0; }
.linkbox.brown {  color:#FF5C00; }
.linkbox a { color:#FFF; text-decoration:none; }
.linkbox:hover, .linkbox:hover a { background:#FF5c00; color:#FFF; text-decoration:none !important; }
a:hover, .linkbox a:hover { color:#FFF; text-decoration:none !important; }
.linkbox:hover .small, a:hover .linkbox .small { color:#FFF !important; }

.smallbox { border-radius:30px; height:60px; width:60px; display:inline-block; margin:0 10px; }
.smallbox img { height:60px; width:60px; object-fit:cover; border-radius:30px; }

.linkbox, img { border-radius:10px; }
.linkox img { width:100% !important; }

/* TABLET */
@media screen and (max-width:1400px) {
	
	.wrapper { width:100%; }
	
}

/* TABLET */
@media screen and (max-width:1100px) {
	
	.wrapper { width:100%; }
	
	.hide-padding-on-mobile { padding:0; }
	.hide-vertical-padding-on-mobile { padding-top:0; padding-bottom:0; }
	.hide-horizontal-padding-on-mobile { padding-left:0; padding-right:0; }
	
	.thumbnail-small { width:100%; height:90px; object-fit:cover; }
	.thumbnail-medium { width:100%; height:140px; object-fit:cover; }
	.thumbnail-large { width:100%; height:1900px; object-fit:cover; }
	
}

/* MOBILE WEB ESSENTIALS */
@media screen and (max-width:768px) {
	
	.pconly { display:none !important; } .mobileonly { display:block !important; }

	.col100 { width:100%; } .col90 { width:100%; } .col80 { width:100%; } .col70 { width:100%; } .col60 { width:100%; } .col50 { width:100%; } .col40 { width:100%; } 
	.col30 { width:100%; } .col20 { width:100%; } .col10 { width:100%; } .col32 { width:100%; margin-right:0%; }
	
	.wrapper { width:100%; margin:0 auto; }
	
	.col20mobile { width:20%; } .col40mobile { width:40%; } .col60mobile { width:60%; } .col80mobile { width:80%; }
	
	.hide-padding-on-mobile { padding:0; }
	.hide-vertical-padding-on-mobile { padding-top:0; padding-bottom:0; }
	.hide-horizontal-padding-on-mobile { padding-left:0; padding-right:0; }
	
	.thumbnail-small { width:100%; height:90px; object-fit:cover; }
	.thumbnail-medium { width:100%; height:140px; object-fit:cover; }
	.thumbnail-large { width:100%; height:1900px; object-fit:cover; }
	
}

/* MOBILE WEB SPECIALIZED FOR THIS THEME */
@media screen and (max-width:768px) {
	
	html, body { width:auto; height:auto; } 
	
}