/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

#cookie-law-info-bar {
   font-size: 14px;
   padding: 10px 10px;
   box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 50px;
}

@media only screen and (max-width: 978px) {
   .growth-tabs .x-tabs-list button {
      margin: 0px 30px 0px 30px !important;
   }
}

@media only screen and (max-width: 767px) {
   h1 {
      font-size: 32px !important;
   }

   .text-center-md {
      text-align: center !important;
   }

   .text-left-md p,
   .text-left-md h1,
   .text-left-md h2,
   .text-left-md h3 {
      text-align: left !important;
   }

   .x-row.row-md-reverse {
      flex-flow: column nowrap !important;
   }

   .row-md-reverse .x-row-inner {
      flex-direction: column-reverse !important;
   }
}

@media only screen and (max-width: 480px) {
   #intro-section {
      padding-top: 80px;
      padding-bottom: 60px;
   }
   h1 {
      font-size: 28px !important;
   }
   #intro-section .scroll-down-cta {
      font-size: 20px;
   }
   #growth-section #growth-headline {
      margin-bottom: 40px;
   }

   .text-center-sm {
      text-align: center !important;
   }

   .text-left-sm p,
   .text-left-sm h1,
   .text-left-sm h2,
   .text-left-sm h3 {
      text-align: left !important;
   }
   .gap {
      margin: 50px auto 50px auto !important;
   }
   h2 {
      font-size: 24px !important;
   }
   .event-title h1 {
      font-size: 24px !important;
   }
   h3 {
      font-size: 22px !important;
   }
   p,
   li,
   .document-item-list,
   .document-item-list-sm {
      font-size: 20px !important;
   }
}

@media only screen and (max-width: 361px) {
   #intro-section {
      padding-top: 100px;
      padding-bottom: 40px;
   }
   #intro-section .scroll-down-cta {
      font-size: 18px;
   }
   p,
   li,
   .document-item-list,
   .document-item-list-sm {
      font-size: 18px !important;
   }
}

@media only screen and (max-width: 321px) {
   h1 {
      font-size: 24px !important;
   }
   #intro-section p {
      font-size: 16px;
   }
   #intro-section .scroll-down-cta {
      font-size: 16px;
   }
   .x-counter-number-wrap {
      font-size: 30px !important;
   }
   h2 {
      font-size: 20px !important;
   }
   .event-title h1 {
      font-size: 24px !important;
   }
   h3 {
      font-size: 18px !important;
   }
   p,
   li,
   .document-item-list,
   .document-item-list-sm {
      font-size: 16px !important;
   }
}

.document-icon-list {
   font-size: 1.2em;
}

.document-item-list-sm {
   font-size: 1em;
}

.privacy-menu a {
   color: rgb(65, 74, 76);
   transition: 0.5s ease;
}
.privacy-menu a:hover {
   color: #e53e3e;
}

.mx-auto {
   margin: 0 auto !important;
}

.arrow {
   width: 50px;
   height: 50px;
   border-radius: 50px;
   border: 3px solid #f7fafc;
}

.arrow span {
   display: block;
   width: 12px;
   height: 12px;
   border-bottom: 4px solid #f7fafb;
   border-right: 4px solid #f7fafc;
   transform: rotate(45deg);
   margin: 0 auto;
   animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
   animation-delay: -0.2s;
}

@keyframes animate {
   0% {
      opacity: 0;
      transform: rotate(45deg) translate(-2px, -2px);
   }
   50% {
      opacity: 1;
   }
   100% {
      opacity: 0;
      transform: rotate(45deg) translate(8px, 8px);
   }
}

.x-tabs-panel.x-active .x-text {
   display: block;
   animation: slide-down 0.3s ease-out;
}

@keyframes slide-down {
   0% {
      opacity: 0;
      transform: translateX(100%);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}

#intro-section {
   display: flex;
   height: 100vh;
}

.vertical-align {
   display: flex;
   align-items: center;
}

.source-link {
   color: #898e94;
   transition: 0.5s ease;
}

.source-link:hover {
   color: #353839;
}

.x-tabs-list button {
   transition: border-color 0.5s ease;
}

.share-button-icon i {
   padding-right: 10px;
}

.reference-logo{
  position:absolute;
  top: 155px;
	margin-left: auto!important;
	margin-right: auto!important;
	left: 0;
	right: 0;
}


@media only screen and (max-width: 480px) {
  .reference-text{
	width: 83%!important;
}

}

.float{
  float: left;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .x-tabs-list li {
      flex: 100%;
      margin: 0 20px;
   }
   .ie-padding {
      padding: 20px;
   }
}

@supports (-ms-ime-align: auto) {
   .x-tabs-list li {
      width: 100%;
   }
}

.form-section {
   min-height: 1449px !important;
   background-color: #09152b !important;
}

.MAform-consultation .maForm,
.MAform-document .maForm {
   font-family: "Roboto", sans-serif;
   padding: 0;
   color: #f7fafc;
}

.MAform-consultation .maForm textarea,
.MAform-document .maForm textarea {
   resize: none;
}

.MAform-consultation .maForm a,
.MAform-document .maForm a {
   color: #f7fafc;
   text-decoration: underline;
   transition: 0.5s ease;
}

.MAform-consultation .maForm a:hover,
.MAform-document .maForm a:hover {
   color: #e53e3e;
}

.MAform-consultation .maForm .formSubmit,
.MAform-document .maForm .formSubmit {
   font-family: "Roboto Slab", serif;
   font-weight: 700;
   font-size: 1.2em;
   margin-top: 15px;
   padding: 14px 0;
   background-color: #e53e3e;
}

.MAform-consultation .maForm .formSubmit:hover,
.MAform-document .maForm .formSubmit:hover {
   background-color: #cc3737;
   text-shadow: none;
}

.MAform-consultation .maForm label,
.MAform-document .maForm label {
   font-weight: 400;
}

.MAform-consultation .maFormElement,
.MAform-document .maFormElement {
   padding: 0.5em 0;
}

.MAform-consultation .maFormElement.maFormFieldTypeStandardCheckbox,
.MAform-document .maFormElement.maFormFieldTypeStandardCheckbox {
   padding-bottom: 0px !important;
   padding-right: 12px;
}

.MAform-consultation .maFormComboContainer,
.MAform-document .maFormComboContainer {
   padding: 0 !important;
}

.MAform-consultation .maForm label,
.MAform-document .maForm label {
   line-height: 1.4 !important;
}

.MAform-consultation .maForm label.formCheckboxLabel,
.MAform-document .maForm label.formCheckboxLabel {
   font-size: 0.75em;
   display: inline;
}

.MAform-consultation .maForm label.formCheckboxLabel li,
.MAform-document .maForm label.formCheckboxLabel li {
   font-size: 1em !important;
   line-height: 1.9 !important;
}

.MAform-consultation .maForm span.formRequiredLabel,
.MAform-document .maForm span.formRequiredLabel {
   color: #e53e3e;
}

.MAform-consultation .maForm .maFormFieldTypeStandardCheckbox span.formRequiredLabel,
.MAform-document .maForm .maFormFieldTypeStandardCheckbox span.formRequiredLabel {
   padding-left: 0;
}

.MAform-consultation .maForm input[type="checkbox"],
.MAform-document .maForm input[type="checkbox"] {
   margin-left: 5px;
   top: 0px;
}

.MAform-consultation .maForm .maFormFieldTypeStandardCheckbox.formRequiredError,
.MAform-document .maForm .maFormFieldTypeStandardCheckbox.formRequiredError {
   background: url(https://frodx.com/wp-content/uploads/2020/04/form-error.png) no-repeat right top;
}

/* Form preloader oz. če forme ne delajo */
.MAspinner {
   margin: 20px auto;
   width: 100%;
   text-align: center;
}

.MAspinner > div {
   width: 14px;
   height: 14px;
   background-color: #005192;
   margin-right: 3px;
   border-radius: 100%;
   display: inline-block;
   -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
   animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.MAspinner .bounce1 {
   -webkit-animation-delay: -0.32s;
   animation-delay: -0.32s;
}

.MAspinner .bounce2 {
   -webkit-animation-delay: -0.16s;
   animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
   0%,
   80%,
   100% {
      -webkit-transform: scale(0);
   }
   40% {
      -webkit-transform: scale(1);
   }
}

@keyframes sk-bouncedelay {
   0%,
   80%,
   100% {
      -webkit-transform: scale(0);
      transform: scale(0);
   }
   40% {
      -webkit-transform: scale(1);
      transform: scale(1);
   }
}

.MAplaceholder {
   max-width: 350px;
   color: #e53e3e;
   border: 1px solid black;
   padding: 8px;
}
/* END Če forme ne delajo */

/*post template start */

div.post-left,
div.post-tematika {
   float: left !important;
}

div.post-left {
   width: 65% !important;
}
div.post-tematika {
   width: 35% !important;
   padding-left: 4rem;
   margin-top: 80px;
}
.post_image {
   width: 100%;
}
.post-title {
   font-size: 2em !important;
   line-height: 1.4 !important;
   margin-top: 80px !important;
   color: rgb(0, 85, 150);
}
div.post-left h2 {
   font-size: 1.6em !important;
   line-height: 1.4 !important;
}
div.post-left h3 {
   font-size: 1.2em !important;
   line-height: 1.4 !important;
}
.post-tags {
   display: none;
}

.x-recent-posts .x-recent-posts-img:after {
   background-color: #00477d !important;
}

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img:after {
   opacity: 0.6 !important;
}

.about-author {
   margin-top: 3rem;
}

.about-author p {
   margin: 0 0 0.925em;
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 0.45em;
   font-size: 12px;
   font-weight: 300;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #aaa;
}

.author-block{
	float: left;
    width: 80%;
    margin-left: 5%;
}

.author-name{
	font-family: "Roboto Slab", serif;
	color: rgb(0, 85, 150)!important;
	font-size: 1.6em!important;
	line-height: 1.4!important;
	margin-bottom: 5px;
}

.author-avatar{
	float: left;
    width: 15%;
}

@media only screen and (max-width: 767px) {
   div.post-left {
      width: 100% !important;
   }
	.post-author{
		text-align:center;
	}
   div.post-tematika {
      width: 100% !important;
      margin-top: 3rem !important;
      padding-left: 0;
   }

.author-block{
	float:none;
    width: 100%;
	margin-left: 0;
}

.author-avatar{
	float: none;
	margin-top: 15px;
	margin-bottom: 20px;
	width: 50%;
}
	
   .post-title {
      font-size: 32px !important;
   }
}

@media only screen and (max-width: 480px) {
   .post-title {
      font-size: 28px !important;
   }

   div.post-left h2, .author-name {
      font-size: 24px !important;
   }
	
   div.post-left h3 {
      font-size: 22px !important;
   }
   div.post-left p,
   div.post-left li {
      font-size: 20px !important;
   }
}

@media only screen and (max-width: 361px) {
   div.post-left p,
   div.post-left li {
      font-size: 18px !important;
   }
}

@media only screen and (max-width: 321px) {
   .post-title {
      font-size: 24px !important;
   }
   div.post-left h2, .author-name  {
      font-size: 24px !important;
   }
   div.post-left h3 {
      font-size: 22px !important;
   }
   div.post-left p,
   div.post-left li {
      font-size: 16px !important;
   }
}

/*post template end */