/* PAGES */
.header-secondary{position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.header-secondary .container{position: relative; z-index: 20;}
.header-secondary h3{color: #46b28a;}
.header-secondary h1{color: #FFF;}
.header-secondary h1 strong::after{content: " ";}
.header-secondary::after{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 10; left: 0; top: 0;}

@media (max-width: 576px){
	.header-secondary{margin-top: 80px; overflow: hidden; height: 220px;}
	.header-secondary h3{font-size: 14px; line-height: 18px;}
}

@media (min-width: 576px){
	.header-secondary h3{font-size: 20px; line-height: 24px;}
}

@media (min-width: 576px) and (max-width: 992px){
	.header-secondary{margin-top: 118px; height: 250px;}
}

@media (min-width: 992px) and (max-width: 1200px){
	.header-secondary{margin-top: 136px; height: 175px;}
}

@media (min-width: 1200px){
	.header-secondary{margin-top: 188px; height: 220px;}
}



/* SUBMENU */
.submenu{
	padding: 0;
	margin: 0;
}

.submenu li{
	list-style: none;
	margin-bottom: .5rem;
}

.submenu li a{
	display: block;
	text-transform: uppercase;
	color: #1c4e89;
	background: #eee;
}

.submenu li.current_page_item a{
	color: #FFF;
	background: #1c4e89;
}

@media (max-width: 576px){
	.submenu li a{padding: 0 1rem; font-size: 15px; line-height: 44px; height: 38px; border-radius: 19px;}
}

@media (min-width: 576px){
	.submenu li a{padding: 0 1.5rem; font-size: 18px; line-height: 48px; height: 44px; border-radius: 22px;}
}

@media (min-width: 992px){
	.submenu li a:hover{
		color: #FFF;
		background: #46b28a;
	}
}


/* MATSU > TIMELINE */
.timeline{
	background: #e5e5e5;
}

.timeline .container:after{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    border-radius: 5px;
    background: #bbb;
}

.timeline .line{
	z-index: 20;
}

.timeline .line .date{
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    position: absolute;
    z-index: 10;
    top: -10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: #46b28a;
}

.timeline .line .cont{
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    position: relative;
    background: #fff;
    padding: 16px;
    border-radius: 12px;
}

.timeline .line .cont:before{
	content: "";
    display: block;
    position: absolute;
    top: 12px;
    width: 0;
    height: 0;
}

.timeline .line .cont h3{
	color: #1c4e89;
}

.timeline .line .cont p:last-child{
	margin-bottom: 0;
}

@media (max-width: 992px){
	.timeline .container:after{
        right: 25px;
    }

	.timeline .line .date{
        right: -10px;
    }

	.timeline .line .cont{
        width: calc(100% - 55px);
    }

	.timeline .line .cont:before {
        right: -10px;
        border-top: 0 solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #fff;
    }
}


@media (min-width: 992px){
	.timeline .container:after {
        left: 50%;
        transform: translateX(-50%);
    }

    .timeline .line:nth-child(2n){
        display: flex;
        justify-content: flex-end;
    }
	
	.timeline .line .date{
        left: 50%;
        transform: translateX(-50%);
    }

	.timeline .line .cont {
        width: calc(50% - 40px);
    }

	.timeline .line:nth-child(odd) .cont:before {
        right: -10px;
        border-top: 0 solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #fff;
    }

	.timeline .line:nth-child(2n) .cont:before {
        left: -10px;
        border-top: 0 solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #fff;
    }
}



/* MATSU > UNITS */
.units{
	background: url('../img/home/icone-corte-green.svg') no-repeat left bottom #46b28a;
	color: #FFF;
}

.units h3{
	color: #FFF;
}

@media (max-width: 576px){
	.units{
		background-size: 70% auto;
	}
}

@media (min-width: 576px) and (max-width: 992px){
	.units{
		background-size: 60% auto;
	}
}

@media (min-width: 992px){
	.units{
		background-size: auto calc(100% - 1.5rem);
	}
}


/* MATSU > OUR MISSION */
.our-mission{
	background: #f6f6f6;
}

.our-mission h4{
	color: #46b28a;
}

.our-mission img{
	height: 50px;
}

.wpcp-carousel-wrapper .wpcp-carousel-section .swiper-button-next,
.wpcp-carousel-wrapper  .wpcp-carousel-section .swiper-button-prev{width: 40px; height: 40px;}

.wpcp-carousel-wrapper .wpcp-prev-button,
.wpcp-carousel-wrapper .wpcp-next-button{background: #46b28a !important; border-radius: 50%;}

.wpcp-carousel-wrapper .wpcp-prev-button i::before,
.wpcp-carousel-wrapper .wpcp-next-button i::before{color: #fff !important;}

.wpcp-carousel-wrapper .wpcp-swiper-dots{display: none !important;}

.sp-wp-carousel-free-id-125.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button{background: none !important;}


/* MATSU > ENVIRONMENTAL */
.environmental{
	background: #fff;
}

.environmental .esg-seal figure{
	width: 100%;
	border: 2px solid #b0b0af;
}

.environmental .esg-seal figure img{
	width: 100% !important;
}

@media (max-width: 576px){
	.environmental .esg-seal{
		width: 120px;
		margin-right: 1rem;
	}

	.environmental .esg p{
		width: calc(100% - 120px - 1rem);
	}
}

@media (min-width: 576px) and (max-width: 1200px){
	.environmental .esg-seal{
		width: 160px;
		margin-right: 1.5rem;
	}

	.environmental .esg p{
		width: calc(100% - 160px - 1.5rem);
	}
}

@media (min-width: 1200px){
	.environmental .esg-seal{
		width: 220px;
		margin-right: 2rem;
	}

	.environmental .esg p{
		width: calc(100% - 220px - 2rem);
	}
}


/* MATSU > MANAGEMENT SYSTEM */
.management-system{
	background: url('../img/home/icone-corte-blue.svg') no-repeat left bottom #1c4e89;
	color: #FFF;
}

.management-system h3{
	color: #FFF;
}

@media (max-width: 576px){
	.management-system{
		background-size: 70% auto;
	}
}

@media (min-width: 576px) and (max-width: 992px){
	.management-system{
		background-size: 60% auto;
	}
}

@media (min-width: 992px){
	.management-system{
		background-size: auto calc(100% - 1.5rem);
	}
}


/* BOX SEALS */
.box-seals{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.box-seals figure{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: .5rem;
	width: 150px;
	background: #FFF;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
}

.box-seals figure h5 {
	font-family: 'Sofia Sans Extra Condensed';
    color: #fff;
	text-align: center;
}

.box-seals figure img.box-seals-img {
    width: 100px;
}


@media (max-width: 576px){
	.box-seals figure{
		width: calc(100% / 2 - .5rem);
	}
}

@media (min-width: 576px) and (max-width: 992px){
	.box-seals figure{
		width: calc(100% / 3 - .75rem);
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	.box-seals figure{
		width: calc(100% / 4 - .75rem);
	}
}

@media (min-width: 1200px){
	.box-seals figure{
		width: calc(100% / 6 - .9rem);
	}
}



/* PINE CHEMICALS */
.pine-chemicals h2, .pine-chemicals h3, .pine-chemicals h4, .pine-chemicals h5{
	color: #46b28a;
}

.pine-chemicals h2{
	margin-bottom: 1.25rem;
}

.pine-chemicals h3, .pine-chemicals h4, .pine-chemicals h5{
	margin-bottom: 1rem;
}

.pine-chemicals img{
	border-radius: 12px;
	/* padding: .25rem;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1); */
}


/* PINE CHEMICALS > COLOFONIA APPLICATIONS */
.boxes-application .box-application{
	display: flex;
	flex-direction: column;
	padding: .25rem;
	border-radius: 12px;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
}

/* .boxes-application .box-application img{
	border: none;
	box-shadow: none;
	padding: 0;
} */

@media (max-width: 576px){
	.boxes-application{
		gap: .6rem;
	}
	
	.boxes-application .box-application{
		width: calc(100% / 2 - .3rem);
	}
	
	.boxes-application .box-application h5{
		font-size: 13px;
		line-height: 17px;
	}
}

@media (min-width: 576px){
	.boxes-application{
		gap: .75rem;
	}

	.boxes-application .box-application{
		width: calc(100% / 2 - .5rem);
	}

	.boxes-application .box-application h5{
		font-size: 14px;
		line-height: 18px;
	}
}


/* PINE CHEMICALS > COLOFONIA CLASSIFICATION */
.boxes-classification .box-classification:not(:last-child){
	border-bottom: 2px solid #eee;
}

.boxes-classification .box-classification img{
	border-radius: 12px;
	padding: .25rem;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
}

.boxes-classification .box-classification p:last-child{
	margin-bottom: 0;
}

@media (min-width: 576px) and (max-width: 992px){
	.boxes-classification .box-classification img{
		max-width: 420px;
	}
}

@media (min-width: 992px){
	.boxes-classification .box-classification img{
		width: 240px;
	}
}




/* PRODUCTS */
.page-template-products-resins .submenu li:not(.page_item),
.page-template-products .submenu li:not(.page_item){
	display: none !important;
}

.products h2, .products h3, .products h4, .products h5{
	color: #46b28a;
}

.products h2{
	margin-bottom: 1.25rem;
}

.products h3, .products h4, .products h5{
	margin-bottom: 1rem;
}

.products img{
	border-radius: 12px;
	/* padding: .25rem;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1); */
}


/* PRODUCTS > RESINS */
.boxes-resins .box-resins:not(:last-child){
	border-bottom: 2px solid #eee;
}

.boxes-resins .box-resins img{
	border-radius: 12px;
	padding: .25rem;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
}


@media (min-width: 576px) and (max-width: 992px){
	.boxes-resins .box-resins img{
		max-width: 420px;
	}
}

@media (min-width: 992px){
	.boxes-resins .box-resins img{
		width: 240px;
	}
}



/* PAGE > CONTATO > FORMULÁRIO */
.formulario-contato{
	position: relative;
	background: url('../img/home/icone-corte-blue.svg') no-repeat left bottom #1c4e89;
	color: #FFF;
}

.formulario-contato .container .temp{color: #fff; font-weight: bold;}
.formulario-contato .box-title h3, .formulario-contato .box-title h1{color: #ddd;}
.formulario-contato .contatos-rapidos a, .formulario-contato .contatos-rapidos p{color: #fff;}
.formulario-contato label{display: block; margin-bottom: 2rem;}
.formulario-contato label span{display: block; color: #fff; font-size: 14px; line-height: 22px;}
.formulario-contato .wpcf7-form-control-wrap{display: block;}
.formulario-contato .camposForm{display: flex; flex-wrap: wrap; gap: 1rem;}
.formulario-contato .wpcf7-form-control-wrap input, .formulario-contato .wpcf7-form-control-wrap select, .formulario-contato .wpcf7-form-control-wrap textarea{border-radius: 0; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.15); outline: none; box-shadow: none; color: #fff; transition: 0.3s ease-in-out; border-radius: 12px;}
.formulario-contato .wpcf7-form-control-wrap input, .formulario-contato .wpcf7-form-control-wrap select{width: 100%; height: 46px;}
.formulario-contato .wpcf7-form-control-wrap input:focus, .formulario-contato .wpcf7-form-control-wrap select:focus, .formulario-contato .wpcf7-form-control-wrap textarea:focus{border-color: #fff; background: rgba(255,255,255,0.25)}
.formulario-contato .wpcf7-form-control-wrap input::-webkit-input-placeholder{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap input:-mo{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap input::-mo{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap input:-ms-input-placeholder{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap[data-name="your-message"]{display: block; width: 100%;}
.formulario-contato .wpcf7-form-control-wrap[data-name="your-message"] textarea{height: 110px;}
.formulario-contato .wpcf7-form-control-wrap select,.formulario-contato .wpcf7-form-control-wrap select:focus{background-image: url(../img/icons/arrow-select.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) center; background-size: 10px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.formulario-contato .wpcf7-form-control-wrap select option{color: #73afa8; background: #fff;}
.formulario-contato .wpcf7-form-control-wrap select option:hover{color: #fff; background: #73afa8;}
.formulario-contato .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap textarea:-mo{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap textarea::-mo{color:#fff;}
.formulario-contato .wpcf7-form-control-wrap textarea:-ms-input-placeholder{color:#fff;}

.formulario-contato .wpcf7-not-valid-tip{color: #ffa500; line-height: 20px;}

.formulario-contato .send p{display: flex; align-items: center; flex-direction: row-reverse;}
.formulario-contato .wpcf7-form-control.wpcf7-submit{background: #46b28a; font-family: 'AmsiPro'; font-weight: 400; color: #FFF; text-align: center; border: none; transition: .3s; box-shadow: none !important; padding: 0 1.5rem; font-size: 18px; line-height: 38px; height: 44px; border-radius: 22px;}
.formulario-contato .wpcf7-form-control.wpcf7-submit:hover{background: #2d916c; color: #FFF; border-color: #FFF; outline: none;}
.formFooter label{display: inline-block; vertical-align: top; width: 50%;}
.formFooter input[type="submit"]{background: #f3ce13; border: none; padding: 10px 15px; border-radius: 5px;}
.formFooter div.wpcf7 .ajax-loader{display: none;}

.wpcf7 form.sent .wpcf7-response-output{color: #fff; border-color: #da860a;}


@media (max-width: 576px){
	.formulario-contato{
		background-size: 70% auto;
	}
}

@media (min-width: 576px) and (max-width: 992px){
	.formulario-contato{margin-top: 93px;}
}

@media (min-width: 992px) and (max-width: 992px){
	.formulario-contato{
		background-size: 60% auto;
	}
}

@media (min-width: 992px){
	.formulario-contato{
		background-size: auto calc(100% - 1.5rem);
	}
}

@media (max-width: 992px){
	.formulario-contato .wpcf7-form-control-wrap{width: 100%;}
}

@media (min-width: 992px){
	.wpcf7 form.sent .wpcf7-response-output{margin-top: 20px;}
	.formulario-contato .wpcf7-form-control-wrap{
		width: calc(50% - .5rem);
	}
}



/* PAGE CONTACT > MAP */
.maps h3{
	font-weight: bold;
	color: #46b28a;
}

.maps .map{
	display: block;
	width: 100%;
	height: 450px;
}

.maps .division{
	border-bottom: 2px solid #EEE;
}