/*
 Theme Name:   Bridge Metos Child
 Theme URI:    http://localhost/metoswp/wp-content/themes/bridge-metos/
 Description:  Bridge Theme for metos changes
 Author:       Jarkko Sillanpää
 Author URI:   http://localhost/wptestsite
 Template:     bridge
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bridge-child
*/

/**********************************************************/
/*The default mark tag is displayed with yellow background*/
/*Change the background-color to none and change the text */
/*color and style!                                        */
/**********************************************************/
mark {
	background-color: transparent;
	color: rgb(0, 77, 135);
	font-weight:bold;
	text-decoration: italic;
}

/**********************************************************/
/*Review custom order row meta data inline with the meta  */
/*name                                                    */
/**********************************************************/
.wc-item-meta-label + p{
	display: inline;
}

.contact-title {
	font-weight: bold;
	text-transform: capitalize;
}

  div.post_image_metos_search {/*,
  .blog_holder.blog_small_image article .post_text_metos_search */
    margin: 10px;
/*	height: 45%;*/
  }

/**/
.orig-price {
	color : red;
	text-decoration: line-through;
}

.dist-select {
	font-size: larger;
}

.title_subtitle_holder {
  margin-top: 50px;
  margin-bottom: 50px;
}

div.title_subtitle_holder > h1 > span {
  color: #303030;
  font-size:larger;
  font-weight: bolder;
}

.prodvideo {
  width: 100%;
  padding: 5px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videomargin {
  font-size: xx-small;
}

.product_title {
	color: black;
}
.tab-title {
	color: white;
}

.woocommerce-loop-category__title {
	font-weight: bold;
	font-size: large;
}

.burana {
	padding-top: 25px;
	margin: 25px 25px 25px 25px;
	min-width: 70px;
	text-align: center;
}

.sections-other {
	font-style: italic;
	font-size: smaller;
}

.product-price {
  text-align: right;
}


/*********************************************************/
/*Test environment banner.                               */
/*The banner is displayed with jQuery script. The script */
/*is activated when the domain name contains strings     */
/*"test" or "local".                                     */
/*********************************************************/
.test-environment {
	position: absolute; 
	top:0; 
	left: 0; 
	writing-mode: vertical-rl; 
	text-orientation: mixed; 
	color: red; 
	font-weight: bold; 
	font-style: italic; 
	z-index: 2000; 
	padding-top: 120px; 
	padding-left: 5px; 
	opacity: .6; 
	pointer-events: none;
}

/*********************************************************/
/*Base level product category selector on outlet page*/
/*Display the category name texts a bit smaller to fit   */
/*better on side bar!                                    */
/*********************************************************/
label[for $= '-cat']{
  font-size: smaller;
}

/*********************************************************/
/*Bold the name of selected category on outlet page      */
/*********************************************************/
input[name='cat']:checked + label[for $='-cat']{
  font-weight: bold;
}

/*********************************************************/
/* Single product page modifications  */
/*********************************************************/
/*Change default gray price text color to dark blue*/
.woocommerce div.product .summary p.price span.amount {
  color: #014d87;
}

.woocommerce div.product .summary span.price span.amount {
  font-size: 21px;
  color: #014d87;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

.reset_variations {
  padding-left: 7px;
}

button.single_add_to_cart_button.button.alt {
  background-color: #00a0f0;
  border-color: #00a0f0;
  color: #fff;
  text-decoration: none;
}

button.single_add_to_cart_button.single_add_to_cart_button.button.alt:hover {
  background-color: #004d87;
  border-color: #004d87;
}

div.extraspace{
  height: 5px;
  line-height: 5px;
} 

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

.iconav {
	width: 20px;
}


/******************************************************/
/* Widgets */
/******************************************************/
/*qodef-icon-dripicons dripicon dripicons-cart qode_icon_element*/
/* Bruteforce positioning */

/*Shoppin cart*/
.shopping_cart_outer{
	position: absolute;
	top: 0px;
	right: 24px;
}

.header_cart{
	position: absolute;
	top: 6px;
}

/* end of shoppin cart*/

/*phone  and number*/
.textwidget > a {
	position: absolute;
	top: 28px;
	right: 305px;
}

.textwidget span:nth-child(2) > span:nth-child(1){
	width: 120px;
	position: absolute;
	top: 30px;
	right: 185px;
}

.textwidget span:nth-child(2) > a {
	position: absolute;
	top: 27px;
	right: 80px;
}
 
div.widget_text.header_bottom_widget.widget_custom_html > div > span > span.qode_icon_shortcode.q_font_awsome_icon.fa-lg{
	position: relative;
	top: 0px;
	right: -83px;
	visibility: hidden;
}

body > div.wrapper > div > header > div > div > div > div > div > div.header_inner_right > div > div.side_menu_button {
	right: -18px;
}

body > div.wrapper > div > header > div > div > div > div > div > div.header_inner_right > div > div.side_menu_button > a {
	padding: 0px 2px;
}

/******************************************************/
/* Shoppin cart widget*/
/******************************************************/

div.shopping_cart_dropdown{
	box-shadow: #44444499 2px 3px 3px -1px;
}

div.shopping_cart_dropdown .qbutton {
	color: #fff;
	background-color: #0ba4f1;
}

div.shopping_cart_dropdown .qbutton:hover {
	background-color: #014d87;
}

.shopping_cart_dropdown .cart_list span.quantity {
	color: #0ba4f1;
}

div.shopping_cart_dropdown span.total{
	color: #333333;
}

div.shopping_cart_dropdown .total span {
	color: #014d87;
	font-weight: 1000;
}

/******************************************************/
/* Product catalogue */
/******************************************************/

/* Category view */

h2.woocommerce-loop-category__title {
	text-align: center;
	line-height: 30px;
	padding-bottom: 5px;
}

.woocommerce-loop-category__title > mark{
	display: block;
	background-color: white;
	color:#014d87;
	font-weight: 1000;
}

/* Product view */
.default_template_holder .woocommerce #searchform {
	border-style: solid;
	border-color: #e6e6e6;
	border-width: 1px;
	height: 42px;
}

.default_template_holder .woocommerce #searchform input[type=text] {
	padding: 5px 4%;
}

.default_template_holder .woocommerce #searchform #searchsubmit{
	width: 42px;
	height: 42px;
	font-size: 15px;
}

.product-subtotal, .product-price {
	text-align: right;
}

ul.products{
	display: flex;
	flex-flow: wrap;
}

.woocommerce ul.products li.product{
	box-shadow: #d9d9d9 1px 3px 5px 0px;
}

.woocommerce ul.products li.product, 
.woocommerce ul.products li.product a.product-category, 
.woocommerce-page ul.products li.product a.product-category {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	height: initial;
	align-self: stretch;
	align-items: center;
}

.woocommerce ul.products li.product .woocommerce-Price-amount{
	color: #014d87;
	font-size: 20px;
	font-weight: 1000;
	transition: color .3s ease-out;
}

.woocommerce ul.products li.product:hover .woocommerce-Price-amount {
	color: #0ba4f1;
}

.iconav{
	position:relative;
	top:4px;
}

.woocommerce ul.products li.product h6 {
	line-height: 1.5;
}

/******************************************************/
/* Single product */
/******************************************************/

p.available-on-backorder{
	display: none !important;
}

/******************************************************/
/* Shopping cart page*/
/******************************************************/

.woocommerce div.cart-collaterals div.cart_totals{
	width: 45%;
}

.shipping td:nth-child(2){
	text-align: left;
}

/******************************************************/
/* Shop table */
/******************************************************/

.woocommerce form.checkout table.shop_table td:nth-child(1) {
	text-align: left;
}


table > tbody > tr > td:nth-child(2),
#order_review > table > tfoot > tr.cart-subtotal > td:nth-child(2),
.woocommerce form.checkout table.shop_table td:nth-child(2) {
	text-align: right;
	padding: 10px;
	padding-right: 50px;
}

#shipping_method{
	text-align: left;
}

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

body > div.wrapper > div > div > div > div.container > div > div > div > div > div > div > div.alignleft{
	float:none;
	display: flex;
	flex-flow: wrap;
}

body > div.wrapper > div > div > div > div.container > div > div > div > div > div > div > div.alignleft > div.alignleft {
	flex-grow: 0;
	flex-basis: 220px;
}

/******************************************************/
/* responsive changes */
/******************************************************/


@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	html {
			transition: none !important;
			overflow: unset !important;
	}
	
	body {
		transition: none !important;
		overflow: unset !important;
	}
}

@media (min-width: 1000px){
	.columns-3 .woocommerce_with_sidebar ul.products li.product:nth-child(2n){
		margin-right: 2.22% !important;
	}

	.columns-3 .woocommerce_with_sidebar ul.products li.product {
		width: 30.89% !important;
		margin-right: 2.22% !important;
	}
}

@media (max-width: 1200px) {
	nav.main_menu>ul>li>a {
		padding: 0 1vh;
	}

	.widget #searchsubmit {
		float: none;
	}
}

@media (max-width: 1000px){
	img.mobile{
		left: -40% !important;
	}


	div.widget_text.header_bottom_widget.widget_custom_html > div > span > span.qode_icon_shortcode.q_font_awsome_icon.fa-lg{
		top: 8px;
	}


	.woocommerce ul.products li.product h6{
		word-break: break-word;
	}

	.woocommerce div.cart-collaterals div.cart_totals{
		width: 70%;
	}
}



@media (max-width: 770px) {
	.woocommerce div.cart-collaterals div.cart_totals{
		width: 70%;
	}
}

@media (max-width: 700px) {
	div.widget_product_categories {
		position: fixed;
		top: 0;
		left:-100vw;
		width:80vw;
		height:100vh;
		min-width: 295px;
		z-index:100;
		background-color:#fff;
		overflow-y:auto;
		box-shadow: #4449 0px 0px 4px;
		padding-left: 20px;

		transition: left ease-out 0.2s;
		
	}

	div.widget_product_categories::after{
		display: block;
		position: fixed;
		background-color: #fff;
		padding: 10px 6px 14px 15px;
		border-radius: 25%;
		
		top: calc(50% + 0px);
		left: -14px;
		content:"|||";
		font-size: 41px;

		box-shadow: #4449 0px 0px 4px;
		transition: left 0.2s;
	}

	.toggle i.dashicons{
		font-size: 30px;
	}

	div.widget_product_categories:hover {
		height:100vh;
		left:0%;
		min-width: unset;
	}

	div.widget_product_categories:hover::after{
		left: -60px;
	}

	li.product {
		margin-left:20px;
		margin-right: 0px !important;
	}

	.title,
	.container,
	header.menu_position_left,
	header.menu_position_left {
	z-index:0;
	}
}

@media (max-width: 600px) {
	ul.products li.produc{
		
		background: #0ba4f1;
	}
}

/******************************************************/
/* Print css */
/******************************************************/

@media print {
	body {
		overflow: visible !important;
	}

	body > section,
	body > div.wrapper > div > header,
	#back_to_top,
	body > div.wrapper > div > footer,
	body > div.wrapper > div > div > div > div.title_outer.title_without_animation,
	nav,
	div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
	div.up-sells.upsells.products,
	div.related.products,
	div.qode-single-product-summary > div > p,
	div.qode-single-product-summary > div > span,
	div.qode-single-product-summary > div > form,
	div.qode-single-product-summary > div > div.product_meta > span.sku_wrapper,
	div.qode-single-product-summary > div > div.product_meta > p,
	div.qode-single-product-summary > div > div.q_accordion_holder.toggle.boxed.woocommerce-accordion.accordion.ui-accordion.ui-accordion-icons.ui-widget.ui-helper-reset > h6 {
		display: none !important;
		visibility: hidden !important;
	}

	 div.qode-single-product-summary > div {
		float: right !important;
		width: 100% !important;
	}

	 div.qode-single-product-summary > div > div.q_accordion_holder.toggle.boxed.woocommerce-accordion.accordion.ui-accordion.ui-accordion-icons.ui-widget.ui-helper-reset > div {
		display: block !important;
		visibility: visible !important;
	}
}