/*
Theme Name: mnmlwp Child
Theme URI: https://sebastianhonert.com/mnmlwp
Description: A free, lightweight, and fast WordPress theme that can easily be turned into different page styles and layouts. It comes with a bunch of useful shortcodes and demo content. If you want to find out about the possibilities of this theme, please visit the theme website.
Tags: one-column,two-columns,three-columns,four-columns,custom-menu,custom-logo,custom-header,translation-ready,featured-images,custom-colors,right-sidebar,footer-widgets,post-formats
Author: Sebastian Honert
Author URI: https://sebastianhonert.com
Template: mnmlwp
Version: 0.3
*/

@import url("../mnmlwp/assets/css/main.css");

/* Casework CSS */

nav#main ul li a {
    font-weight: 400;
    padding: .6125em;
}

nav#main ul li.current_page_item > a,
nav#main ul li.current-page-parent > a,
nav#main ul li.current_page_parent > a,
nav#main ul li.current_page_item > a:hover,
nav#main ul li.current-page-parent > a:hover,
nav#main ul li.current_page_item > a:focus,
nav#main ul li.current-page-parent > a:focus,
nav#main ul li.current_page_item > a:active,
nav#main ul li.current-page-parent > a:active {
    font-weight: 400;
}

nav#main ul li {
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    padding-bottom: .6125em;
}

.row.row--hero {
    border-bottom: 3px solid #ee8800;
}

.row.row--main {
    padding-bottom: 1em;
}

.column.column--hero {
    height: 48vh;
}

.hero-title {
    max-width: 60%;
    position: absolute;
    bottom: 1.5em;
    left: 1.5em;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.column.column--header {
    padding-top: .875em;
    padding-bottom: 1em;
}

.mnmlwp-sidebar-widget {
    border-color: #d7e3ea;
    background: #f4f9ff;
}

.mnmlwp-sidebar-widget .mnmlwp-widget-title {
    color: #073d5c;
}

a.external::before,
.external-link::before {
    font-family: 'FontAwesome';
    content: '\f08e';
    margin-right: .125em;
    position: relative;
    top: 2px;
}

.wp-video {
    width: 100%!important;
}

.mnmlwp-video-container {
    margin-bottom: 1em;
}

.cw-youtube-cog {
    height: 27px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
}

.mnmlwp-image-wrapper {
    max-width: 33.34%;
    
}

.mnmlwp-image-wrapper::after {
    content: '';
    display: block;
    overflow:hidden;
}

.mnmlwp-image-wrapper.fullwidth {
    max-width: 100%;
}

.weglot-image {
    display: block;
    overflow: hidden;
    margin-bottom: 1em;
}

.mnmlwp-image-caption {
    font-size: .6125em;
}

img.introduction,
img.summary {
    width: 9em;
}

blockquote {
    margin-left: 0;
    padding-left: 0;
    border: 0;
}

blockquote::before {
    font-size: 1.25em;
}

blockquote p {
    padding-left: 2em;
    font-weight: 600;
}

cite {
    padding-top: .25em;
    font-weight: 400;
}

.cw-highlight,
.mnmlwp-msg.mnmlwp-msg-info a.cw-highlight {
  color: rgb(51, 143, 91) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* Blog */
body.home ul.post-list,
body.home ul.post-list li:last-child {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}

/* Weglot */
.weglot-flags > a:before, .weglot-flags > span:before {
    vertical-align: text-top;
    position: relative;
    top: -1px;
}

li.menu-item-weglot a {
    /* position: relative;
    top: 1px; */
    color: #fff !important;
}

/* Widgets */

.mnmlwp-sidebar-widget.widget-syllabus {
    background: #073d5c;
    color: #fff;
    border: 0;
}

.widget-syllabus .mnmlwp-widget-title {
    color: #bee0f5;
}

.llms-widget-syllabus .section-title {
    font-weight: 400 !important;
    color: #ffffff !important;
    margin-bottom: .5em !important;
    display: block;
    font-style: italic;
    font-size: 1.06125em;
}

.three-fourth--lesson {
    overflow: hidden;
    word-break: break-word;
}

/* Lists */
.entry-content ol,
.entry-content ul {
      list-style-type: none;
      list-style-position: outside;
      padding: 0;
      margin: 0 0 1em;
  }
  
  .entry-content ul {
      list-style-type: disc;
      margin-left: 2em;
  }
  
  .entry-content ul li ul {
      list-style-type: circle;
      margin-bottom: 0;
  }
  
  .entry-content ul li ul li ul {
      list-style-type: square;
      margin-bottom: 0;
  }
  
  .entry-content ol {
      list-style-type: decimal;
      margin-left: 2em;
  }
  
  .entry-content ol li ol {
      list-style-type: lower-roman;
      margin-bottom: 0;
  }
  
  .entry-content ol li ol li ol {
      list-style-type: lower-alpha;
      margin-bottom: 0;
  }

/* Account */
.page-id-9 main .column:first-of-type {
    padding: 0 0 1.5em;
}

/* Responsive */
@media screen and (min-width: 1024px) {
    .desktop-only {
        display: block;
    }

    .mnmlwp-image-wrapper {
        max-width: 40%;
    }

    .mnmlwp-image-wrapper.fullwidth {
        max-width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .hero-title {
        font-size: 1.75em;
    }
}

@media screen and (max-width: 1023px) {
    .mnmlwp-sidebar-widget {
        background: transparent;
    }
    
    .desktop-only {
        display: none;
    }

    .mnmlwp-sidebar-widget.widget-syllabus {
        padding: 1em;
    }
}

@media screen and (min-width: 768px) {
    nav#main ul.sub-menu {
        min-width: 210px;
    }
}

@media screen and (max-width: 768px) {
    .hero-title {
        bottom: 1.5em;
    }
}

@media screen and (max-width: 767px) {
    .hamburger {
        top: -4.75em!important;
    }

    .column.column--hero {
        height: 28vh!important;
        min-height: 16em!important;
    }
}

@media screen and (max-width: 640px) {
    .hero-title {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 480px) {
    .hero-title {
        position: relative;
        bottom: -1em;
        left: .5em;
    }
}

@media screen and (max-width: 450px) {
    .hero-title {
        font-size: 1.25em;
    }
}


/* Forum */

#af-wrapper {
    font-family: inherit!important;
}

#af-wrapper #forum-header {
    overflow: hidden;
    padding: 2px 2px 1px 0;
}

#af-wrapper #forum-navigation a,
#af-wrapper #forum-navigation-mobile a {
    padding: 0 .875em;
    font-size: 1.125em;
    letter-spacing: 1px;
    font-weight: 300;
}

#af-wrapper #forum-search {
    width: 240px;
    line-height: 40px;
    height: 40px!important;
    position: relative;
    top: 2px;
    right: 2px;
}

#af-wrapper #forum-search input {
    font-style: normal;
    font-size: 16px;
    line-height: 39px!important;
}

#af-wrapper .last-post-headline {
    font-style: normal;
}

#af-wrapper #forum-breadcrumbs {
    font-size: 14px;
    padding: 4px 8px;
}

#af-wrapper #forum-breadcrumbs a {
    color: #333 !important;
}

#af-wrapper #statistics-body {
    text-align: center;
    padding-left: 3px;
}

#af-wrapper #statistics-online-users {
    padding: 3px 20px 3px 3px;
    text-align: center;
}

#af-wrapper #forum-search {
    border-width: 1px;
}

#statistics-online-users i {
    font-style: normal;
}

#af-wrapper #topic-subscription a,
#af-wrapper #forum-subscription a {
    font-style: normal;
    font-size: 14px;
}

#af-wrapper #topic-subscription::before {
    line-height: 1.2;
}

#af-wrapper .topic-name a {
    font-size: 1.125em;
}

#af-wrapper .editor-row-subject label {
    font-size: 1em;
}

#af-wrapper .forum-post-date,
#af-wrapper .forum-post-menu {
    font-size: 15px;
}

#af-wrapper .editor-row .cancel, #af-wrapper .editor-row .cancel-back, #af-wrapper .editor-row .cancel:hover, #af-wrapper .editor-row .cancel-back:hover,
#forum-editor-form input[type=submit] {
    font-size: 16px;
    line-height: 2em;
    height: auto;
    padding: .25em;
}

#af-wrapper input[type="radio"],
#af-wrapper input[type="checkbox"] {
    top: -1px;
    position: relative;
}

#af-wrapper .highlight-admin, #af-wrapper .highlight-admin a {
    color: #62b7ef !important;
}

#af-wrapper .user-online .avatar {
    box-shadow: 0 0;
    outline: 0;
    margin-bottom: 4px;
}

#af-wrapper .forum-post-header {
    overflow: hidden;
}

#af-wrapper .post-author {
    font-size: 12px;
}

#af-wrapper .post-footer {
    font-style: normal;
}

#af-wrapper .post-meta {
    font-size: 14px;
}

#af-wrapper .post-message {
    font-size: 18px;
}

#af-wrapper .post-reactions .reaction-number {
    font-style: normal!important;
    font-size: 14px!important;
}

#af-wrapper .topic {
    font-size: 16px;
}

#af-wrapper .forum-poster .dashicons-before:before,
#af-wrapper .topic-poster .dashicons-before:before {
    position: relative;
    top: -2px;
}

#af-wrapper .post-author-marker, #af-wrapper .forum-menu a, #af-wrapper input[type="submit"], #af-wrapper #forum-search, #af-wrapper #forum-header, #af-wrapper #forum-navigation a {
    line-height: 2.4em;
}

#af-wrapper input[type=submit] {
    display: inline-block!important;
    width: auto!important;
}

#af-wrapper .info,
#af-wrapper .notice,
#af-wrapper .error {
    text-align: left;
    font-size: 14px;
    font-style: normal;
}

#af-wrapper .subscription-option {
    font-size: 17px;
}

/* #af-wrapper .subscription-option-description {
    font-style: normal;
} */

/* #af-wrapper .pages-and-menu {
    display: none;
} */

#af-wrapper .forum .forum-title,
#af-wrapper .topic .topic-name a {
    display: block;
    font-size: 20px;
    padding: 4px 0;
}

#af-wrapper .forum .forum-description,
#af-wrapper .forum .forum-poster,
#af-wrapper .topic .topic-poster {
    font-size: 14px;
}

#af-wrapper #read-unread {
    display: none!important;
}

#af-wrapper .forum .forum-title, #af-wrapper .topic .topic-name a {
  display: inline-block;
  padding: 3px;
  font-size: 1em;
}

@media screen and (max-width: 767px) {
    #af-wrapper #statistics-body,
    #af-wrapper #statistics-online-users {
        text-align: left;
    }
    
    #af-wrapper #forum-search {
        display: none;
    }
    
    #af-wrapper .forum-post-header,
    #af-wrapper .forum-post-date,
    #af-wrapper .forum-post-menu {
        text-align: left!important;
    }
    
    #af-wrapper .forum-post-header .dashicons-before {
        padding-left: 0;
    }
    
    #af-wrapper #forum-editor-form input[type=submit] {
        padding-left: 23px;
        padding-right: 23px;
    }
}

/* Shariff */

.entry-content .shariff:first-of-type {
    position: relative;
    top: -.875em;
}

/* Taxonomy Images */
.cw-taxonomy-image {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
    margin-right: 4px;
}

.post-title-link {
    display: inline-block;
    vertical-align: middle;
}

/* Glossary */

.glossary-tooltip-content {
    font-size: .75em !important;
    z-index: 99999999 !important;
}

.glossary-tooltip a, .glossary-tooltip-media a {
    background: #fff7af !important;
    font-weight: 600 !important;
    padding: 0 .125em !important;
    color: #111 !important;
}

.glossary-tooltip-text a {
    background: transparent !important;
    padding: 0 !important;
    color: #fff !important;
}

/* Footnotes */
.easy-footnotes-wrapper {
    margin-left: 1.5em;
    font-size: .875em;
}

.easy-footnote-title h4 {
    border-top: 1px solid #eee;
    margin-top: 3em;
    font-size: 1em;
}

p#mnmlwp-contact-form-gdpr-checkbox {
    font-size: .875em;
}

/* Flyouts */
.mnmlwp-flyout-title {
    background: #f4f9ff;
    color: #073d5c;
}

.mnmlwp-flyout-title::before {
    color: #073d5c;
}

.mnmlwp-flyout-title:hover,
.mnmlwp-flyout-title.active {
    background: #e9f3ff;
}

/* Message Boxes */
.mnmlwp-msg {
    overflow: hidden;
}

.mnmlwp-msg.mnmlwp-msg-info {
    color: #073d5c;
    background-color: #f4f9ff;
}

.mnmlwp-msg.mnmlwp-msg-info a {
    color: #073d5c !important;
}


/* Newsletter Form Footer */
footer .cr_body {
    color: #fff;
    background-color: transparent;
    padding: 0;
}

.cr_page {
    margin: 0 0 !important;
}

footer .cr_ipe_item {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

footer .cr_ipe_item label {
    font-size: 1.25em !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

footer .cr_ipe_item input[type=text],
footer .cr_ipe_item select {
    font-size: 1.25em !important;
    max-width: 300px !important;
}

footer .cr_button {
    background: #1a6d3b!important;
    font-family: 'Source Sans Pro', sans-serif !important;
    width: auto;
    height: auto !important;
    margin: 5px auto;
    padding: 4px 22px;
    text-align: left;
    font-weight: bold;
    font-size: 1.25em !important;
    font-weight: 400 !important;
}

footer p.cr_response.cr_success {
    padding: .75em !important;
    background: rgba(0,0,0,.2) !important;
}

.cr_response.cr_error{
    font-size: 1em !important;
}

/* Caption */
.wp-caption-text {
    color: #999;
    font-size: .75em;
}

/* WP Forms */
.wpforms-confirmation-container-full p {
    padding: 0 0;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
    display: none;
}

/* Quiz */
.cw-start-quiz-button {
    width: 9em;
    transition: all .3s linear;
    opacity: 1;
}

.cw-start-quiz-button:hover {
    transform: scale(1.06125);
    opacity: .9;
}

#llms_start_quiz::before {
    display: none;
}

/* Survey popup */
.survey-popup {
    position: fixed;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 99999;
}

.survey-popup .survey-container {
    display: block;
    width: 640px;
    max-width: 92%;
    height: auto;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
    padding: 1em;
}

.survey-icon {
    width: 90px;
    max-width: 25%;
}

.survey-container a.mnmlwp-btn {
    width: 100%;
    text-align: center;
}

.survey-close {
    display: inline-block;
    position: absolute;
    top: -.75em;
    right: -.375em;
    font-size: 1.5em;
}

.survey-close::before {
    font-family: 'FontAwesome';
    content: '\f00d';
}

/* Responsive */

@media screen and (min-width: 768px) {
    .scale-125 {
        transform: scale(1);
        transition: ease-out .3s all;
    }

    .scale-125:hover {
        transform: scale(1.25);
    }

    .row.row--main {
        min-height: 430px;
    }
}

@media screen and (max-width: 767px) {
    .hamburger {
        top: -4.25em!important;
    }
    
    .column.column--header {
        padding-bottom: .75em;
    }
}

@media screen and (max-width: 640px) {
    .cw-icons-home {
        font-size: .875em;
    }
}

@media screen and (max-width: 500px) {
    .cw-icons-home {
        font-size: .75em;
    }
}