/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html{scroll-behavior:smooth}

.ps_machine_category_products_available div div
{
	margin-top: 15px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
		grid-column-gap: 15px;
		grid-row-gap: 15px;
		width: 100%;
}

.ps_machine_category_products_available img
{
	display: grid;
		place-items: center center;
	box-shadow:    3px 3px 1px 0px #ccc;  	
	max-width: 160px;
	border-radius: 5px;
}
.ps_machine_backglass
{
	box-shadow:    3px 3px 1px 0px #ccc;  	
}

.ps_machine_pinside_ipdb_infos li
{
   list-style-type: square;
   font-size: 14px;
   color: #222;
}

#ps_soundpacks_toggle 
{
    border: 1px #CCC solid;
    margin-bottom: 0px;
    padding: 5px 15px;
    font-size: 20px;
    color: black;
    cursor: pointer;
    background: url('https://www.pinsound.org/wp-content/themes/hello-elementor-child/images/mirror-background-flat.png') center repeat-x orange;
    background-size: auto;
    background-size: cover;
}

.ps_highlight_pinball
{
	background-color: #EEE;
	padding: 20px;
}

.ps_title_pinball
{
	color: #000;
}
.ps_machine_infos
{
	margin: 0;
}
.fusion-page-title-bar h1.entry-title
{
	display: none;
}
.ps_main_title_pinball
{
	font-size: 30px;
	color: #000;
	text-shadow: 2px 2px #CCC;
}
.header_infos
{
	border-top: none;
}
.ps_row_full_width_gradient
{
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    padding: 10px 0 0 0 ;
}
.ps_product_cat_ultimate
{
	background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(181, 48, 64) 0%, rgb(255, 23, 11) 100%) repeat scroll 0% 0%;
}
.ps_product_cat_sound-board
{
	background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(255, 220, 116) 0%, rgb(250, 126, 2) 100%) repeat scroll 0% 0%;
}
.ps_product_cat_sound-system
{
	background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(34,116,199) 0%, rgb(18,53,102) 100%) repeat scroll 0% 0%;
}
.ps_product_cat_shaker
{
	background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(209,27,88) 0%, rgb(114,4,86) 100%) repeat scroll 0% 0%;
}
.ps_product_cat_original
{
	background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(111,180,54) 0%, rgb(6,89,75) 100%) repeat scroll 0% 0%;
}
.ps_product_cat_accessory
{
	background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(169,169,169) 0%, rgb(70,86,97) 100%) repeat scroll 0% 0%;
}
img.ps_product_cat_img
{
	/*box-shadow:    3px 3px 1px 0px #ccc;  	*/
	border-radius: 0px 0px 10px 10px
}
.ps_cat_products_header
{
	background: #FFF;
	display: grid;
	grid-template-columns: 161px auto 250px;
  	grid-column-gap: 15px;
  	grid-row-gap: 15px;
  	width: 100%;
}
.ps_cat_products_header > div:nth-child(2n)
{
	padding-left: 40px;
}
.ps_cat_products_header > div:nth-child(3n)
{
	display: grid;
	justify-items: right;	
}


a.ps_product_btn_ultimate
{
    border-color: rgb(255, 23, 11);
    color: rgb(255, 23, 11);
}
a.ps_product_btn_ultimate:hover 
{
    background: rgb(255, 23, 11);
    color: #ffffff;
}    
a.ps_product_btn_sound-board
{
    border-color: rgb(250, 126, 2);
    color: rgb(250, 126, 2);
}
a.ps_product_btn_sound-board:hover 
{
    background: rgb(250, 126, 2);
    color: #ffffff;
}
a.ps_product_btn_sound-system
{
    border-color: rgb(18,53,102);
    color: rgb(18,53,102);
}
a.ps_product_btn_sound-system:hover 
{
    background: rgb(18,53,102);
    color: #ffffff;
}
a.ps_product_btn_shaker
{
    border-color: rgb(114,4,86);
    color: rgb(114,4,86);
}
a.ps_product_btn_shaker:hover 
{
    background: rgb(114,4,86);
    color: #ffffff;
}
a.ps_product_btn_original
{
    border-color: rgb(6,89,75);
    color: rgb(6,89,75);
}
a.ps_product_btn_original:hover 
{
    background: rgb(6,89,75);
    color: #ffffff;
}
a.ps_product_btn_accessory
{
    border-color: rgb(70,86,97);
    color: rgb(70,86,97);
}
a.ps_product_btn_accessory:hover 
{
    background: rgb(70,86,97);
    color: #ffffff;
}
a.ps_product_btn:active, a.ps_product_btn:focus, a.ps_product_btn:hover, a.ps_product_btn:visited 
{
    text-decoration: none;
    outline: 0;
}
.ps_product_btn 
{
    display: inline-block;
    text-align: center;
    font-size: 15px;
   	padding: 3px 10px;
    -webkit-border-radius: 15px;
    border-radius: 5px;
    border: 1px solid #000;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 160px;
}
.ps_product_btn_wide
{
	width: 200px;
}

.ps_product_name
{
	font-size: 25px;
	font-weight: bold;
	color: black;
}
.ps_product_tagline
{
	font-size: 15px;
	color: black;
	font-weight: normal;
	/*font-style: italic;*/ 
} 
/*
.ps_product_cat_tagline::before { content: open-quote; }
.ps_product_cat_tagline::after  { content: close-quote; }
*/

.ps_product_first_column
{
	text-align: center;
}

.ps_product_third_column
{

}
.ps_product_related_products
{
	background-color: #EEE;
	font-size: 80%;
	width: 100%;
	padding: 5px;
	margin-top: 8px;
}
.ps_product_related_products_title
{
	font-weight: bold;
	margin-bottom: 5px;
}

.ps_product_buttons
{
	margin: 15px 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, 210px);
  	grid-column-gap: 0px;
  	grid-row-gap: 0px;
  	width: 100%;
}

.ps_product_main_features
{
	margin: 15px 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, 20px 290px);
  	grid-column-gap: 0px;
  	grid-row-gap: 0px;
  	width: 100%;
}
.ps_product_main_features i
{
	color: green;	
}
.ps_product_main_features div
{
	font-size: 13px;
}
.ps_product_main_features_readmore
{
	text-align: left;
	margin: 15px 0;
}
.ps_product_availability
{
	text-align: center;
	margin: 5px 0;
	font-size: 12px;
	color: #333;
	border: 1px solid #DDD;
	width: 160px;
	padding: 2px;
}
.ps_product_availability .fa-clock
{
	color: orange;
}
.ps_product_availability .fa-warehouse
{
	color: green;
}
.ps_product_image
{
	max-height: 150px;
}
.ps_product_separator
{
	border-top: 2px solid #AAA;
	padding-top: 15px;
}
.ps_product_thumbnail_pinball
{
	display: none;
	max-width: 80px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.ps_product_availability_shop
{
	padding-top: 5px;
}


@media only screen and (max-device-width: 499px) 
{
	.ps_product_thumbnail_pinball
	{
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.ps_cat_products_header
	{
		background: #FFF;
		display: flex;
  		/*flex-direction: column-reverse;*/
  		flex-wrap: wrap;
		/*
		display: grid;
		grid-template-columns: auto;
	  	grid-column-gap: 15px;
	  	grid-row-gap: 15px;
	  	*/
	  	width: 100%;
	}
	.ps_cat_products_header > div:nth-child(2n)
	{
		padding-left: 0px;
	}
	.ps_product_first_column
	{
		width: 100%;
	}
	.ps_product_availability
	{
		margin: 0 auto;
	}

	.ps_product_third_column
	{
		display: none;
	}
	.ps_product_separator
	{
		display: none;
	}
	.ps_machine_infos
	{
		display: none;
	}
	.ps_product_cat_img
	{
		display: none;
	}
	.ps_product_btn
	{
		margin-top: 5px;
	}
}


#ps_soundpacks_toggle
{
	border: 1px #CCC solid;
  	margin-bottom: 0px;
  	padding: 5px 15px;
	font-size: 20px;
	color: black;
	cursor: pointer;
	background: url('https://www.pinsound.org/wp-content/themes/hello-elementor-child/images/mirror-background-flat.png') center repeat-x orange;
	background-size: cover;
}
#ps_soundpacks_summary
{
	border-top: 1px #CCC solid;
  	margin-bottom: 5px;
  	padding: 3px 35px;	
  	margin-bottom: 20px;
  	background-color: #DDD;
}
#ps_soundpacks_summary span
{
	cursor: pointer;
	margin-right: 25px;
	color: #000;
	font-size: 13px;
}
#ps_soundpacks
{
	display: none;
}
.ps_soundpack_row
{
	background: #FFF;
	display: grid;
	grid-template-columns: 30px 250px auto 150px;
  	grid-column-gap: 15px;
  	grid-row-gap: 15px;
  	width: 100%;

  	border: 1px #CCC solid;
  	margin-bottom: 5px;
  	padding: 5px;
}
.ps_soundpack_enhancement
{
	display: grid;
	align-items: center;
}
.ps_soundpack_enhancement img
{
	width: 25px;
	height: 25px;
}
.ps_soundpack_title
{
	font-weight: bold;
	color: #333;
}
.ps_soundpack_description
{
	font-size: 13px;
	line-height: 13px;
}
.ps_soundpack_download
{
	display: grid;
	align-items: center;	
}
.ps_soundpack_download img
{
	box-shadow:    3px 3px 1px 0px #ccc;  	
}
.ps_soundpack_previews
{
	display: grid;
  	grid-template-columns: repeat(auto-fit, minmax(150px, 300px));
	width: 100%;
	grid-column-gap: 10px;
  	grid-row-gap: 10px;
}
.ps_soundpack_previews img
{
	max-width: 120px;
	max-height: 90px;
}

@media only screen and (max-device-width: 499px) 
{
	.ps_soundpack_row
	{
		margin-bottom: 25px;
		display: grid;
  		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	  	width: 100%;
	  	grid-column-gap: 0px;
  		grid-row-gap: 10px;
	}
	.ps_soundpack_enhancement
	{
		display: inline-block;
		text-align: center;
	}
	.ps_soundpack_download
	{
		display: inline-block;
		text-align: center;
	}
}

.ps_compatible_pinball_status
{
	display: inline-block;
	width: 20px;
}
.ps_compatible_pinball_ok a
{
	color: #F06000;
}
.ps_compatible_pinball_ko a
{
	color: #807c8c;
}
.ps_compatible_pinball_ok a:hover,
.ps_compatible_pinball_ko a:hover
{
	color: #222;
}

.searchwp-live-search-result p.ps_compatible_pinball_row
{
	border-bottom: none;
	padding: 5px;
}

a.ps_anchor
{
	display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}






#wrapper #main
{
	padding-top: 0px;
}
#ps_grid_machines
{
	width: 100%;
}
.ps_machine_item
{
	width: 12.5%;
	margin-left: 15px !important;
	margin-bottom: 15px !important;
}
@media only screen and (max-device-width: 767px) 
{
	.ps_machine_item
	{
		width: 30%;
	}
}
@media only screen and (max-device-width: 499px) 
{
	.ps_machine_item
	{
		width: 100%;
		margin-left: 0px !important;
	}
}

.ps_matrix_filters
{
	margin: 0 0 15px 0;
	display: grid;
	grid-template-columns: 25% auto;
	grid-column-gap: 50px;
	grid-row-gap: 15px;
	width: 100%;
	background-color: #EEE;
	padding: 10px;
	font-size: 13px;
}
.filters-group 
{
	display: inline;

}
.filters-group i
{
	margin-right: 10px;
	margin-bottom: 15px;
}
.js-brands
{
	padding-top: 7px;
	font-size: 15px;
}
.js-brands .ib
{
	margin-right: 15px;
}
.js-brands input
{
	vertical-align: middle;
}

@media only screen and (max-device-width: 499px) 
{
	.ps_matrix_filters
	{
		display: block;
		margin: 0 0 15px 0;
	}
  	.filters-group 
  	{
	    display: block;
	    margin-bottom: 10px;
	}
	.fa-filter
	{
		display: none;
	}

	.js-brands
	{
		padding-top: 7px;
		font-size: 13px;
	}
	.js-brands .ib
	{
		margin-right: 0px;
	}
	.js-brands input
	{
		vertical-align: middle;
	}
}

.ps_machine_item_img {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.ps_machine_item_img_inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}

.ps_machine_item_img_inner img 
{
	width: 100%;
	height: 150px;
	object-fit: cover;
  	display: block;
}

.ps_machine_item_img_inner .glow-wrap
{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
}

.ps_machine_item_img_inner .glow
{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(255,255,255,.2);
  top: 0;
  filter: blur(5px);
  transform: rotate(45deg) translate(-450%, 0);
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ps_machine_item_img_inner:hover .glow
{
  transform: rotate(45deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ps_badges 
{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3px;
  width: 100%;
}
.ps_badges > div
{
  width: 100%;
  height: 30px;
  background: transparent;
  border-radius: 3px;
  display: grid;
  place-items: center center;
  box-shadow: 0 1px 1px -2px rgba(0, 0, 0, 0.2);
}
.ps_badges > div > span
{
	font-size: 22px;
}
.ps_badges > div > span::before
{
  	text-shadow: 1px 1px rgba(110,110,110,.3);
}


.ps_badges > div.ps_sound-system
{
	color: rgb(18,53,102);	
}
.ps_badges > div.ps_sound-board
{
	color: rgb(250, 126, 2);
}
.ps_badges > div.ps_shaker
{
	color:  rgb(114,4,86);
}
.ps_badges > div.ps_original	
{
	color: rgb(6,89,75);
}
.ps_badges > div > i 
{
  width: 15px;
  height: 15px;
}

.ps_modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .ps_modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ps_modal {
    display: block;
}

.ps_machine_item_container
{
	/* box-shadow: inset 0px 0px 4px #000;*/
	/*border: 2px solid #333;*/

	border: 1px solid #e0e0e0;
	padding: 0 0;
	border-radius: 4px;
	padding: 3px 0px;
	background-image: url('images/bgstripes.png');
	background-repeat: no-repeat;
	background-color: #FFF;
	background-size: cover;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	text-align: center;
}

.ps_machine_item_title
{
	max-width: 120px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*border-bottom: 2px solid #333;*/
    text-align: center;
	/*font-variant: small-caps;*/
	color: #353535;
	/*background-color: #000;*/
	font-size: 80%;
	/*font-family: 'Roboto';*/
	padding: 0px 4px 2px 4px;
	/*text-shadow: 1px 1px rgba(110,110,110,.2);*/
	font-weight: bold;
	margin: 0 auto;
	font-style: normal;
}
@media only screen and (max-device-width: 499px) 
{
	.ps_machine_item_title
	{
		width: 130px;
		max-width: 130px;
	}
}

.ps_machine_item_details
{
	/*max-width: 150px;*/
	/*height: 40px;*/
	padding-top: 3px;
	min-height: 34px;
	/*padding: 5px;*/
	/*background-color: #333;*/
}
.ps_hidden
{
	display: none;
	color: white!important;
}

.btn-group:after,.btn-group:before {
  content: " ";
  display: table
}

.btn-group:after {
  clear: both
}

.btn-group .btn {
  float: left;
  border-radius: 0
}

.btn-group .btn:first-child {
  border-radius: 3px 0 0 3px
}

.btn-group .btn:not(:first-child) {
  margin-left: -1px
}

.btn-group .btn:last-child {
  border-radius: 0 3px 3px 0
}

.btn-group label.btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}

.btn {
  display: inline-block;
  padding: .75em .8em;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #34495e;
  color: #34495e;
  font-size: 1rem;
  background-color: rgba(52,73,94,0);
  transition: .2s ease-out;
  cursor: pointer;
  -webkit-appearance: none
}

@media (-moz-touch-enabled:0),(pointer: fine) {
  .btn:hover {
    color:#fff;
    text-decoration: none;
    background-color: #34495e
  }
}

.btn:focus {
  outline-width: 0;
  box-shadow: 0 0 0 2px rgba(52,73,94,.4)
}

.btn.active,.btn:active {
  box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
  color: #fff;
  background-color: #34495e
}

.btn:focus.active {
  box-shadow: inset 0 1px 2px rgba(0,0,0,.3),0 0 0 2px rgba(52,73,94,.4)
}

.btn:disabled {
  cursor: not-allowed;
  opacity: .7;
  color: #34495e;
  background-color: rgba(52,73,94,0)
}

.btn--primary {
  color: #3498db;
  border-color: #3498db;
  background-color: rgba(52,152,219,0)
}

@media (-moz-touch-enabled:0),(pointer: fine) {
  .btn--primary:hover {
    background-color:#3498db
  }
}

.btn--primary:focus {
  box-shadow: 0 0 0 2px rgba(52,152,219,.4)
}

.btn--primary.active,.btn--primary:active {
  background-color: #3498db
}

.btn--primary:focus.active {
  box-shadow: inset 0 1px 2px rgba(0,0,0,.3),0 0 0 2px rgba(52,152,219,.4)
}

.btn--primary:disabled {
  color: #3498db;
  background-color: rgba(52,152,219,0)
}

@media screen and (max-width: 767px) {
  .btn {
    font-size:.875rem
  }
}

// Textfield
// ----------------
.textfield {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  border: 2px solid #95a5a6;
  border-radius: 4px;
  padding: .5em;
  font-size: 1rem;
  color: #34495e;
  transition: .15s
}

.textfield::-webkit-input-placeholder {
  color: #95a5a6;
  transition: .15s
}

.textfield:-ms-input-placeholder {
  color: #95a5a6;
  transition: .15s
}

.textfield::-ms-input-placeholder {
  color: #95a5a6;
  transition: .15s
}

.textfield::placeholder {
  color: #95a5a6;
  transition: .15s
}

.textfield:hover {

}

.textfield:hover::-webkit-input-placeholder {
  color: #5d6d77
}

.textfield:hover:-ms-input-placeholder {
  color: #5d6d77
}

.textfield:hover::-ms-input-placeholder {
  color: #5d6d77
}

.textfield:hover::placeholder {
  color: #5d6d77
}

.textfield:focus {
  outline-width: 0;
  border-color: #34495e
}

.textfield:focus::-webkit-input-placeholder {
  color: #34495e
}

.textfield:focus:-ms-input-placeholder {
  color: #34495e
}

.textfield:focus::-ms-input-placeholder {
  color: #34495e
}

.textfield:focus::placeholder {
  color: #34495e
}


.trp-language-switcher > div 
{
    border: 0;
    /*background-image: linear-gradient(45deg, transparent 50%, #DEDAD1 50%), linear-gradient(135deg, #DEDAD1 50%, transparent 50%);*/
    background-image: none;
    background-position: calc(100% - 8px) calc(1em + 0px), calc(100% - 3px) calc(1em + 0px);
    background-color: #151515;
    padding: 0px 5px 0px 5px;
}