/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* global? */

body {
	background-color: white !important;
}

#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
	color: rgb(24, 205, 221);
}

.et_mobile_menu {
	padding: 1rem !important;
	border: none !important;
	-moz-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
}

.et_mobile_menu li a {
	font-size: 1.3rem;
	line-height: 1.2em;
	color: #000000d6 !important;
	font-weight: 700;
}
/*
.et_pb_row {
	width: 100%;
	padding: 2rem 1rem !important;
}
*/
/* tabeller */

.table-responsive, table {
	font-size: 1rem;
	font-weight: 400;
	color: #000000d6;
	border: none !important;
}

@media (max-width: 600px) {
	.table-responsive {
		-moz-box-shadow: inset -2rem 0 2rem -2rem rgba(0, 0, 0, 0.25);
    	-webkit-box-shadow: inset -2rem 0 2rem -2rem rgba(0, 0, 0, 0.25);
	    box-shadow: inset -2rem 0 2rem -2rem rgba(0, 0, 0, 0.25);
	}
}

th {
	border-bottom: 1px black solid !important;
}

td, th {
	padding: 1rem !important;
}

td:nth-of-type(1) {
	font-weight: 600;
}

td:nth-of-type(n+3), th:nth-of-type(n+3) {
	text-align: right !important;
}

/* body typography */

h1, h2, h3 {
	line-height: 1.2em !important;
	margin-bottom: 0 !important;
	padding-bottom: 1rem !important;
}

h1 {
	font-size: 3rem !important;
}

@media (max-width: 980px) {
	h1 {
		font-size: 1.5rem !important;
	}	
}

h2 {
	font-size: 2rem !important;
}

@media (max-width: 980px) {
	h2 {
		font-size: 1.5rem !important;
	}	
}

h3 {
	font-size: 1.2rem !important;
	padding-bottom: 0 !important;
}

@media (max-width: 980px) {
	h3 {
		font-size: 1rem !important;
		line-height: 1.5rem !important;
	}	
}

p, .et_pb_text li, .et_pb_accordion li {
	font-size: 16px;
	color: #000000d6;
	font-weight: 400;
	line-height: 1.5rem;
}

.et_pb_text li, .et_pb_accordion li {
    list-style-position: outside;
	margin-bottom: 1em;
	margin-left: 1em;
}

p a, .et_pb_accordion li a {
	color: rgb(24, 205, 221);
	font-weight: 700;
	border-bottom: .1rem solid rgb(24, 205, 221);
}

p a:hover, .et_pb_accordion li a:hover {
	color: white;
	background-color: rgb(24, 205, 221);
}

blockquote, blockquote p {
	font-size: 1.5rem;
	line-height: 1.2em !important;
	font-weight: 700;
	color: rgb(24, 205, 221);
	border: none;
	padding: 0;
}

/* footer */

footer p {
	color: white;
}

footer .et_pb_widget p a {
	color: white;
	border-bottom: .1rem solid white;
}

footer p a:hover {
	color: black;
	background-color: white;
}

/* specialare */

.img-rounded img {
	border-radius: 50%;
}

/* FAQ dragspel */

.et_pb_toggle {
	margin-bottom: 0 !important;
}

.et_pb_toggle_close {
	background-color: transparent;
}

/* bokningskalendern */

.tbk-main-calendar-navigation {
	
}

.tb-days {
	border-bottom: 1px solid #eeeeee !important;
}

.ui.tbk-grid>.tbk-column:not(.tbk-row), .ui.tbk-grid>.tbk-row>.tbk-column {
	padding-right: 0;
	padding-left: 0;
}

.tb-weekline-day {
	border-bottom: 1px solid black !important;
	font-weight: 400 !important;
}

.tb-frontend-calendar, .tb-service-info, .tb-weekline-day, .tb-day {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 1rem !important;
	font-weight: 600;
	color: #000000d6 !important;
}

.tb-frontend-calendar .ui.tb-day.today {
	background-color: transparent !important;
	color: rgb(24, 205, 221) !important;
	font-weight: 800;
}

.tb-frontend-calendar .ui.tb-day.slots {
	background-color: transparent !important;
	border: .2rem solid rgb(24, 205, 221) !important;
	border-radius: 1rem !important;
}

.tb-frontend-calendar .ui.tb-day.slots:hover, .tb-frontend-calendar .ui.tb-day.slots:focus {
	background: rgb(24, 205, 221) !important;
	color: white !important;
}

.ui.circular.label.tb-pointing-label-dots {
	background-color: rgb(24, 205, 221) !important;
	font-size: 1rem !important;
}

.ui.pointing.above.label.computer.only {
	background-color: transparent;
}

.tbk-schedule-slot.tbk-alt-1 {
	border: .1rem solid rgb(24, 205, 221) !important;
	border-radius: 1rem !important;
	width: 100% !important;
	text-align: center;
}

.tb-frontend-calendar .tb-icon, .tb-frontend-calendar .green, .tb-frontend-calendar .meta, .tb-frontend-calendar .description {
	display: none !important;
}

.tbk-reservation-form-header-times {
	color: rgb(24, 205, 221) !important;
}

.tbk-reservation-form-footer {
	border-top: none !important;
}

.tbk-book-now-button {
	width: 100% !important;
	font-size: 1rem;
	background-color: rgb(24, 205, 221) !important;
	border: .2rem solid white !important;
	border-radius: 1.5rem;
}

.tbk-book-now-button:hover {
	color: black;
	background-color: white !important;
	border: .2rem solid rgb(24, 205, 221) !important;
}

.tbk-reservation-review-content, .tbk-reservation-review-content table {
	margin: 0;
	border: none;
}

.tbk-reservation-review-content table tr:nth-child(odd) {
	background-color: white !important;
}

.tbk-reservation-review-container, .tbk-reservation-review-content table td, .tbk-reservation-review-content table th {
	padding: 0 !important;
	border: none !important;
	text-align: center;
}


.tbk-reservation-review-content table th {
	color: #000000d6 !important;
}

.tbk-reservation-review-content table td {
	padding-bottom: 1rem !important;
}

.tbk-reservation-review-footer {
	border: none !important;
}

.tbk-book-confirmation-button {
	background-color: rgb(24, 205, 221);
	border-width: .2rem;
	border-radius: 100px;
	font-size: 1rem;
	font-weight: bold;
	color: white;
}

/*
html, body {height: 100%}
#page-container {position: relative; min-height:100%; height: auto !important; height: 100%; padding-bottom: 54px;}
#main-footer {position: absolute; bottom: 0; width: 100%; height:254px;}
*/

/* Youtube letter box cover up */
/*
.fluid-width-video-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 56px solid black;
	border-bottom: 56px solid black;
	pointer-events: none;
}
*/