/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Ad center fix */
div[id^='ad-panorama'] > div {
	display: flex !important;
	justify-content: center;
    width: auto !important;
}


ad-panorama-1
/* Tooltips */

.receptjakten .tooltip {
}

table th {
	position: relative;
}

.receptjakten .tooltip i {
	margin-left: .5rem;
	font-size: 1.15rem;
	color: #F09B0D;
	font-weight: 900;
	transition-timing-function: cubic-bezier(0.5,0,0,1);
	transition: .25s;
}

.receptjakten .tooltip i:hover {
	margin-left: .5rem;
	font-size: 1.15rem;
	color: #4E3D42;
	font-weight: 900;
}

.receptjakten .tooltip .tooltiptext {
	position: absolute;
	
	z-index: 99;
	visibility: hidden;
	size: 0.8rem;
	opacity: 0;
	padding: 2px 8px;
	border-radius: 8px;
	color: #fff;
	background-color: black;
	margin-left: 0rem;
	transition-timing-function: cubic-bezier(0.5,0,0,1);
	transition: .25s;
}

.receptjakten .tooltip:hover .tooltiptext {
	visibility: visible;
	margin-left: 0.5rem;
	opacity: 1;
}

/* Customize the label (the container) */
.receptjakten .howto {
    display: block;
    position: relative;
    padding-left: 2.25rem;
    margin-bottom: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	line-height: 1.5rem;
}

/* Hide the browser's default checkbox */
.receptjakten .howto input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark:checked ~ label.howto #text {
	color: red !important;
}

/* Create a custom checkbox */
.receptjakten .checkmark {
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 1.5rem;
    width: 1.5rem;
    border: 2px solid #eee;
}

/* On mouse-over, while checked - add an outline with a color */
.receptjakten .howto:hover input ~ .checkmark {
    border: 2px solid #4e3d42;
}

/* When the checkbox is checked, add a blue background */
.receptjakten .howto input:checked ~ .checkmark {
    background-color: #F09B0D;
}

/* Create the checkmark/indicator (hidden when not checked) */
.receptjakten .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.receptjakten .howto input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.receptjakten .howto .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: 2px solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Reset */
.receptjakten table td, .receptjakten table th {
    border: 0;
}

/* Headings */
.receptjakten h2 {
    font-family: "Bebas Neue", Sans-serif;
    
}

.receptjakten h3 {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 1.5rem;
    border-color: #4e3d42;
    padding-top: 0.25rem;
}
.receptjakten h3 span {
    background-color: #4e3d42;
}

/* Portion section */
.receptjakten .recipe_portions {
    font-size: 1.5rem;
}

.receptjakten #minus svg, 
.receptjakten #plus svg {
    width: 0.75rem;
}