/* This File Contains All Responsive CSS */

/* Custom Drop-Down
================================================== */
#navigation .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
#navigation .selector, 
#navigation .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
#navigation .selector, 
#navigation .selector *{ margin:0; padding:0; }
#navigation .selector select{ top:0px; left:0px; }
#navigation .selector{ width: 100%; font-size:12px;  font-weight:bold; }
#navigation .selector span:after { padding-left: 5px; padding-right: 5px; content: "\f078"; font-family: 'FontAwesome'; }
#navigation .selector span{ cursor:pointer; }
#navigation .selector{ height: 30px; line-height: 30px; display:-moz-inline-box;  display:inline-block;  vertical-align:middle;  zoom:1;  *display:inline; }
#navigation .selector select:focus{outline:0; }
#navigation .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
#navigation .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
#navigation .selector select{ position:absolute;  height:35px;  background:none;  width:97%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  font-weight:500;  border:0 !important; }


/* General
================================================== */
img{ max-width: 100%; }

/*hide redundant menu*/
#navigation select { display: none; width: 100% !important; }
#navigation .selector { display: none; margin-top: 5px; }


/* Apply To All Responsive Layouts
================================================== */
@media only screen and (device-width: 768px) {

	
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#wrap{ width: 680px; }
	#footer-one,#footer-two,#footer-three,#footer-four{ width: 155px;  }

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 290px */
@media only screen and (max-width: 767px) {
	html, body { min-width: 0; }
	#wrap{ width: 100%; max-width: 100%; padding: 0 15px; box-shadow: none; }
	.container, .row { width: 100%; max-width: 100%; margin: 0 auto; }

	#header, header#header.container { padding: 12px 15px; }
	#logo, #logoimg { width: 100%; float: none; text-align: center; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
	#logoimg .navbar-brand, .navbar-brand { justify-content: center !important; flex-direction: column !important; align-items: center !important; }
	.site-title { font-size: 1.5rem !important; line-height: 1.2 !important; padding: 0 15px !important; margin-top: 0.5rem; max-width: 100%; word-break: break-word; }
	.site-logo img { max-width: 140px; margin: 0 auto; display: block; }

	.page-cart .form-actions {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 0 !important;
	}

	.page-cart .form-actions > * {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 0.85rem !important;
		position: static !important;
		top: auto !important;
	}

	.page-cart .form-actions > *:last-child {
		margin-bottom: 0 !important;
	}

	.page-cart #edit-actions input#edit-submit,
	.page-cart #edit-actions input#edit-checkout {
		margin-left: 0 !important;
		margin-right: 0 !important;
		position: static !important;
		top: auto !important;
	}

	/* Hero / slider captions */
	.flexslider .caption,
	.full-slides .caption,
	.slides .caption { display: block; position: relative; width: auto; bottom: auto; left: auto; right: auto; background: rgba(0, 0, 0, 0.65); margin: 0 0 1rem; padding: 1rem 1.2rem; border-radius: 14px; text-align: center; }
	.slides .caption p { font-size: 1rem; line-height: 1.5; margin: 0; padding: 0; }
	.hero, .hero-banner, .hero-section, .front-page-hero { padding: 1.5rem 0; }
	.hero .hero-text, .hero-banner .hero-text, .hero-section .hero-text, .front-page-hero .hero-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.hero .hero-links, .hero .hero-buttons, .hero-banner .hero-links, .hero-banner .hero-buttons, .hero-section .hero-links, .hero-section .hero-buttons, .front-page-hero .hero-links, .front-page-hero .hero-buttons { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
	.hero .hero-links a, .hero .hero-buttons a, .hero-banner .hero-links a, .hero-banner .hero-buttons a, .hero-section .hero-links a, .hero-section .hero-buttons a, .front-page-hero .hero-links a, .front-page-hero .hero-buttons a { flex: 1 1 100%; min-width: 0; max-width: 100%; }
	.hero-links a:nth-child(n+3),
	.hero-buttons a:nth-child(n+3),
	.front-page-hero .hero-links a:nth-child(n+3),
	.front-page-hero .hero-buttons a:nth-child(n+3) { display: none; }

	/*display dropdown nav*/
	#navigation .selector,
	#navigation select { display: block; }
	#navigation ul { display: none; }
	#navigation{ padding: 0.75rem 12px; height: auto; line-height: normal; float: none; margin: 0 0 1rem; background: #3fb7b7; color: #fff; border-radius: 10px; }
	#navigation .selector { width: 100%; }
	#navigation select { width: 100%; }

	.preface-block, #footer-one,#footer-two,#footer-three,#footer-four{ width: 100%; margin-right: auto; margin-left: auto; }

	.flex-direction-nav li a.next,
	.flex-direction-nav li a.prev {height: 40px;width: 25px; line-height: 40px;margin-top: -20px;}

	body.sidebar-first #content, #content, #sidebar{ width: 100%; float: none; }

	.node h2.title{ margin-bottom: 0.8rem; font-size: 1.3rem; }

	#sidebar{ margin-top: 25px; padding-top: 25px; border-top: 1px solid #ddd; }

	.comment .attribution, .comment .comment-text { display: block; }
	
	#copyright,#back-to-top{ float: none; width: 100%; text-align: center; }

	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {width: 100%; float: none;} 

	body .layout--twocol-section { display: flex !important; flex-wrap: wrap !important; flex-direction: column !important; gap: 20px !important; width: 100% !important; }
	body .layout--twocol-section .layout__region--first,
	body .layout--twocol-section .layout__region--second { display: block !important; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 0 !important; }

	.view, .region, .block, .layout__region { margin-left: 0; margin-right: 0; width: 100%; }
	.button, .button--primary, .form-submit { width: 100%; display: inline-block; }
	img { max-width: 100%; height: auto; }

	/* Mobile list/table cleanup for front page content */
	.content, .view, .block, .layout__region, .region {
		box-sizing: border-box;
	}
	ul, ol {
		padding-left: 1.15rem;
		margin: 0 0 1rem;
		word-break: break-word;
	}
	li {
		word-break: break-word;
	}
	table, .table {
		width: 100% !important;
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	th, td {
		white-space: normal !important;
		min-width: 0 !important;
	}
	.views-field,
	.views-field-field-kods,
	.views-field-field-prod-noform,
	.view .field,
	.view .views-field {
		min-width: 0 !important;
		word-break: break-word !important;
	}

	/* Stack table columns for front page mobile list */
	.lek-standards-table table,
	.lek-standards-table tbody,
	.lek-standards-table tr,
	.lek-standards-table th,
	.lek-standards-table td {
		display: block !important;
		width: 100% !important;
	}
	.lek-standards-table thead,
	.lek-standards-table tr {
		border: none;
	}
	.lek-standards-table th {
		position: absolute;
		left: -9999px;
	}
	.lek-standards-table tr {
		margin-bottom: 1.2rem;
		padding: 0.8rem 0;
		border-bottom: 1px solid rgba(0,0,0,0.08);
	}
	.lek-standards-table td {
		position: relative;
		padding: 0.75rem 0 0.75rem 5.5rem !important;
		border: none !important;
	}
	.lek-standards-table td:before {
		position: absolute;
		left: 0;
		top: 0.75rem;
		display: inline-block;
		font-weight: 700;
		color: #0f5f63;
		font-size: 0.95rem;
		white-space: nowrap;
	}
	.lek-standards-table td:nth-of-type(1):before { content: "Prece:"; }
	.lek-standards-table td:nth-of-type(2):before { content: "Cena:"; }
	.lek-standards-table td:nth-of-type(3):before { content: "Skaits:"; }
	.lek-standards-table td:nth-of-type(4):before { content: "Izņemt:"; }
	.lek-standards-table td:nth-of-type(5):before { content: "Kopā:"; }
	.lek-standards-table td:first-child {
		font-weight: 400;
	}
	.lek-standards-table .views-field-commerce-add-to-cart-link,
	.lek-standards-table .views-field .button,
	.lek-standards-table input.list-add-to-cart,
	.lek-standards-table input.list-add-to-cart.form-submit {
		display: inline-flex !important;
		width: auto !important;
		white-space: nowrap !important;
	}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#wrap{ width: 100%; padding: 0 15px; }
	.preface-block, #footer-one, #footer-three{ width: 100%; margin-right: 0; }
	#footer-two, #footer-four { width: 100%; margin-right: 0; }
	.responsive-clear{ clear: both; }
}