/* 
Theme Name: Arca
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Custom is a child theme of Hello Elementor
Author: Switch One
Author URI: https://switch-one.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: arca
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
ARCA	#1E7369
*/
/* application form css */
label[for="form-field-terms"]{
    cursor:pointer;
    margin-top:-10px;
    display:inline-block !important;
    font-size:14px;
}
span.required{
    color: red;
    padding-left: .2em;
    font-weight: 600;
}
span.oprema{
    display:table;
    width:100%;
    font-size:14px;
    font-weight:500;
    margin-top:10px;
}
.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option{
    width:30%;
    margin:0px 15px 40px 15px;
    padding: 15px;
	background-color:#f3f3f3;
	border-radius:6px;
	border: 8px #f3f3f3 solid;
	position:relative;
}
.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option:hover,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option:hover{
	border: 8px #1E7369 solid;
}
.elementor-field-group-oglasni_prostor > .elementor-field-subgroup  span.elementor-field-option.active,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option.active{
    border: 8px #1E7369 solid;
}

.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option input,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option input{
	position: absolute;
  right: 10px;
}

.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option label,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option label{
	color:#212227 !important;
	display: block;
	width:100%;
	height:100%;
    line-height: 25px;
    cursor:pointer;
}
.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option label img{
	display:block;
	height:120px;
	margin-bottom:20px;
}
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option label img{
    display:block;
	height:200px;
	max-height:200px;
	margin-bottom:20px;
}

.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option label p,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option label p{
	color: #1E7369 !important;
	font-weight:600;
	margin: 10px 0px;
	padding: 0px;
}

.elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option label b,
.elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option label b{
	color: #FFF !important;
    position: absolute;
    bottom: -35px;
    right: 5px;
    background: #1E7369;
    padding: 8px 10px;
    font-size:14px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}
/* Text-level semantics
 */
a[href] {
  background-color: transparent;
  text-decoration: none;
  color: #1E7369;
}
a[href]:hover, a[href]:active {
  color: #009a48;
}

/* CHECKBOX STYLE */
input[type="radio"],
input[type="checkbox"]{
    display: inline-block !important;
    border: .125rem solid !important;
    border-color: #bebebe !important;
    border-radius: .1875rem !important;
    width: 1.4375rem !important;
    height: 1.4375rem !important;
    position: relative;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    margin-right: .8125rem;
    transition: all .3s !important;
    cursor: pointer !important;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color: #1E7369 !important;
}

input[type="radio"]::before,
input[type="checkbox"]::before{
    content: " " !important;
    display: block !important;
    height: .75rem !important;
    width: .375rem !important;
    background-color: transparent !important;
    position: absolute;
    top: .125rem;
    left: .4375rem;
    border-bottom: 3px solid #1E7369 !important;
    border-right: 3px solid #1E7369 !important;
    opacity: 0 !important;
    transition: opacity .2s !important;
    transform: rotate(45deg) !important;
}

input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before{
    opacity: 1 !important;
}

.arca-prijave ul li a{
    min-height: 100px;
    height: 100px;
    background-color: #1E7369;
    border: 4px #1E7369 solid;
    border-radius: 8px;
    padding:20px;
    margin-bottom:40px;
}

.arca-prijave ul li a:hover{
    background-color: #fff;
    border: 4px #fff solid;
}

.arca-prijave ul li a:hover .elementor-icon-list-text,
.arca-prijave ul li a:hover .elementor-icon-list-icon svg{
    color: #54595F !important;
    fill: #54595F !important;
}



.agro-arca-badges .e-gallery-image{
    background-size:contain;
    background-repeat: no-repeat;
}

.elementor-message-success{
    display: table;
    width: 100%;
    text-align: center;
    border: 2px #fff solid;
    padding: 30px;
    border-radius: 6px;
    font-size:16px;
    line-height:20px;
}

@media screen and (max-width: 1140px){
    .arca-prijave ul li{
        width:100%;
        display:block;
    }
    
    .elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option,
    .elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option{
        width:46%;
    }
}

@media screen and (max-width: 767px){

    .elementor-field-group-oglasni_prostor > .elementor-field-subgroup span.elementor-field-option,
    .elementor-field-group-sajam_prostor > .elementor-field-subgroup span.elementor-field-option{
        width:100%;
        margin: 30px 0px;
    }
    .elementor-message-success{
        font-size:14px;
    }
    span.oprema{
        font-size:12px;
    }
}