/**
 * Theme Name:          Iwata-Hu
 * Theme URI............https://iwata.hu
 * Version:             1.0.0
 *
 * Template:            genesis
 *
 */


/* Table of Contents

	- Defaults
	- Media Queries (mobile-first)
	- Media Queries (mobile-second)

*/


/* # Defaults
---------------------------------------------------------------------------------------------------- */

html {
	line-height: 1.15;
}
body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
	background-color: #fff; 
}

h1,
.banner-title,
.heading,
.widget-title,
.widgettitle {
	font-family: 'Lato', sans serif;
	font-weight: 700;
	letter-spacing: 1px;
}

h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.heading {
	text-align: inherit;
}

.genesis-nav-menu a {
	font-weight: normal;
}

/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 545px) {
}

@media only screen and (min-width: 769px) {}

@media only screen and (min-width: 993px) {}

@media only screen and (min-width: 1160px) {}

/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1159px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 544px) {}


/* # Anest Iwata Hungary Customizations
---------------------------------------------------------------------------------------------------- */
html {
	line-height: 1.15;
}
/*Metafile customization (CS) */

.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    font-size: 1.25rem;
	font-family: Lato, sans-serif;
	letter-spacing: 0.0625rem;
	background: transparent;
	position: absolute;  
	top: 30%;
/*---------------------------------*/
	right: auto;
    bottom: 0px;
    width: 40%;
    height: 100%;
    left: 6em;
    
}
.slider-header {
	font-weight: 700;
    font-size: 3.75rem;
    line-height: auto;
    letter-spacing: 0.325rem;
    text-transform: uppercase;	
}
	
.slider-second-header {
	font-size: 3.125rem;
	
}
	
.slider-text {
	font-size: 1.25rem;
}
	

	
.slider-button {
	margin-top: 2rem;
	text-transform: uppercase;
	border: none;
	padding: 0.8125rem 2.5rem;
	font-size: 0.75em;
	border-radius: 2px;
	left: 1rem;
}

//*Slider-text responsible on mobile devices (CS)*//
@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

/*Product Page Customizations
.col .col-xs-12 .col-sm-6 .product{
	background-color: #0080ff;
	color: #fdd910;
	font-style: italic;
}

.product {
	background-color: #1aff00;
}
*/
/*Post template background color forced be white (CS)

.post-template-default {
	background-color: #FFFFFF !important;
}

Post template remove border 

.adjacent-entry-pagination a.boxed, .after-entry .widget.boxed, .author-box.boxed, .comment-respond-wrap.boxed, .comment-respond.boxed, .content-sidebar-wrap.boxed, .content.boxed, .entry-comments.boxed, .entry-pings.boxed, .entry.boxed, .sidebar .widget.boxed, .sidebar.boxed {
    
    padding: 24px;
    border: 0px;
}
*//


/* Accordion on Spare Parts Section on Product Pages (CS) by WpBeaches*/
/* Style the element that is used to open and close the accordion class */
p.accordion {
    /*background-color: #525c65;*/
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
    background-color: #454749;
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
    content: '\2795'; 
    font-size: 13px;
    color: ##EFEFF0;
    float: right;
    margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
    content: "\2796"; 
}

/* Style the element that is used for the panel class */

div.panel {
    padding: 0 5px;
    background-color: inherit;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:10px;
}

div.panel.show {
    opacity: 1;
    max-height: 10000px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

span.aligned-right {
	float: right;
	display: inline;
}

div.aligned-right {
	float: right;
	display: inline;
}	

div.aligned-left {
	text-align: left;
	display: inline;
}

ul.no-bullets {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #9D9D9D;
}

li.list-element {
	padding: 10px 0px;
	list-style-position: inside;
    border-top:1px solid #9D9D9D;
}


</style>