/*
 * 00-base.css - stiluri globale (zona header-footer).
 * Reproduce baza Divi 4.27 (reset + tipografie) si setarile din Customizer-ul de pe live,
 * ca toate zonele sa porneasca de la aceleasi valori ca site-ul actual.
 *
 * Utilitare pentru celelalte zone:
 *   .ms-container       latime continut Divi: 80%, max 1652px, centrat (randurile implicite din Divi)
 *   .ms-container--wide latimea din header/footer si body-urile Theme Builder: 90%, max 1650px
 *   Variabile: --ms-blue #2ea3f2, --ms-navy #024992, --ms-cyan #1aa6d8, --ms-yellow #ffb91f, --ms-text #666
 */

:root {
	--ms-font: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	--ms-text: #666;
	--ms-heading: #333;
	--ms-blue: #2ea3f2;
	--ms-blue-dark: #0c71c3;
	--ms-navy: #024992;
	--ms-cyan: #1aa6d8;
	--ms-yellow: #ffb91f;
	--ms-btn-hover: #0077b6;
	--ms-row: 80%;
	--ms-row-max: 1652px;
	--ms-row-wide: 90%;
	--ms-row-wide-max: 1650px;
}

/* Reset Divi */
a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form,
h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike,
strong, sub, sup, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	background: transparent;
}
*, *::before, *::after { box-sizing: border-box; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; }
blockquote { margin: 20px 0 30px; border-left: 5px solid; padding-left: 20px; }
:focus { outline: 0; }
:focus-visible { outline: 2px solid var(--ms-blue); outline-offset: 2px; }
del { text-decoration: line-through; }
pre { overflow: auto; padding: 10px; }
figure { margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, footer, header, hgroup, nav, section { display: block; }

/* Tipografie (Divi + Customizer live) */
body {
	font-family: var(--ms-font);
	font-size: 14px;
	color: var(--ms-text);
	background-color: #fff;
	line-height: 1.7em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body, input, textarea, select, button { font-family: var(--ms-font); }
a { color: var(--ms-blue); }
a, a:hover { text-decoration: none; }
p { padding-bottom: 1em; }
p:not(.has-background):last-of-type { padding-bottom: 0; }
strong { font-weight: 700; }
cite, em, i { font-style: italic; }
code, pre { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sub, sup { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: .8em; }
sub { top: .3em; }
dl { margin: 0 0 1.5em; }
dl dt { font-weight: 700; }
dd { margin-left: 1.5em; }
blockquote p { padding-bottom: 0; }
embed, iframe, object, video { max-width: 100%; }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ms-font);
	color: var(--ms-heading);
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
input { -webkit-appearance: none; }
input[type=checkbox] { -webkit-appearance: checkbox; }
input[type=radio] { -webkit-appearance: radio; }
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: 2px;
	color: #4e4e4e;
}
input.text:focus, input.title:focus, input[type=text]:focus, select:focus, textarea:focus { border-color: #2d3940; color: #3e3e3e; }
input.text, input.title, input[type=text], select, textarea { margin: 0; }
textarea { padding: 4px; }
button, input, select, textarea { font-family: inherit; }
img { max-width: 100%; height: auto; }
.clear { clear: both; }

/* Accesibilitate */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.ms-skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	margin: 0;
	padding: 10px 16px;
	left: 8px;
	top: 8px;
	z-index: 100000;
	background: #fff;
	color: var(--ms-navy);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

/* Containere (latimile randurilor Divi) */
.ms-container {
	width: var(--ms-row);
	max-width: var(--ms-row-max);
	margin-left: auto;
	margin-right: auto;
}
.ms-container--wide {
	width: var(--ms-row-wide);
	max-width: var(--ms-row-wide-max);
}
@media (max-width: 980px) {
	.ms-container, .ms-container--wide { width: auto; margin-left: 16px; margin-right: 16px; max-width: none; }
}

/* Butoane WooCommerce (Divi + Customizer live: galben, colturi 10px, 16px, -1px) */
.woocommerce a.button, .woocommerce-page a.button,
.woocommerce button.button, .woocommerce-page button.button,
.woocommerce input.button, .woocommerce-page input.button,
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit,
.woocommerce a.button.alt, .woocommerce-page a.button.alt,
.woocommerce button.button.alt, .woocommerce-page button.button.alt,
.woocommerce input.button.alt, .woocommerce-page input.button.alt,
.woocommerce-message a.button.wc-forward {
	position: relative;
	display: inline-block;
	font-family: var(--ms-font);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.7em !important;
	padding: .3em 1em;
	color: rgba(10, 10, 10, .62);
	background: var(--ms-yellow);
	background-color: var(--ms-yellow);
	border: 0 solid;
	border-width: 0 !important;
	border-radius: 10px;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s;
}
.woocommerce a.button:hover, .woocommerce-page a.button:hover,
.woocommerce button.button:hover, .woocommerce-page button.button:hover,
.woocommerce input.button:hover, .woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover,
.woocommerce-message a.button.wc-forward:hover {
	color: #fff !important;
	background-color: var(--ms-btn-hover) !important;
	border-radius: 10px;
	letter-spacing: -1px;
	padding: .3em 2em .3em 1em;
}
/* sageata Divi (ETmodules "5") care apare la hover, ca SVG */
.woocommerce a.button::after, .woocommerce-page a.button::after,
.woocommerce button.button:not(.button-confirm)::after, .woocommerce-page button.button:not(.button-confirm)::after,
.woocommerce-message a.button.wc-forward::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1em;
	height: 1em;
	font-size: 25.6px;
	margin-top: -.5em;
	margin-left: -1em;
	opacity: 0;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath transform='scale(1,-1)' d='M441.6 185.728c12.48-12.48 32.768-12.48 45.248 0l207.552 207.552c6.272 6.272 9.408 14.528 9.344 22.72 0 8.256-3.072 16.448-9.344 22.72l-207.552 207.552c-12.48 12.48-32.768 12.48-45.248 0s-12.48-32.768 0-45.248l185.024-185.024-185.024-185.024c-12.48-12.48-12.48-32.768 0-45.248z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 1024 1024'%3E%3Cpath transform='scale(1,-1)' d='M441.6 185.728c12.48-12.48 32.768-12.48 45.248 0l207.552 207.552c6.272 6.272 9.408 14.528 9.344 22.72 0 8.256-3.072 16.448-9.344 22.72l-207.552 207.552c-12.48 12.48-32.768 12.48-45.248 0s-12.48-32.768 0-45.248l185.024-185.024-185.024-185.024c-12.48-12.48-12.48-32.768 0-45.248z'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: all .2s;
}
.woocommerce a.button:hover::after, .woocommerce-page a.button:hover::after,
.woocommerce button.button:not(.button-confirm):hover::after, .woocommerce-page button.button:not(.button-confirm):hover::after,
.woocommerce-message a.button.wc-forward:hover::after {
	opacity: 1;
	margin-left: 0;
}
.woocommerce button.button:disabled, .woocommerce button.button.disabled, .woocommerce a.button.disabled {
	opacity: .5;
	cursor: not-allowed;
}