/*


Theme CSS

/theme/css/style.css


*/


/*
========================================
Core
----------------------------------------
*/

/* font --- body font, remember to match it in /theme/config.php */
body { font-family:'Roboto Slab', serif; }

/* viewport --- ensure full window size with zero horizontal scroll, force vertical scroll */
html { height:100%; }
body { width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; }
body { font-size:24px; }

@media only screen and (max-width:991px)
{
	body { font-size:18px; }
}


/*
========================================
Buff
----------------------------------------
*/

/* body */
/* #theme-body { padding-top:30px; } */

/* sidebar */
#theme-sidebar { background-color:#eee; }
a:hover { text-decoration:none; }

/* images */
img { max-width:100%; height:auto; }

/* toolip opacity - override Bootstrap's low opacity */
.tooltip.show { opacity:1; filter:alpha(opacity=100); }

/* opacity general */
.opacity-50 { opacity:0.5; transition:all 250ms ease-in-out; }
.opacity-50:hover { opacity:1; }

/* text */
.text-small { font-size:0.8em; }

/*
========================================
Custom
----------------------------------------
*/

a { color: #cccccc; }
a:hover { color: #fff; text-decoration: none; }

.stack-red { background-color: #a32834; color: #eee; box-shadow:inset 0px 0px 200px #541217; }
.stack-steel { background-color: #4b4f54; color: #eee; box-shadow:inset 0px 0px 200px #232629; }
.stack-common { background-color: #cccccc; color: #4b4f54; }
.stack-common a { color: #6f7e90; }
.stack-common a:hover { color: #4b4f54; }

/* name */
.name-red { color:#ae282f; }
.name-grey {  color:#4a4f55; }

/* icons */
.i_phone,
.i_email,
.i_fax { position:relative; }
.i_phone:after,
.i_email:after,
.i_fax:after { opacity:0.35; position:absolute; top:0px; left:-40px; content:" "; width:30px; height:30px; background-size:cover; transition:all 150ms ease-in-out; }
.i_phone:after { background-image:url('/theme/images/icon_phone_dark.png'); }
.i_phoneW:after { background-image:url('/theme/images/icon_phone_lite.png'); }
.i_email:after { background-image:url('/theme/images/icon_email_dark.png'); }
.i_emailW:after { background-image:url('/theme/images/icon_email_lite.png'); }
.i_fax:after { background-image:url('/theme/images/icon_fax_dark.png'); }
.i_faxW:after { background-image:url('/theme/images/icon_fax_lite.png'); }
.i_phone:hover:after,
.i_email:hover:after,
.i_fax:hover:after { opacity:1; }