/*
 Theme Name:     Divi Xtrodinary
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi child theme by Xtrodinary
 Author:         Xtrodinary
 Author URI:     https://www.xtrodinary.co/
 Template:       Divi
 Version:        1.0.1
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/************ UPRAVA VIZUALU POLOZIEK MENU - ODRAZKY *************/
ul.polozky-menu  li {display:inline; /*padding-right:2%*/}
.obr-menu {margin:0 10px 0 10px;}
ul.odrazky-meno {text-align:center; list-style:inside; margin-left:-35px;}
li.odrazka-menu, li.odrazka-meno {list-style-image: url('/wp-content/uploads/2020/02/mini-logo.svg');}

.et_contact_bottom_container {
    float: none;
    text-align: center;
	display: block !important;
}
.et_pb_contact_field_options_title {display:none;}

.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {background-color: #fff;}
.et_pb_bg_layout_light .et-pb-controllers a {background-color: rgba(255,255,255,.3);}

/************ UPRAVA VIZUALU TABULKY S FORMULAROM *************/
.kontakt-tabulka {
	width:100%;
	border: 0px solid #2b3252;
	text-align:center;
}

.kontakt-tabulka td {padding:15px;}
/************ UPRAVA VIZUALU POLICOK KONTAKTNEHO FORMULARU *************/
/***** Vizual standardnych policok ******/
input.policko, .policko {
    background-color:#242b47;
    width:100%;
    color:#ffffff !important;
    padding:12px;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden;
    border-width: 1px;
    border-color: rgba(255,255,255,0.2);
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 200;
    font-size: 16px;
  }
.policko::placeholder, .siroke::placeholder {
	color:#ffffff;
}
textarea:focus, input:focus {
	color:#ffffff;
	border-color: rgba(255,255,255,0.2);
}
/***** Vizual policka na text ******/
  .siroke {
    background-color:#242b47;
    width:100%;
    min-height: 150px;
    display: block;
    color:#ffffff;
    padding:12px;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden;
    border-width: 1px;
    border-color: rgba(255,255,255,0.2);
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 200;
    font-size: 16px;
  }
/***** Vizual popisky k polickam ******/
  .popiska {
    color:#fff;
    line-height:3em;
    font-size:15px;
    font-weight:bold;
  }
/************ UPRAVA ZASKRTAVACIEHO POLICKA *************/
.wpcf7-form .wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
	position: relative;
    visibility: hidden;
}
 input.zaskrtavacka[type=checkbox] + span:before {
   display: block;
   position: absolute;
   content: '';
   border-radius: 3px;
   height: 20px;
   width: 20px;
   top: 0px;
   border: solid 1px #f2905d;
   background-color:#292f4d;
}

 input.zaskrtavacka[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '\2713';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 1px;
    left: 21px;
    visibility: hidden;
    font-size: 16px;
	 color:#f2905d;
}
 input.zaskrtavacka[type=checkbox]:checked + span:before {
   /* background: transparent;*/
}
 input.zaskrtavacka[type=checkbox]:checked + span:after {
   background: #292f4d;
   visibility: visible;
}
span.wpcf7-list-item {
	display: block !important;
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 200;
    font-size: 14px;
	color:#ffffff;
}
.wpcf7-list-item-label {
	padding-left: 7px !important;
}
/************ TEXT VEDLA KONTAKTNEHO FORMULARU *************/
.area {
   font-size: 16px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.02;
   letter-spacing: normal;
   color: #3c446a;
   font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
   transform:rotate(270deg) translate(-20%,-295px);
}
/************ UPRAVA VIZUALU NAHRAVANIA SUBORU *************/
input[type="file"]::-webkit-file-upload-button {
	position:absolute;
	right:10px;
	top:-20px;
	padding:10px;
	background:#292f4d;
 	color:#fff;
 	width:130px;
 	text-align:center;
	border: solid 1px #f2905d;
	border-radius:3px;
	cursor:pointer;
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;
	font-weight: bold;
}
div.wpcf7 input[type="file"]
{
	height:45px;
	vertical-align: middle;
}
/************ UPRAVA VIZUALU NAHRAVANIA SUBORU - VERZIA 2 *************/
.codedropz-upload-inner h3 {
	color:white;
	float:left;
	font-family: Muli;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.47;
	padding-top: 5px;
    padding-bottom: 3px;
 }
.codedropz-upload-handler {
	border:none !important;
	background-color: #242945;
}
.codedropz-upload-container {padding: 0px 0px 0px 20px !important;}
.codedropz-upload-inner span {display:none !important;}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	float:right;
	border:1px solid #f2905d;
	border-radius:3px;
	padding:7px 25px;
	color:white;
}

/************ VIZUAL TEXTU POVINNE POLIA POD FORMULAROM *************/
.povinne-polia {
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.47;
	letter-spacing: normal;
	color: #ffffff;
	margin-top:15px;
	margin-bottom:7px;
	text-align:left;
}

/************ UPRAVA TLACITKA ODOSLANIA *************/
  .odoslat {
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 3px;
    font-size: 16px;
    font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
	padding:10px 30px 10px 20px !important;
	background: #f2905d url(/wp-content/uploads/2020/02/mini-logo.svg) no-repeat right;
	border-right: 20px solid #f2905d !important;
  }
  .odoslat:hover {
    background-color:#ce7100;
    transition: background-color 0ms ease 0ms;
	border-right: 20px solid #ce7100 !important;
    cursor: pointer;
  }

/************ UPRAVA COOKIE BANNERA *************/
#moove_gdpr_cookie_info_bar {
	width: 370px !important;
	margin-left:50px;
	margin-bottom:50px;
	border-radius:3px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
	display: initial !important;
	text-align: center;
}
.moove-gdpr-button-holder {
	padding-left:0px !important;
	margin-top:15px;
	text-align: center !important;
}