/*!
Theme Name: BAS
Author: Mementor AS
Author URI: https://www.mementor.no/
Description: Description
Version: 1.0.0
Text Domain: bas
*/

.tutors .tutor-item .tutor-name {
    padding-left: 0 !important
}

.site-header {
    z-index: 2 !important;
}


input[type=checkbox] {
    -webkit-appearance: auto;
}

.frm_checkbox label {
    padding-left: 30px;
    position: relative;
}

.frm_checkbox label input {
    position: absolute;
    left: 0;
    top: 4px;
}

/* Cookie consent modal */
.wt-cli-ckyes-footer-section {
  display: none;
}

.cookie-consent-title {
  font-size: 20px;
  font-weight: 600;
}

/* Cookie modal overview button colors */
.cli-tab-footer .wt-cli-privacy-accept-btn,
.cli-switch input:checked+.cli-slider {
    background-color: #0b5f70;
}

/* Tutor images on projects */
@media (min-width: 992px) {
    .tutors .tutor-item {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    }
}

.tutor-item .img-container {
    display: none;
}


/* Modals, SoMe sharing */

.modal-content .event-item .custom-space {
    padding: 50px 0 0;
}

.modal-content .event-item .social-share .social-media li a.facebook {
    background-color: #395795;
    color: white;
}

.modal-content .event-item .social-share .social-media li a.twitter {
    background-color: #1c9dec;
    color: white;
}

.modal-content .event-item .social-share .social-media li a:hover {
    background-color: #e7412b;
}

.modal-content .event-item .social-share .social-media li a {
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .75rem;
    margin-right: 0.625rem;
}

.modal-content .event-item .social-share span {
    font-size: .875rem;
    font-weight: 600;
    padding-right: 1.1875rem;
}

.post-type-archive-event .modal-content .events-items {
    margin-bottom: 0;
}


/* Dark page */

.dark-page-container {
	align-items: center;
	background-color: black;
	display: flex;
	justify-content: center;
	min-height: 100%;
	overflow: scroll;
	padding: 30px 0;
	width: 100%;
}

.dark-page-text {
	color: white;
	font-size: 22px;
	max-width: 800px;
	margin: 30px;
}

@media (max-width: 700px) {
	
	.dark-page-text {
		margin: 30px 15px;
	}
	
}