.elementor-171 .elementor-element.elementor-element-cd0ae47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-171 .elementor-element.elementor-element-a9759b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-a9759b1:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-a9759b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grafoteka.hr/wp-content/uploads/2024/06/kontakt.png");background-position:center right;background-repeat:no-repeat;}.elementor-171 .elementor-element.elementor-element-f4b1faf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-171 .elementor-element.elementor-element-f4b1faf:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-f4b1faf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5445A5;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-171 .elementor-element.elementor-element-688567b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-171 .elementor-element.elementor-element-aa51822 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-171 .elementor-element.elementor-element-aa51822{z-index:1;font-family:"Kanit", Sans-serif;font-size:18px;font-weight:200;line-height:30px;color:#FFFFFF;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-171 .elementor-element.elementor-element-cd0ae47{--content-width:1300px;}.elementor-171 .elementor-element.elementor-element-a9759b1{--width:50%;}.elementor-171 .elementor-element.elementor-element-f4b1faf{--width:50%;}}@media(max-width:767px){.elementor-171 .elementor-element.elementor-element-cd0ae47{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for heading, class: .elementor-element-688567b */.red-line-heading-kontat{
    position: relative;
    z-index: 1;
}

.red-line-heading-kontat::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 15px; /* Razmak između teksta i linije, po potrebi prilagodite */
    width: 100%;
    height: 13px; /* Debljina linije, po potrebi prilagodite */
    background-color: #EC2020;
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f64cb91 */.wpcf7-form {
    padding-top: 1rem;
    width: 100%;
    margin: 0 auto;
    color: #fff;
}

/* Stiliziranje polja za unos */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    padding: 2px 0; /* Smanjen padding */
    margin-bottom: 5px; /* Smanjena margina */
    font-family: 'Kanit', sans-serif;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    box-sizing: border-box;
    outline: none; /* Uklanja obrube prilikom fokusa */
}

/* Posebno stiliziranje textarea */
.wpcf7-form textarea {
    resize: none;
    height: 100px;
}

/* Stiliziranje gumba za slanje */
.wpcf7-form input[type="submit"] {
    margin-top: 15px;
    display: inline-block;
    line-height: 1;
    background-color: #fff;
    font-size: 15px;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    padding: 1.25rem 2.5rem;
    border-radius: 50px;
    color: #5445A5;
    text-align: center;
    transition: all .3s;
    border: 1.5px solid;
    cursor: pointer;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #5445A5;
    color: #fff;
    border: 1.5px solid;
}

/* Stiliziranje oznaka (labela) */
.wpcf7-form label {
    display: block;
    margin-bottom: 0; /* Uklonjena margina ispod labela */
    padding: 5px 0; /* Dodan padding za razmak */
    
}

/* Stiliziranje placeholder teksta */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #fff;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
}

/* Uklanjanje margina unutar obrasca */
.wpcf7-form p {
    margin: 0 0 5px 0; /* Smanjena margina između paragrafa */
    
}

.cd-upload-btn{
    color: white;
}
.cd-upload-btn:hover{
    color: silver;
}

.dnd-upload-status.complete {
    color: white;
}

.dnd-upload-status {
    color: white;
}

.dnd-upload-status .dnd-upload-image .file,
.dnd-upload-status .dnd-upload-details .name span,
.dnd-upload-status .dnd-upload-details .name em,
.dnd-upload-status .dnd-upload-details .remove-file,
.dnd-upload-status .dnd-upload-details .dnd-icon-remove,
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span,
.dnd-upload-status .dnd-upload-details .has-error {
    color: white;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background-color: transparent; /* Transparent background for the progress bar */
}

.dnd-upload-status .dnd-upload-details .remove-file:hover .dnd-icon-remove {
    color: white;
}


@media only screen and (max-width: 768px) {
    .wpcf7-form input[type="submit"] {
             display: block;
             width: 100%;    
}
}/* End custom CSS */