/* 
Theme Name:		 Doosan DOS
Theme URI:		 https://musilda.com/
Description:	 Doosan DOS website theme
Author:			 Musilda.com
Author URI:		 https://musilda.com/
Template:		 generatepress
Version:		 1.0.0
Text Domain:	 child-generatepress
*/

body{
	min-height: 100vh;
	display:flex;
	flex-direction: column;
}
.container.grid-container{
	margin-bottom:60px;
}
.home .container.grid-container{
	margin-bottom:0px;
}
.slidertop .n2_clear .n2-ss-no-bga-fixed{
	left:-1px;
}

/*
    Add your custom styles here
*/
p{
	margin: 0;
    padding: 8px 0;
}
ol,
ul{
	margin: 0 0 1.5em 0;
    padding-left: 3em;
}
ul{
	overflow-wrap: break-word;
}
ul li{
	overflow-wrap: break-word;
}
footer ul.menu{
	padding-left:0
}
.single-machines .grid-container{
	max-width:100%;
	width:100%;
}
.machine-single-header{
	width:100%;
	display:grid;
	grid-template-columns: 53% 47%;
	background-color:#333333;
	margin-bottom:56px;
}

.machine-single-gallery{
	width:100%;
	max-width:100%;
	max-height:70vh;
	height:100%;
	position:relative;
	overflow: hidden;
}
.machine-single-description{
	padding:30px 7% 20px;
}
.machine-single-description-inner{
	width:100%;
	max-width:570px;
}
.machine-single-description-inner h1{
	font-weight:bold;
	margin: 0;
    padding: 8px 0;
	font-size:50px;
    line-height: 1.2;
}
.machine-content{
	margin: 0;
    font-size: 15px;
    line-height: 1.5;
}
.machine-content p{
	margin:0;
}
.machine-content-second{
	margin: 50px 0 30px;
    padding: 10px 0;
    border-top: 2px solid #999;
	font-size: 12px;
	line-height: 1.5;
    -webkit-font-smoothing: subpixel-antialiased;
}

.machine-single-content{
	box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 12px;
}
@media (max-width: 64.0625em){
	.machine-single-header {
    	grid-template-columns: 100%;
		background-color:#ffffff;
		min-height: 70vh;
		margin-top:51px;
	}
	.machine-single-header .machine-single-description{
		padding:10px 12px 20px;
	}
	.machine-single-header .machine-content-second{
		border:none;
		margin-top:0;
		margin-bottom:10px;
	}
}
@media (min-width: 64.0625em){
	.machine-single-header {
    	margin-top:58px;
		min-height: 70vh;
		max-height: 70vh;
	}
	.machine-single-content {
    	padding-left: 40px;
    	padding-right: 40px;
	}
	.machine-single-description,
	.machine-single-description-inner h1{
		color:#ffffff;
	}
}
@media (min-width: 48em){
	.machine-single-content {
    	padding-left: 30px;
    	padding-right: 30px;
	}
}

.machine-accordion{
	box-sizing: border-box;
    float: left;
    width: 100%;
	margin: 5px 0;
    border: 1px solid #b7b7b7;
}
.machine-accordion-header{
	transition: background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;
    position: relative;
    padding: 10px 30px;
    cursor: pointer;
}
.machine-accordion-header:hover{
	background-color:#ff5f00;
}
@media (min-width: 48em){
	.machine-accordion-header {
    	padding: 10px 48px;
	}
}

.accordion-button{
	position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}
@media (min-width: 48em){
	.accordion-button {
    	left: 18px;
	    width: 20px;
    	height: 20px;
	}
}
.accordion-button:after, .accordion-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #000;
}
.accordion-button:before {
    transition: height .3s ease-in-out 0s;
    width: 2px;
    height: 100%;
}
.accordion-button:after {
    width: 100%;
    height: 2px;
}
.machine-accordion.is-open .accordion-button:before{
	height:0;
}

.machine-accordion-header .accordion-text{
	transition: background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;
    padding: 0;
    color: #ff5f00;
    font-size: 18px;
}
.machine-accordion-header:hover .accordion-text{
	color:#ffffff;
}
@media (min-width: 48em){
	.machine-accordion-header .accordion-text {
    	font-size: 21px;
	}
}
.machine-accordion-header .accordion-close {
    transition: opacity .3s ease-in-out 0s;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    opacity: 0;
	width:20px;
	height:20px;
}
.machine-accordion-header .accordion-close::before{
	width:20px;
	height:1px;
	position:absolute;
	left:0;
	top:50%;
	background-color:#000000;
	transform: rotate( -45deg );
	content:'';
}
.machine-accordion-header .accordion-close::after{
	width:20px;
	height:1px;
	position:absolute;
	left:0;
	top:50%;
	background-color:#000000;
	transform: rotate( 45deg );
	content:'';
}
.machine-accordion.is-open .machine-accordion-header .accordion-close {
    opacity: 1;
}
@media (min-width: 48em){
	.machine-accordion-header .accordion-close {
    	right: 15px;
    	font-size: 20px;
	}
}


.machine-accordion-content{
	box-sizing: border-box;
    float: left;
    width: 100%;
    padding:0;
	font-size: 14px;
	height:auto;
	max-height:0;
	overflow: hidden;
	-webkit-transition: max-height 0.5s ease-out;
  	-moz-transition: max-height 0.5s ease-out;
  	-o-transition: max-height 0.5s ease-out;
  	transition: max-height 0.5s ease-out;
}
.machine-accordion.is-open .machine-accordion-content{
	max-height:1500px;
}
.machine-accordion-content h2 {
    padding-top: 0;
    color: #000;
    font-size: 21px;
    font-weight: 300;
}
.machine-accordion-wrap{
	padding:14px;
}
@media (min-width: 48em){
	.machine-accordion.is-open .machine-accordion-content{
    	max-height:1000px;
	}
	.machine-accordion-wrap{
		padding:14px;
		padding: 20px 40px 30px;
    	font-size: 16px;
		
	}
}
.machine-specification,
.specs-machine{
	width:100%;
	display:grid;
	grid-template-columns: 100%;
}

table.no-border,
table.no-border td,
table.no-border th{
	border:0;
}
.machine-specification table,
.specs-machine table{
	width:100%;
}
@media (min-width: 48em){
	table.small-text {
    	font-size: 14px;
	}
	.machine-specification,
	.specs-machine{
		grid-template-columns: 48% 48%;
		gap:4%;
	}
}
table.small-text {
	font-size: 13px;
}
table tbody tr td {
    background: #eceae9;
}
table tbody tr:nth-child(2n) td {
    background: transparent;
}
table.hover tr:hover td {
    background-color: #ff5f00;
    color: #fff;
}

/* Slider gallery */

@media (min-width: 769px){
	#aniimated-thumbnials,
	#aniimated-thumbnials .slick-list,
	#aniimated-thumbnials .slick-list .slick-track,
	#aniimated-thumbnials .slick-list .slick-track .slick-slide,
	#aniimated-thumbnials .slick-list .slick-track .slick-slide>div,
	#aniimated-thumbnials .slick-list .slick-track .slick-slide>div .gallery__item,
	#aniimated-thumbnials .slick-list .slick-track .slick-slide>div .gallery__item .gallery__image{
		height:100%;
	}
}
@media (max-width: 768px){
	#aniimated-thumbnials .slick-list .slick-track .slick-slide>div .gallery__item{
		overflow: hidden;
    	position: relative;
    	padding-bottom: 67.5%;
	}
	#aniimated-thumbnials .slick-list .slick-track .slick-slide>div .gallery__item .gallery__image{
		background-position: 50% 50%;
    	background-size: cover;
    	position: absolute;
    	height: 0;
    	width: 100%;
    	left: 0;
    	top: 0;
    	padding-bottom: 67.5%;
    	display: block;
	}
}

#aniimated-thumbnials .slick-list .slick-track .slick-slide>div .gallery__item .gallery__image{
	background-position: 50% 50%;
	background-size: cover;
}
.gallery__image>a>img{
	opacity:0;
}

.item-slick.slick-slide.slick-current.slick-active {
	outline: none !important;
}
  
.slider-for img {
	width: 100%;
	min-height: 100%;
}
  
.slider-nav {
	margin: auto;
}  
.slider-nav .item-slick {
	max-width: 240px;
	margin-right: 0;
	outline: none !important;
	cursor: pointer;
	position:relative;
}
.slider-nav .item-slick.slick-current::before{
	content:'';
	box-sizing: border-box;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ff5f00;
}
.slider-nav .item-slick img {
	max-width: 100%;
	background-size: cover;
	background-position: center;
}
  
.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 50;
	margin-top: -12px;
	width: 22px;
    height: 42px;
    font-size: 42px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 22px;
	background-color:transparent;
}
.slick-arrow:hover,
.slick-arrow:focus{
	background-color:transparent;
} 
.slick-prev {
	left: 0;
	background-image: url( 'img/svg/Carousel_Left.svg' );	
}
.slick-prev:hover{
	background-image: url( 'img/svg/Carousel_Left_Dark.svg' );	
}
  
.slick-next {
	right: 0;
	background-image: url( 'img/svg/Carousel_Right.svg' );
}
.slick-next:hover {
	background-image: url( 'img/svg/Carousel_Right_Dark.svg' );
}
@media (min-width: 769px){
	#nav-thumbnails{
		position: absolute;
		left:0;
		bottom:0;
	}
}

/* cta buttons */
.machine-content-cta{
	width:100%;
	display:flex;
	gap:20px;
}
.content-cta1,
.content-cta2{
	position:relative;
	min-width: 220px;
    padding-left: 12px;
    padding-right: 50px;
	padding-bottom: 13px;
	padding-top: 12px;
    text-align: left;
	text-decoration:none;
}
.content-cta1:hover,
.content-cta2:hover{
	color:#ffffff;
}
.content-cta1 img,
.content-cta2 img {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-size: 21px;
}
.cta-download{
	background: #141414;
	color: #ffffff;
}
.cta-locator{
	background: #ff5f00;
	color: #ffffff;
}
#contact-form-wrap{
	width:100%;
}
.copyright-bar p img{
	max-width:120px;
}

.lg-actions .lg-next,
.lg-actions .lg-prev{
	width: 40px;
    height: 40px;
	background-image: url('img/magnific-popup.png');
    background-size: 160px 40px;
    background-color: #fff9f95e;
}
.lg-actions .lg-next{
	background-position: -120px 0;
}
.lg-actions .lg-prev{
	background-position: -80px 0;
}
.lg-actions .lg-next::before,
.lg-actions .lg-prev::after{
	display: none;
}

.menu{
	padding-left:0;
}
.full-image,
.full-image figure,
.full-image figure img,
.full-image img{
	width:100%;
}