/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme/
Template: betheme
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
Version: 21.1.1.1.1560155675
Updated: 2019-06-10 10:34:35

*/

/* Login menu */

#Top_bar .logo {
    margin: 0 10px 0 0!important;
}
#Top_bar .top_bar_left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login_sec a {
    background: #0681bb;
    color: #fff;
    padding: 10px 15px;
    border-radius: 7px;
    box-shadow: 0 0 4px #9E9E9E;
    transition: .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
}
.login_sec a:hover {
    box-shadow: 0px 10px 10px #0681bb47;
    background: #00b7f0;
    color: #fff;
    text-decoration: none;
    transition: .2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}


#banner {
    height: 800px;
	    margin-top: -30px !important;
}
.banner-naslov h1 {
    color: white;
    width: 600px;
    margin-top: 70px;
    font-weight: 100;
    line-height: 70px;
    font-size: 35px;
    margin-left: 50px;
    border: solid 1px #0681BB;
    border-radius: 110px;
    padding: 5% 10%;
}
.siva {
    background-color: #6E7978;
    color: white;
    font-size: 17px;
    font-weight: 100;
    line-height: 30px;
	    height: 300px;
}
.style-simple .accordion .question .title {
    background-color: #0681ca !important;
    color: white;
    font-size: 16px;
    text-align: center;
}
.accordion {
    margin-top: -20px;
}
.style-simple .accordion .question .answer {
padding:20px !important;
	font-size:15px;
}
.accordion .question.active .title{
	color:white !important;
}
.icon-plus:before{
	color:white;
}
.bijela {
    color: #6E7978;
    font-size: 17px;
    font-weight: 100;
    line-height: 30px;
	    height: 300px;
}
.siva .column, .bijela .column{
	margin-top:50px !important;
}
.siva h1 {
    color: white;
    font-weight: 700;
}
.bijela h1{
	color:#6E7978;
	font-weight:700;
}
.naslov-mi-darujemo {
    height: 500px;
}
.naslov-mi-darujemo h1 {
    color: white;
    width: 600px;
    margin-top: 160px;
    font-weight: 100;
    line-height: 70px;
}
.stavke-tekst {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
.banner-naslov h1:before, .banner-naslov h1:after {
    content: '"';
    color: #0681BB;
    font-size: 70px !important;
    font-family: 'Georgia';
}
.desc h3 {
    font-size: 17px;
    line-height: 25px;
}
.radionice-tekst {
    text-align: center;
    margin-top: 50px !important;
}
/* #Top_bar .menu > li a:hover {
    font-weight: 800 !important;
} */
.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description):after{
	    border-top: 5px solid #36349b !important;
}
i.icon-search-fine {
    display: none;
}
h1.bijeli-naslov {
    margin-top: 80px;
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    color: white;
    font-weight: 700;
}
p.bijeli-odlomak {
    color: white;
    text-align: center;
    line-height: 30px;
    margin-top: 50px;
}
.ciljane-skupine {
    margin-bottom: 30px;
}
.quick_fact h4 {
    text-decoration: underline;
}
h1.naslov-stranice {
    color: #0681BB;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
}
#Top_bar .menu > li ul li a:hover {
    color: #0681bb !important;
}
.radionice {
    text-align: center !important;
    color: white;
}
.radionice_siva {
    text-align: center !important;
    color: black;
}
.radionice_siva table tr:first-child th{
	color:black;
}
.radionice table, .radionice_siva table {
    width: 80% !important;
    margin: 40px auto;
}
.style-simple table:not(.recaptchatable) th, .style-simple table td {
    border-width: 0 1px 1px 0;
    border: 1px solid #204745 !important;
}
table tr:first-child th {
    color: white;
    font-size: 20px;
}
.image_frame {
    border: none;
}
.team.team_vertical .title {
    line-height: 30px !important;
    text-align: center;
    font-size: 16px;
    color: #0681bb;
    font-weight: 700;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}
div#Top_bar {
    box-shadow: -1px 2px 6px 0px #0681bb40;
}


/* Reset */
.prijava{
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
}

/* Custom */
.prijava {
  display: inline-block;
  position: relative;
  padding: 10px 28px;
  top: 0;
  font-size: 20px;
  font-family: "Open Sans", Raleway;
  border-radius: 4px;
  border-bottom: 1px solid #0681bb;
  background: #0681bb;
  color: #fff;
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.1 );
	margin-left:122px;

  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);

  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
a.prijava:hover {
    text-decoration: none;
    color: #ffff;
}
.prijava:hover {
  top: -10px;
  box-shadow: 0px 10px 10px #0681bb47;
	background:#00b7f0;
	font-weight:700px !important;

  -webkit-transform: rotateX(20deg);
     -moz-transform: rotateX(20deg);
      -ms-transform: rotateX(20deg);
          transform: rotateX(20deg);
}

.prijava:active {
  top: 0px;
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.0 );
  background: #00b7f0;
	font-weight:500px;
}

/* EU FONDOVI POPUP */
.hide {
  display: none!important;
}
span.hide-eu {
    color: #020202;
    background-color: #FFF;
    position: absolute;
       right: 15px;
    top: -30px;
    padding: 0px 7px;
    cursor: pointer;
}
div#eupopup {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 999;
}
#eupopup .column.mcb-column.mcb-item-i2sw8afe0.one-second.column_column {
    float: right;
    width: 400px;
}
#eupopup .column_attr.clearfix.animate.fadeInUp {
    background: white !important;
    padding-left: 7px;
}
#eu-meni{
	    box-shadow: 4px 3px 6px 2px #033a53;
}
#Footer img {
    width: 70px;
}
.eu-fondovi {
    text-align: center;
}

	.predavaci {
    margin-bottom: 50px;
       font-size: 14px;
    line-height: 22px;
}
.predavaci p {
    width: 90%;
}
.predavaci h4 {
    letter-spacing: 1px;
    color: #0681ca;
    font-weight: 700;
	text-align: left;
    width: 70%;
	margin-bottom:0;
}
.accordion {
    width: 91%;
}
.predavaci .two-fifth.column {
    margin-top: 120px;
	    text-align: center;
}
.column.mcb-column.mcb-item-d8cda25a9.one-second.column_image .image_frame.image_item.no_link.scale-with-grid.no_border {
    width: 195px;
    height: 260px;
}

/* E-learning platforma */

body.course-item-popup #learn-press-content-item .content-item-wrap {
    margin: 0 auto!important;
    max-width: 100%!important;
    padding: 50px!important;
    box-sizing: border-box;
    overflow: hidden;
}
body.course-item-popup #learn-press-content-item .course-item-title {
    font-weight: bold!important;
    border-bottom: 1px solid rgba(210, 210, 210, 0.5)!important;
    padding-bottom: 15px!important;
}
body.course-item-popup .content-item-summary ul {
    margin-bottom: 15px;
    list-style: disc!important;
    margin-left: 30px;
}
body.course-item-popup .content-item-summary ol {
    margin-left: 30px;
	margin-bottom: 15px;
}
.content-item-description.lesson-description img {
    margin-top: 15px;
}
ul.quiz-intro, ul.answer-options {
    margin-left: 0 !important;
}
#course-item-content-header .course-item-search, li.course-nav.course-nav-tab-instructor, .course-remaining-time, .lp-course-status span.lp-label.grade.in-progress, .single-lp_course .progress-item.quiz-countdown {
    display: none;
}
li.hidden_element {
    display: none!important;
}
li.course-nav.course-nav-tab-overview a:before, li.course-nav.course-nav-tab-curriculum a:before {
    content: "Pregled";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 3rem;
    background-color: #fcfcfc;
}
li.course-nav.course-nav-tab-curriculum a:before {
    content: "Nastavni plan";
}
.flexbox {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.half_col {
    width: 49%;
    padding-right: 50px;
    box-sizing: border-box;
}
.single-lp_course .button-complete-lesson {
    margin-top: 25px;
}

button[data-counter]:after {
    display: none!important;
}
.quiz-result .result-grade .result-achieved {
    border-bottom: none!important;
}
.single-lp_course div#popup_message:before {
    content: 'Čestitamo, uspješno ste završili lekciju.';
    position: absolute;
    width: 100%;
    text-align: center;
    background: white;
    left: 0;
}
.single-lp_course div#popup_message, .single-lp_course span.item-meta.count-questions, .single-lp_course .learn-press-course-results-progress .course-progress .lp-course-status .grade.passed {
    position: relative;
}
.single-lp_course .learn-press-course-results-progress .course-progress .lp-course-status .grade.passed {
    min-width: 60px;
}
.single-lp_course span.item-meta.count-questions:before {
    content: "Pitanja";
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    background: #dd88ae;
    border-radius: 7px;
    font-size: .8rem;
}
.single-lp_course .answer-options li.answer-option:first-child {
    margin-top: 30px;
}
.single-lp_course .answer-options li.answer-option:last-child {
    margin-bottom: 40px;
}
.single-lp_course .learn-press-course-results-progress .course-progress .lp-course-status .grade.passed:before {
    content: 'Položeno';
    position: absolute;
    display: block;
    background: #3eadff;
    width: 100%;
    left: 0;
    text-align: center;
}
.lp-single-course .course-price .price {
    display: none!important;
}
.learnpress-page .lp-button {
    min-width: 150px;
}
body.course-item-popup .content-item-summary > h3 {
    margin-bottom: 50px!important;
}
.single-lp_course span.button_label {
    background-color: #0681bb;
    color: #fff;
}
body.course-item-popup #learn-press-content-item .content-question-summary .review-heading {
    text-align: left!important;
    margin-bottom: 50px;
    font-weight: 500;
    border-left: 2px solid #0681bb;
    padding: 10px 0 10px 25px;
    border-radius: 4px;
    background: whitesmoke;
    color: #0681bb;
}

/* RESOLUTION Tablet 1239px */

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

#Side_slide .extras {
    display: none;
}
.login_sec {
    position: absolute;
    right: 80px;
}
#Top_bar .top_bar_left {
    justify-content: flex-start;
}
}

/************* MOBILNA VERZIJA *********************/

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

/* Menu */

#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
    margin: 10px 0!important;
}
.login_sec {
    right: 55px;
}

	.top_bar_right {
    display: none;
}
	.section_wrapper{
		    padding-left: 15px!important;
    padding-right: 15px!important;
	}
	.predavaci .two-fifth.column {
    margin-top: 0px;
}
	.predavaci .two-fifth.column br {
    display: none;
}
	.style-simple .accordion .question .title{
		font-size:14px;
	}
	.banner-naslov h1 {
    color: white;
    width: 370px;
    margin-top: 30px;
    font-weight: 100;
    line-height: 51px;
    font-size: 18px;
    margin-left: 30px;
border:none;
    padding: 7% 7%;
}
	.siva h1, .bijela h1 {
    font-weight: 700;
    font-size: 20px;
}
	.siva .column{
		margin-top:0px;
	}
	p {
    font-size: 13px;
}
	.stavke-tekst br{
		display:none;
	}
	.siva, .bijela{
		    height: 198px;
	}
	.naslov-mi-darujemo h1 {
    color: white;
    width: 210px;
    margin-top: 10px;
    margin: auto;
    font-weight: 100;
    line-height: 50px;
    font-size: 20px;
}
	.banner-naslov h1:before, .banner-naslov h1:after {
    font-size: 40px !important;
}
	h1{
		    font-size: 26px;
    line-height: 30px;
	}
.desc h3 {
    font-size: 13px;
    line-height: 20px;
}
	h1.bijeli-naslov {
		margin-top: 33px;
	}
p.bijeli-odlomak {
margin-top:0px;
	}
	h1.naslov-stranice {
    font-size: 24px;
    line-height: 30px;
}

/* E-learning */

.single-lp_course h2.course-title {
    margin-left: 0 !important;
    font-size: 1rem !important;
    line-height: 150%!important;
    height: auto;
    padding-top: 6px !important;
}
.single-lp_course .content-item-wrap {
    width: 100% !important;
}
body.course-item-popup #learn-press-content-item .content-item-wrap {
    margin: 0 auto!important;
    max-width: 100%!important;
    padding: 40px 20px!important;
    box-sizing: border-box;
    overflow: hidden;
}
.content-item-description.lesson-description img {
    max-width: 100%;
    height: auto;
}
.single-lp_course #course-item-content-header .toggle-content-item {
    display: none!important;
}
.single-lp_course #course-item-content-header .form-button.lp-button-back {
    margin-right: 0!important;
    margin-top: -66px !important;
}
.single-lp_course h4.lp-course-progress-heading {
    font-size: 1rem;
    margin-bottom: 5px !important;
}
.single-lp_course .learn-press-progress.lp-course-progress {
    margin-top: 10px;
}
.single-lp_course ul.result-statistic {
    margin-left: 0 !important;
}

}


@media only screen and (max-width:480px){
	.banner-naslov h1 {
    width: 210px;
    margin-top: 6px;
    font-weight: 100;
    line-height: 25px;
    font-size: 13px !important;
    margin-left: auto;
		margin-right:auto;
    padding: 5px;
    text-align: center;
}
	#eupopup .section_wrapper.mcb-section-inner {
    padding: 0 !important;
}
	.prijava{
		margin-left:10px;
		font-size:10px;
	}
	.siva .column, .bijela .column {
    margin-top: 10px !important;
}
	.siva h1, .bijela h1 {
font-size:15px;
	}
	.siva, .bijela {
    font-size: 12px;
    font-weight: 100;
    line-height: 20px;
    padding: 0 2%;
    height: 50%;
}
	.naslov-mi-darujemo h1 {
    color: white;
    width: 208px;
    margin-top: 10px;
    margin: auto;
    font-weight: 100;
    line-height: 37px;
    font-size: 13px;
}
	.radionice-tekst {
    margin-top: 10px !important;
}
	.icon_box.icon_position_left {
    min-height: 126px;
    padding-left: 0;
}
	.icon_box.icon_position_left .desc_wrapper {
    margin-top: 100px;
}
	h1{
		font-size:19px !important;
	}
	.icon_box.icon_position_left{
		padding-left:0px !important;
	}
	.icon_box.icon_position_left .desc_wrapper, .style-simple .icon_box .icon_wrapper {
    float: none !important;
    width: 100% !important;
    clear: none !important;
}
	.desc h3{
		text-align:center;
	}
}