/*
 Theme Name:   Dynamic Divi Child Theme
 Theme URI:    https://diviengine.com/
 Description:  Dynamic Divi Child Theme
 Author:       Divi Engine
 Author URI:   https://diviengine.com/
 Template:     Divi
*/


ol.nav.nav-tabs.nav-stacked.nav-list li a {
    font-family: 'Karma',Georgia,"Times New Roman",serif;
    font-weight: 500;
    font-size: 1.1em;
    color: #000;
    line-height: 1.7em;
}


::marker {
    color: #e0b45a!important; 
}

ol.nav.nav-tabs.nav-stacked.nav-list {
    padding: 0;
}

.articles {
    border: solid 1px #a6a6a6;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 3em;
    background: white;
    list-style-type: none;
}

.titlerow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

h2.sousservice {
    font-family: 'Karma',Georgia,"Times New Roman",serif;
    font-weight: 500;
    font-size: 1.5em;
    color: #000000!important;
    padding: 0;
}

h4.articlesousservice {
    font-family: 'Karma',Georgia,"Times New Roman",serif;
    font-weight: 100;
    font-size: 1.3em;
    color: #000000!important;
    font-style: italic;
    padding-bottom: 0px;
}

.numberservices {
    color: #e0b45a;
    background: #ffffff;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-right: 0.3em;
    margin-bottom: 0.3em;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 18%);
    font-family: 'Karma',Georgia,"Times New Roman",serif;
    font-weight: 600;
    font-size: 1.7em;
    line-height: 0!important;
}

ul {
    list-style: square inside!important;
}



.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
    background: #e0b45a!important;
    color: #fff!important;
    border: 1px solid transparent!important;
}

.fluentform .ff-step-titles li:after {
 height: 1px!important;
 background: #0000003d!important;
}

.fluentform .ff-step-titles li.ff_active:after, .fluentform .ff-step-titles li.ff_completed:after {
    background: #e0b45a!important;
}

.fluentform span {
    font-size: 1.1em!important;
    font-family: 'Lato'!important;
    font-weight: 700!important;
    color: #000000!important;
}

.fluentform .ff-el-input--label {
    text-align: left;
    display: flex!important;
    flex-direction: row!important;
    justify-content: flex-start;
    align-content: center!important;
    align-items: center!important;
    font-family: 'Karma',Georgia,"Times New Roman",serif!important;
    font-weight: 600!important;
    font-size: 1em!important;
    color: black!important;
}

.ff-el-form-check.ff-el-form-check-.ff-el-image-holder {
    width: 100%!important;
	padding: 0!important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check{
    width: 100%!important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label {
    margin: 10px auto!important
}

.ff-el-form-check.ff-el-form-check-.ff-el-image-holder.ff_item_selected {
    padding: 0!important;
}

.fluentform label.ff-el-image-input-src {
    width: 120px!important;
    height: 120px!important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
    border: 1px solid #dcdfe5!important;
    overflow: hidden!important;
    width: 100%!important;
	border-radius: 5px!important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected span {
    color: #fff!important;
    background-color: #e0b45a!important;
  
}

form.fluent_form_4 .ff-btn-submit {
    background-color: #000000!important;
    color: #ffffff!important;
}

button.ff-float-right.ff-btn.ff-btn-next.ff-btn-secondary {
    background-color: #e0b45a!important;
    border-color: #e0b45a!important;
    border: 0;
    padding: 0.5em 1em;
    border-radius: 5px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 1em;
}

button.ff-btn.ff-btn-prev.ff-btn-secondary  { 
    background-color: #e0b45a!important;
    border-color: #e0b45a!important;
    border: 0;
    padding: 0.5em 1em;
    border-radius: 5px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 1em;
}

.ff_el_checkable_photo_holders {
    width: 100%!important;
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    align-content: center!important;
    justify-content: center!important;
    align-items: center!important;
	column-gap: 3em!important;
}



@media only screen and (max-width: 980px) {
.ff_el_checkable_photo_holders {
    width: 100%!important;
    display: flex!important;
    flex-direction: column!important;
    flex-wrap: nowrap!important;
    align-content: center!important;
    justify-content: center!important;
    align-items: center!important;
    column-gap: 1em!important;

}
	.fluentform span {
    font-size: 9px!important;
    font-family: 'Lato'!important;
    font-weight: 700!important;
    color: #000000!important;
    line-height: 5px!important;
}
	
.et_pb_fullwidth_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__wrap {
    -ms-flex-pack: end!important;
    -webkit-box-pack: end!important;
    justify-content: end!important;
	-webkit-justify-content: end;
}
	
.dmach_carousel_container .slick-prev:before {
    left: 0px!important;
}

.dmach_carousel_container .slick-next:before {
    right: 0px!important;
}
	
}

@media only screen and (min-width: 980px) {
div#loopcomp .grid-col.dmach-grid-item:first-child {
    grid-area: 1/1/2/3;
	border: 1px solid #0000004d;
    border-radius: 10px!important;
}
}
div#loopcomp .grid-col.dmach-grid-item:hover{
   box-shadow: 0px 3px 10px rgb(0 0 0 / 14%);
   border-color: white;
   border: 0px!important;
	border-radius: 10px!important;
}

div#caontainercompet {
    padding: 2em 1em 2em 1em;
}