/* 
 Theme Name:     Maracom
 Author:         Maracom
 Author URI:     https://maracom.hr
 Template:       Divi
 Version:        v1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.8
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

@font-face {
    font-family: maracom;
    src: url("../maracom/fonts/pirulen.ttf");
}

.maracom-font {
    font-family: "maracom";
}

.img-filter-darken{
	mix-blend-mode: darken;
}

#top-menu li a{
	font-weight: 100!important;
}

.section-border-bottom .et_pb_row{
	border-bottom: 1px solid #d3d3d3;
	padding: 1rem 0;
}
.section-border-bottom:last-child .et_pb_row{
	border-bottom-color: transparent;
}
.section-border-bottom .et_pb_row>.et_pb_column{
	margin: 0!important;
}
.article-row{
	display:grid;
	grid-template-columns: 3fr 1fr;
	column-gap: .7rem;
}

/*CONTACT FORM*/
.custom-form *{
	font-size: 22px;
	font-family: 'TroisMilleLight24', Helvetica, Arial, Lucida, sans-serif !important;
}
.custom-form input[type="submit"]{
	cursor:pointer;
	color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 18px;
    background-color: #EC6E80;
    padding: 1rem 2.5rem;
	float: right;
}
.custom-form input[type="submit"]:hover{
	background-color: #ce4a5b;
}
.custom-form input[type="text"],
.custom-form input[type="email"],
.custom-form textarea{
	background-color: #fff;
    padding: 24px;
    border-radius: 18px;
    border: 1px solid #707070;
	color: #707070;
	width: 100%;
}
.custom-form input[type="text"]:focus,
.custom-form textarea:focus{
	color: #3e3e3e;
}
.custom-form textarea{
	min-height: 150px;
}

/*add icon to the opened accordion*/
.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block!important;
    content: "\4b" !important;
	color: #EC6E80!important;
	
}

/*accordion custom*/
.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item{
	margin-bottom: 0!important;
	padding: 0!important;
}
.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_title{
	padding: 30px 0 26px!important;
}
.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item:first-child {
	border-top: 1px solid #707070;
}
.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_title::before{
	/*align to top*/
	top: 42px;
}
.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_content{
	max-width: 70ch;
	padding-top: 0!important;
}


.see-more{
  color: #9a0e1f;
}
.cursor-pointer{
	cursor: pointer;
}
.btn-link{
	background: #921222;
    padding: 3px 6px 0px;
    color: white;
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
	transition: opacity 200ms ease-in-out;
}
.btn-link:hover{
	opacity: .9;
}

.custom-accordion details.details-style{
	cursor: pointer;
	padding: 0 1rem 1rem;
	margin-bottom: 1rem;
}
.custom-accordion details.details-style > summary{
	font-weight: normal;
	font-size: larger;
	list-style-type: '↴ ';
}
.custom-accordion details.details-style[open] > summary{
	list-style-type: '↴ ';
}
.custom-accordion details.details-style > summary::marker{
	color: #EC6E80;
}
.custom-accordion details.details-style[open]::details-content{
	padding: 1rem;
}

@media only screen and (max-width: 980px) {
    .et_header_style_left #logo {
        max-width: 70%;
    }
	#top-header{
		display:none!important;
	}
	.custom-form *{
		font-size: 16px;
	}
	
	/*FIX TOUCH ON MOBILE - remove touchable area*/
	.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_title{
		padding: 0!important;
		margin: 30px 0 26px!important;
		display: inline-block!important;
		max-width: 80vw!important;
		pointer-events: none!important;
	}
	.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_title::before{
		right: unset;
		left: 83vw;
		pointer-events: all!important;
	}
	.custom-accordion .et_pb_toggle.et_pb_module.et_pb_accordion_item .et_pb_toggle_title::before{
		/*align to top*/
		top: 10px;
	}
}