/* Add your custom CSS here */
/* colors */
.blue {color:#4390ce;}
.red {color:#e5192d;}
.green {color:#70aaa1;}
.purple {color:#7b3f91;}


/*** menu ***/
.top-header .main-nav .menu-text:after {
    top: 60%;
    right: -4px;
}

.masthead .top-bar .mini-login i, .masthead .top-bar .mini-login .submit i,.masthead .top-bar .mini-login .submit {
    color: #fff !important;
}

.header-bar .main-nav > li.button > a {
    background-color: #e5192d !important;
    padding: 12px 18px;
}

.header-bar .main-nav > li.button > a span,
.top-bar a:not(.wpml-ls-link):not(.wpml-ls-item-toggle),
.masthead .top-bar .mini-contacts i {
    color:#fff !important;
}

@media all and (max-width:1300px){
    .main-nav > li > a {
        margin: 0 8px 0 8px;
    }
}

@media all and (max-width:1150px){
    .main-nav>li.button {
        display:none;
    }
}

/* mobile menu */
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).mobile-menu-icon-bg-on .dt-mobile-menu-icon:not(.floating-btn):before,
.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on).mobile-menu-icon-hover-bg-on .dt-mobile-menu-icon:not(.floating-btn):after {
    background:transparent !important;
}

/* topmenu */
.top-bar a.multipurpose_2,
.dt-mobile-header a.multipurpose_2 {
    background:url("https://talerakademiet.dk/wp-content/uploads/2022/06/englishflag-new.png") no-repeat left center;
    background-size: 20px 12px;
    padding-left: 28px;
}

/* testimonials */
.owl-nav, .owl-theme .owl-nav {
    top:-50px;
}

/* icons */
.vc_row.arrow-left,.vc_row.arrow-right {
    overflow:visible;
    height:0;
}

.vc_row.arrow-left > .vc_column_container {
    content: " ";
    background: url(//talerakademiet.dk/wp-content/uploads/2020/05/arrow-new1-right-blue.png) no-repeat left center;
    background-size: 50px 120px;
    display: block;
    width: 50px;
    height: 120px;
    position: relative;
    top: -50px;
}

.vc_row.arrow-right > .vc_column_container {
    content: " ";
    background: url(//talerakademiet.dk/wp-content/uploads/2020/05/arrow-new1-left-blue.png) no-repeat right center;
    background-size: 50px 120px;
    display: block;
    width: 50px;
    height: 120px;
    position: relative;
    top: -50px;
    left: 96%;
}

.wpb_text_column.list-angle .wpb_wrapper ul,
.wpb_text_column.list-check .wpb_wrapper ul {
    margin:0;
    padding:0;
}

.wpb_text_column.list-angle .wpb_wrapper ul li:not(.course):before,
.wpb_text_column.list-check .wpb_wrapper ul li:not(.course):before {display:none;}

.wpb_text_column.list-angle ul li {
    background: url(//talerakademiet.dk/wp-content/uploads/2020/05/list-style-image-dot-blue.png) no-repeat left center;
    background-size: 30px 27px;
    padding: 10px 0 10px 45px;
    font-size: 18px;
    color: #525252;
}

.wpb_text_column.list-check ul li {
    background: url(//talerakademiet.dk/wp-content/uploads/2020/05/check-blue.png) no-repeat left center;
    background-size: 30px 27px;
    padding: 10px 0 10px 45px;
    font-size: 18px;
    color: #525252;
}

@media all and (max-width:635px){
    .responsive-headline {
        /*zoom: 0.5;*/
    }
}

/* buttons */
.vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {
    background-color: #4390ce;
    font-size: 18px !important;
    text-transform: uppercase;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
    padding: 14px 40px !important;
}

.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-blue:focus,
.vc_btn3.vc_btn3-color-blue:hover {
    background-color: #4390ce;
}

body.single-course article.course .status.register > a, #main .course .course-meta .course-start,
.course .course-meta .single_add_to_cart_button, .course-container .course .course-meta .single_add_to_cart_button,
.course-container .course-meta .single_add_to_cart_button, .lesson input.quiz-submit.complete, .quiz input.quiz-submit.complete {
    background-color: #4390ce !important;
    border-color: #4390ce;
    box-shadow: none;
    outline: none;
    appearance: none;
}

body.single-course article.course .status.register > a:hover, .course .course-meta .single_add_to_cart_button:hover,
#main .course .course-meta .course-start:hover, .course-container .course .course-meta .single_add_to_cart_button:hover,
.course-container .course-meta .single_add_to_cart_button:hover, .lesson input.quiz-submit.complete:hover, .quiz input.quiz-submit.complete:hover {
    background-color: #3c88bf !important;
}

a.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
    background-color: #e5192d !important;
}

a.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover,a.vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:focus {
    background-color: #d52334 !important;
}

.lesson a.button {
    font-family: Lato, Helvetica, Arial, sans-serif;
}

/* display/hide form */
.vc_row.gravityforms-hide form {display:none;}

/*** input ***/
.wpcf7-number, input[type=search], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], input[type=password], input[type=text], select, textarea,#main .gform_wrapper textarea {
    font-size:16px;
    font-weight: 300;
    color:#000;
    padding-left: 10px;
}

input[type=checkbox], input[type=radio] {cursor:pointer;}

/*** gravity forms ***/
@media only screen and (min-width: 641px) {
    .gform_wrapper form.gf_simple_horizontal {
        width: 100% !important;
    }
    .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
        /*top:-6px;*/
    }
}

#main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type="submit"] {
    text-transform: uppercase;
    font-weight: 700;
    font-family: lato, sans-serif;
    font-size: 14px;
}

.gform_wrapper ul.gform_fields li.gfield.gsection {
    margin-bottom:0;
}

#main .gform_wrapper span.ginput_total,
#main .gform_wrapper .gfield_required,
#main .gform_wrapper .ginput_left input:focus + label,
#main .gform_wrapper .ginput_right input:focus + label,
#main .gform_wrapper .ginput_full input:focus + label {
    color: #000;
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
    color:#333;
}

.gform_wrapper ul.gform_fields li.gfield.gfield_price {
    border: 1px solid #e7e7e7;
    padding: 10px 25px;
    margin-right: 16px;
}

.gform_wrapper ul.gform_fields li.gfield.gfield_price .gfield_label {
    font:normal  20px / 32px "Playfair Display", Helvetica, Arial, Verdana, sans-serif;
}

.gform_wrapper ul.gform_fields li.gfield.gfield_price .ginput_container_total,
.gform_wrapper ul.gform_fields li.gfield.gfield_price .gfield_description {
    padding-top: 0;
    margin-top: 0;
}

.StripeElement {
    border-color: #e7e7e7 !important;
}

/* coupon */
.gform_wrapper input#gf_coupon_button.button {
    padding: 11px 25px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #a8a8a8;
    text-transform: uppercase;
    font-weight: 700;
    font-family: lato, sans-serif;
    font-size: 14px;
    position:relative;
    top:-1px;
}

/*** specific Sensei styling ***/
li.single-line .answer > label {display:none;}

li.single-line .answer input[type="text"] {
    width: 100%;
}

body.single-quiz span.grade {display:none;}

.custom-sensei-courses .title-wrapper h2 a {
    color:#fff;
    font-size: 28px;
    line-height: 1.2;
    display:block;
    padding-bottom: 12px;
}

.custom-sensei-courses .title-wrapper .custom-category {color:#fff;}

.custom-sensei-courses .title-wrapper .custom-category a {
    color: #fff;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

.custom-sensei-courses .readmore-wrapper {
    text-align: center;
    padding: 20px 0 26px 0;
}

.custom-sensei-courses .readmore-wrapper a {
    text-transform:uppercase;
    text-decoration:none;
    font-weight:700;
    color:#fff;
    font-size: 16px;
    background-color: #424242;
    border-radius: 5px;
    padding: 8px 22px;
    border: 2px solid #000;
}

.custom-sensei-courses .readmore-wrapper a:hover {
    background-color:#000;
}

.course .module header {
    background: #4390ce;
}

.module header h2,.course .module header h2 {
    color:#fff;
    font-size:20px;
    padding:0;
    line-height: 1.5;
}

/* lesson info box */
.aio-icon-component.lesson-info {
    margin: 25px 0 0 0;
    max-width: 640px;
    border: 2px solid #e5192d;
    background-color:#e5192d;
    border-radius: 16px;
    padding: 15px 15px 15px 15px;
    color:#fff;
}

/*** landingpage ***/
.vc_btn3.vc_btn3-color-warning, .vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat {
    background-color: #f26735;
}

.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-warning:focus,
.vc_btn3.vc_btn3-color-warning:hover {
    color: #fff;
    background-color: #de5929;
}

.vc_btn3.vc_btn3-color-sky, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
    background-color: #4e5e65;
}

.vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-sky:focus, .vc_btn3.vc_btn3-color-sky:hover {
    color: #fff;
    background-color: #3e4c52;
}

.landing-newsletter.wpb_column .gform_wrapper .gform_footer input.button {
    background-color: #4e5e65;
    border-radius: 0 !important;
}

#page .landing-newsletter.wpb_column input[type="submit"]:not([name="update_cart"]):hover {
    background-color: #404F56;
}

/*** courses ***/
.custom-sensei-courses {
    float: none !important;
}