/*
Theme Name: HFE
Theme URI: 
Author: Cristian Boldisor
Author URI: 
Description: Tema pentru proiectul "healthfoodenviron.unitbv.ro"
Version: 3.0
License: 
License URI: 
Tags: 
Text Domain: hfe

We are the Borg. Lower your shields and surrender your ships. We will add your biological and technological distinctiveness to our own. Your culture will adapt to service us. Resistance is futile.
*/

/****************************************/
/* FONTS 
/* before anything else
/****************************************/



/****************************************/
/* CSS VARIABLES
/****************************************/
:root {
	--background-color: #fff;
	--main-color: #ab440c;
	--link-color: #ab440c;
	--link-hover-color: #ff8822;
	--footer-color: #752f08;
}
/****************************************/



/****************************************/
/* HTML ELEMENTS 						*/
/* including Eric Meyer’s CSS Reset 	*/
/****************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea,
header, nav, section, article, aside, figcaption, figure, footer /* HTML5 tags too */ {
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}
/*
:focus { 
	outline: 2px;
}
*/
html,
body {
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-h-adjust: 100%;
    text-rendering: optimizeLegibility !important;
}
html {
}
body { 
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	background: #fefefe;
	color: #5c5c5c;
}
ol {
	line-height: 1.5em;
	list-style: none;
	counter-reset: custom-ol-counter;
}
ol li {
	counter-increment: custom-ol-counter;
	padding-left: 2em;
}
ol li::before {
	content: counter(custom-ol-counter) ". ";
	display: inline-block;
	width: 2.25em;
	margin-left: -2.25em;
	color: inherit;
	font-weight: 500;
}
ol li:not(:last-child) {
	margin-bottom: 1em;
}
ul { 
	list-style: none; 
}
a {
	color: var(--link-color);
}
a:hover, 
a:active, 
a:focus {
	color: var(--link-hover-color);
}
h1, 
h2,
h3,
h4 {
	margin: 1.5em 0 1em 0;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 17px;
	font-weight: 700;
}
h5 {
	font-size: 15px;
	font-weight: 700;
}
p {
	line-height: 1.5em;
}
p:not(:last-child) {
	margin-bottom: 1em;
}
img {
	max-width: 100%;
	height: auto;
}
table {
	width: 100%;
	line-height: 1.5em;
	border-collapse: collapse; 
	table-layout: fixed;
}
table.program-table {
}
tr {
}
td {
	border: 1px solid #dadada;
	padding: 12px 8px;
	vertical-align: top;
}
table.program-table td:first-child {
	width: 25%;
}
table.table-1 td:first-child {
	width: 6em;
	padding-left: 0;
}
table.table-2 tr:hover {
	background-color: #edecec;
}
table h4 {
	margin: 0;
}

form p {
	margin-bottom: 1.5em !important;
}
input,
textarea {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 0.75em 0.5em;
	box-shadow: 0px 1px 4px -1px #ccc; 
	color: #797979;
}
input[type="checkbox"],
input[type="radio"] {
	width: auto;
	margin-right: 0.5em;
	box-shadow: none;
	vertical-align: middle;
}
textarea {
	width: 100%;
}
input[type="submit"] {
	padding: 0.75em 0.5em;
	border: 1px solid #cccccc;
	background-color: var(--main-color); 
	color: #fff;
	font-size: 17px;
	cursor: pointer;
}
textarea{ 
	resize: none; 
	overflow: hidden; 
}

::-webkit-input-placeholder { color: #444; -webkit-text-fill-color: initial; }
:-moz-placeholder 			{ color: #444; -webkit-text-fill-color: initial; }
::-moz-placeholder 			{ color: #444; -webkit-text-fill-color: initial; }
:-ms-input-placeholder 		{ color: #444; -webkit-text-fill-color: initial; }

button {
	font: inherit;
}

b,
strong {
	font-weight: bold;
}
i,
em {
	font-style: italic;
}

/****************************************/




@media only screen and (max-width : 479px) {	/* xxs */
}
@media only screen and (min-width : 480px) {	/* xs */
}
@media only screen and (min-width : 768px) {	/* sm */
}
@media only screen and (min-width : 992px) {	/* md */
}
@media only screen and (min-width : 1200px) {	/* lg */
}
@media only screen and (min-width : 1600px) {	/* xl */
}
@media only screen and (min-width : 1921px) {	/* xxl */
}



/********************************************************************************/



