/* 
 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";
}
/*NAVBAR HEADER STYLE*/
.link-gold > a{
	color: #956f2d!important;
}

/*CUSTOM BLOG STYLE*/
.custom-blog article{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto;
	
	border:2px solid #F3F3F3;
	border-radius: 8px;
	overflow: clip;
}
.custom-blog article > a:first-child{
	margin-bottom:0;
}
.custom-blog article > a:first-child > img{
	width: 100%;
}
.custom-blog article .blog-c-right{
	padding: clamp(1rem, 15%, 5rem);
}
.custom-blog article .custom-meta-wrap{
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	padding-bottom: 10px;
}
.custom-blog article .entry-title{
	margin: 1rem 0;
	line-height: 1.5;
	text-wrap-style: pretty;
}
.custom-blog article .custom-meta-wrap .post-meta{
	color: #757575;
	font-weight: 300;
	line-height:1!important;
	padding: .5rem 0;
	margin: 0;
}
.custom-blog article .custom-meta-wrap .post-meta .published{
	text-transform: capitalize;
}
.custom-blog article .custom-meta-wrap .post-usluga{
	text-transform: uppercase;
    font-weight: 400;
	font-size: smaller;
    letter-spacing: 2px;
    color: #956f2d;
    background: #f9edd5;
    padding: .5rem 1rem;
    line-height: 1!important;
    border-radius: 4px;
}
.custom-blog article .custom-read-more-wrap{
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 3rem;
}
.custom-blog article .custom-read-more-wrap > div{
	flex: 1;
}
.custom-blog article .custom-read-more-wrap .read-more a{
	border-bottom: 1px solid #956f2d;
    width: fit-content;
	white-space: nowrap;
    line-height: 1.3;
	font-weight: 400;
    text-decoration: none!important;
}
.custom-blog article .custom-read-more-wrap .read-more a::after{
	content: ' →';
	font-size: larger;
}
.custom-blog article .custom-read-more-wrap .doktor-wrap{
	--kratica-size: 55px;
	display: grid;
	grid-template-columns: var(--kratica-size, 55px) 1fr;
	gap: .5rem;
	align-items: center;
}
.custom-blog article .custom-read-more-wrap .doktor-wrap .post-kratica span{
	text-transform: uppercase;
    font-weight: 400;
    font-size: large;
    color: #956f2d;
    background: #f9edd5; 
	width: var(--kratica-size, 55px);
    height: var(--kratica-size, 55px);
	line-height: var(--kratica-size, 55px);
	display: inline-block;
    aspect-ratio: 1;
    border-radius: 50%;
    text-align: center;
}
.custom-blog article .custom-read-more-wrap .doktor-wrap .post-doktor-wrap{
	line-height: 1.5;
}
.custom-blog article .custom-read-more-wrap .doktor-wrap .post-struka{
	font-size:small;
	color: #757575!important;
}
.custom-blog article .custom-read-more-wrap .doktor-wrap .post-doktor{
	font-size: large;
	color: #111111!important;
	text-wrap-style: pretty;
}


/*BLOG GRID DISPLAY FIX*/
.et_pb_blog_grid .column.size-1of3{
	width: 29%!important;
}
/*FIXED CALL BTN*/
.fcb-container{
	width:40px!important;
	height:40px!important;
	bottom: 75px!important;
	right: 0!important;
	border-radius: 5px 0 0 5px!important;
	box-shadow: 0px 2px 16px -4px rgba(0, 0, 0, 0.3)!important;
}
.fcb-container .fcb-main-button{
	border-radius: 5px!important;
	margin-left: -20px!important;
	margin-top: -20px!important;
	line-height: 1.65!important;
}
.fcb-container .fcb-main-button .fcb-marque-icons .fcb-icon{
	font-size: 28px!important;
}

/*Content Carousel style code*/
/* DP Slider Navigation */
.dp-carousel{
	padding-bottom: 7rem!important;
}
.dp-carousel .swiper-button-prev,
.dp-carousel .swiper-button-next{
	top: calc(100% - 4rem)!important;
	border: 1px solid #111111;
	border-radius: 500px;
}
.dp-carousel .swiper-button-prev {
	transform: none;
    padding: 25px !important;
	left: calc(50% - 3.5rem)!important;
}
.dp-carousel .swiper-button-next {
	transform: none;
    padding: 25px !important;
	right: calc(50% - 3.5rem)!important;
}

/* Arrow Size and Style */
.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px;
    color: #111111;
}

/* DP Slider Pagination */
.dp-carousel .swiper-pagination{
	display: none!important;
}
.dp-carousel .swiper-pagination-bullet-active {
	background-color: #111111;
}
.dp-carousel .swiper-pagination-bullet {
	background-color: #111111;
}

/*form part*/
.mc4wp-form .mc4wp-response .mc4wp-alert{
	color: #dc3232;
	border: 1px solid #dc3232;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
}
.mc4wp-form .mc4wp-response .mc4wp-alert.mc4wp-success{
	color: #095D67!important;
	border-color: #095D67!important;
}
.mc4wp-form .mc4wp-form-fields > *{
	margin-bottom: 1.3rem;
}
.mc4wp-form .mc4wp-form-fields input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mc4wp-form .mc4wp-form-fields textarea {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #EAECF1;
    font-weight: 400;
    line-height: 18px;
    font-size: 16px;
    padding: 15px 24px 15px 24px;
    border-radius: 6px;
    background-color: #F6F7FA;
}
.mc4wp-form .mc4wp-form-fields label:has(input[type="checkbox"]),
.mc4wp-form .mc4wp-form-fields label:has(input[type="radio"]){
	cursor:pointer!important;
	padding: 2px 4px;
	margin-bottom: 4px;
}
.mc4wp-form .mc4wp-form-fields label:has(input:not([name="AGREE_TO_TERMS"])),
.mc4wp-form p{
	font-weight: normal;
}
.mc4wp-form .mc4wp-form-fields input[type="submit"] {
    background-color: #D2AB67;
    padding: 17px 28px 16px 28px;
    font-size: 16px;
    font-weight: 400;
    line-height: 11px;
    color: #FFFFFF;
    border-style: none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
.mc4wp-form .d-block{
	display: block!important;
	width: fit-content!important;
}
.mc4wp-form .d-grid{
	display: grid!important;
}
.mc4wp-form .w-100{
	width:100%;
}
@media only screen and (max-width: 768px){
	.cf7-row.d-flex{
		flex-wrap: wrap;
	}
	.cf7-row.d-flex .col{
		width: 100%;
		flex: 1 0 auto;
		margin-bottom: 1rem;
	}
	.custom-blog article{
	grid-template-columns: 1fr;
	}
	.custom-blog article .blog-c-right{
	padding: clamp(1rem, 5%, 3rem);
	}
}