/*
 Theme Name:   XStore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      0.0.1
 Text Domain:  xstore-child
*/

/* Typography
*****************************************************************************************/
article.blog-post, article.post-grid {
    margin-bottom: 2rem;
}
.blog-post h2.entry-title {
	margin-top: 1rem;
}
.related-posts h2 {
	margin-top: 1rem;
}
.content-article h1, .content-article h2, .content-article h3,
.content-article h4, .content-article h5, .content-article h6 {
	margin-top: 1.33em;
}
.content-article blockquote {
	border-left: 5px solid #e05877;
	margin-left: 2em !important;
}
.content-article blockquote p {
    color: #4c4c4c;
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}
.content-article ul li {
	margin-left: 1rem;
	margin-bottom: 0rem;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2 !important;
}
p {
	line-height: 1.5 !important;
}
/* Typography - Post */
.single-post .content-article .gallery {
	margin: 3rem 0rem;
}
/* Read More */
.read-more {
    text-transform: none !important;
}
/* Page UL, LI */
.type-product ul, .content ul, .type-product ol, .content ol {
    padding-left: 2rem;
}
.type-product li, .content li {
    line-height: 1.2;
}
/* GDPR */
h2 {
	margin: 4rem 0rem 2rem;
}
body.page .row ul li {
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
body.page .row ol li {
    line-height: 1.5;
    margin-bottom: 0.5rem;
}


/* Menu
*****************************************************************************************/
.global-header-xstore .fixed-header .menu-wrapper {
    width: 88%;
}

/* Top bar header
*****************************************************************************************/
.top-links ul li {
    border-right: 1px solid rgba(255,255,255,0.2);
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.languages-area > div {
    margin-right: 0px;
	padding-right: 1em !important;
	padding-left: 1em !important;
}
.languages-area {
    max-width: 66%;
}


//* Headers backgrounds, paddings, title width
*****************************************************************************************/
/* Toto je uložené v nastavení Global Custom CSS
.header-wrapper {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
}
*/
.header-wrapper header > .container .container-wrapper {
    padding-bottom: 1em !important;
    padding-top: 1em !important;
}
.page-heading.bc-size-large .title {
    max-width: none !important;
}
.page-heading {
	min-height: 360px;
	margin-bottom: 6rem !important;
}
/* Odsadenie pre Blog page 
.blog .page-heading {
	margin-bottom: 6rem !important;
}
.content-page {
    padding-bottom: 0px;
}
*/


/* Breadcrumb padding
*****************************************************************************************/
@media only screen and (min-width: 993px) {
	.et-header-overlap .page-heading {
		padding-bottom: 3em !important;
		padding-top: 10em !important;
	}
}
@media only screen and (max-width: 992px) {
	.et-header-overlap .page-heading {
		padding-bottom: 3em !important;
		padding-top: 9em !important;
	}
}
@media only screen and (max-width: 640px) {
	.et-header-overlap .page-heading {
		padding-bottom: 3em !important;
		padding-top: 8em !important;
	}
}


/* FIX - na homepage sa nezobrazia columns, 
 * ktoré nemajú obsah ale len img background
*****************************************************************************************/
.height-240 {
    min-height: 240px;
}
.height-320 {
    min-height: 320px;
}


/* Responzívna medzera pri Stretch row and content - použité na homepage
*****************************************************************************************/
@media only screen and (min-width: 1409px) {
	.responsive-margin-left {
		padding-left: 16rem !important;
	}
}
@media only screen and (max-width: 1408px) {
	.responsive-margin-left {
		padding-left: 6rem !important;
	}
}
@media only screen and (max-width: 1280px) {
	.responsive-margin-left {
		padding-left: 5rem !important;
	}
}
@media only screen and (max-width: 1152px) {
	.responsive-margin-left {
		padding-left: 4rem !important;
	}
}
@media only screen and (max-width: 1024px) {
	.responsive-margin-left {
		padding-left: 3rem !important;
	}
}
@media only screen and (max-width: 896px) {
	.responsive-margin-left {
		padding-left: 2rem !important;
	}
}
@media only screen and (max-width: 640px) {
	.responsive-margin-left {
		padding-left: 1rem !important;
	}
}
@media only screen and (min-width: 1409px) {
	.responsive-margin-right {
		padding-right: 16rem !important;
	}
}
@media only screen and (max-width: 1408px) {
	.responsive-margin-right {
		padding-right: 6rem !important;
	}
}
@media only screen and (max-width: 1280px) {
	.responsive-margin-right {
		padding-right: 5rem !important;
	}
}
@media only screen and (max-width: 1152px) {
	.responsive-margin-right {
		padding-right: 4rem !important;
	}
}
@media only screen and (max-width: 1024px) {
	.responsive-margin-right {
		padding-right: 3rem !important;
	}
}
@media only screen and (max-width: 896px) {
	.responsive-margin-right {
		padding-right: 2rem !important;
	}
}
@media only screen and (max-width: 640px) {
	.responsive-margin-right {
		padding-right: 1rem !important;
	}
}

/* Homepage fix before footer
*****************************************************************************************/
.home.page div.container.content-page {
	padding-bottom: 0px;
}
/* Footer
*****************************************************************************************/
.footer-widget .textwidget {
	color: #8a8a8a;
}

/* WooCommerce - Kategórie produktov
*****************************************************************************************/
.category-grid a div.categories-mask {
	background-color: rgba(255, 255, 255, 0.9);
	/*background-color: rgba(0, 0, 0, 0.87);*/
}

/* WooCommerce - Quick view
*****************************************************************************************/
.quick-view-popup h3.product-name {
	font-size: 24px;
}

/* WooCommerce - Košík, Pokladňa
*****************************************************************************************/
.includes_tax {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 0.33em;
}

/* WooCommerce - Messages
*****************************************************************************************/
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    color: #595959;
    line-height: 1;
}
.woocommerce-message {
    background-color: #f8faf5;
}
.woocommerce-error {
    background-color: #fbf5f4;
}
.woocommerce-info {
	background-color: #f5f9fc;
}

/* WooCommerce - Price suffix
*****************************************************************************************/
.product-information .woocommerce-price-suffix, .product-info-wrapper .woocommerce-price-suffix, .product-summary-center .woocommerce-price-suffix {
    color: #808080;
    display: inline;
    font-size: 0.67em;
    font-weight: 400;
    width: 100%;
}

/* WooCommerce - eTlačivá price info box
*****************************************************************************************/
div.vc_column_container.etlaciva-price,
div.row div.etlaciva-price {
    background-color: #faf0f3;
    border: 1px solid #f9e2e8;
    padding: 12px;
}
.etlaciva-left {
	text-align: left;
}
.etlaciva-right {
	text-align: right;
}
@media only screen and (max-width: 767px) {
	.etlaciva-right {
		text-align: left;
	}
}
 
/* Gravity Forms
*****************************************************************************************/
.gform_wrapper .validation_message {
    color: #B63231 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    margin-left: 0.5rem !important;
}

/* Gravity Forms - Kontaktný formulár
*****************************************************************************************/
.kontakty input, .kontakty textarea {
    padding-left: 1em !important;
}
/*.kontakty input:focus, .kontakty textarea:focus {
	background-color: #fcfcf3 !important;
	border: none !important;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}*/

/* Gravity Forms - Odoberať Newsletter
*****************************************************************************************/
#etheme-popup {
    max-width: 760px !important;
	padding: 36px 16px 36px 0px !important;
}
#etheme-popup .vc_row {
	margin-left: 0px !important;
}
#etheme-popup div.odoberat_newsletter {
	background-image: url("https://www.etlaciva.sk/data/uploads/2017/01/etlaciva-odoberat-newsletter-popup.png");
    background-position: right top;
    background-repeat: no-repeat;
}
#etheme-popup .wpb_content_element {
	margin: 0px !important;
}
#etheme-popup .odoberat_newsletter li {
    min-width: 300px;
}
.odoberat_newsletter li {
	margin: 0px !important;
    min-width: 360px;
}
.odoberat_newsletter input {
    font-size: 18px !important;
    font-weight: normal !important;
    height: 2.4em !important;
    margin: 0 !important;
    padding: 6px 12px !important;
}
.odoberat_newsletter input.gform_button.button {
    background-color: transparent;
	border: 2px solid #ffffff;
	border-radius: 5px !important;
	color: #ffffff;
	padding: 6px 24px !important;
}
.odoberat_newsletter input.gform_button.button:hover {
    background-color: #5c4bab;
	border: 2px solid #ffffff;
	border-radius: 5px important;
	color: #ffffff;
}
.odoberat_newsletter .gfield_error {
	background-color: #fbf5f4 !important;
}
/* GDPR */
#etheme-popup .odoberat_newsletter label#label_2_2_1 {
	margin-left: 1rem;
	color: #757575;
}
.odoberat_newsletter label#label_2_2_1 {
	margin-left: 1rem;
	color: white;
}
.odoberat_newsletter div.gform_footer.top_label {
	margin-top: 0rem;
}

/* Gravity Forms - Žiadosť o vydanie Grid karty 
*****************************************************************************************/
#gform_wrapper_3 {
    margin: 0 auto;
    display: flex;
}
.vydanie_grid_karty li {
	margin: 0px !important;
    min-width: 360px;
}
.vydanie_grid_karty input {
    font-size: 20px !important;
    font-weight: normal !important;
    height: 2.4em !important;
    margin: 0 !important;
    padding: 6px 12px !important;
}
.vydanie_grid_karty input.gform_button.button {
	color: #ffffff;
	padding: 6px 24px !important;
    background-color: transparent;
	border: 2px solid #ffffff;
	border-radius: 5px !important;
}
.vydanie_grid_karty input.gform_button.button:hover {
    background-color: #5c4bab;
}
.vydanie_grid_karty .validation_error {
    background-color: #272727;
    color: #ffff00 !important;
    font-size: 1.5rem !important;
    font-weight: normal !important;
    line-height: 2;
    border-top: 2px solid #ffff00 !important;
    border-bottom: 2px solid #ffff00 !important;
}
.vydanie_grid_karty .gfield_error {
	background-color: #272727 !important;
}
.vydanie_grid_karty .gfield_description {
    color: #ffffff !important;
}
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield.gfield_error.vydanie_grid_karty {
	padding: 1rem;
}

/* eForm - Preview submission
*****************************************************************************************/
table.ipt_fsqm_preview thead tr th, 
table.ipt_fsqm_preview tbody tr th {
	padding: 1rem;
}

/* eForm - Bezpečnostné služby
*****************************************************************************************/
.ipt-uif-custom-material-default .input-field label {
    right: 0px !important;
    left: unset !important;
}
.formErrorContent {
    text-align: right !important;
}
#ipt_fsqm_form_1_layout_0_inner .ipt_uif_question_label,
#ipt_fsqm_form_1_layout_1_inner .ipt_uif_question_label,
#ipt_fsqm_form_1_layout_2_inner .ipt_uif_question_label {
	width: 80% !important;
}
#ipt_fsqm_form_1_layout_0_inner .ipt_uif_question_content,
#ipt_fsqm_form_1_layout_1_inner .ipt_uif_question_content,
#ipt_fsqm_form_1_layout_2_inner .ipt_uif_question_content {
	width: 20% !important;
}
table.ipt_fsqm_preview tbody tr th {
	padding: 1rem;
}