/*
Theme Name:    Talkto Builder
Description:   Den Gyldne Omvei
Version:       1.0.0
Author:        Talkto
Author URI:    https://www.talkto.no/
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/



/** accessibility **/
.pp-category .category-inner > .pp-category__link:focus-visible > div {
	outline: 2px solid #000;
	outline-offset: -2px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.pp-advanced-menu a:focus-visible {
	outline: 0 !important;
}

.owl-item a {
	outline-offset: -2px !important;
}

.talkto-opplevelser-grid .pp-content-post > a {
	outline-offset: -2px !important;
}

.pp-search-form.pp-search-form--focus .pp-search-form__container {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	
	outline: 2px solid #000 !important;
	outline-offset: -2px !important;
}

.talkto-megamenu-container button:focus-visible,
.talkto-megamenu-container a:focus-visible,
.fl-icon-text-link:focus-visible p {
/*	outline: 2px solid #000 !important;*/
}

.fl-button-group-button a {
	text-decoration: none !important;
}

button:focus-visible {
	outline: 2px solid #000;
	outline-offset: 5px;
}
	
	
/** beaver builder **/
.fl-module-pp-advanced-menu ul li a {
	text-decoration: none !important;
}


/** cmplz **/
.cmplz-btn:focus-visible {
	outline: 2px solid #000;
}

/** talk to general **/
a.talkto-button,
button.talkto-button {
	background-color: transparent;
	display: inline-block;
	padding: 0px 0px;
	border-radius: 0;
	font-size: 30px;
	line-height: 20px;
	color: #fff;
	border: 0;
}

a.talkto-button:hover,
button.talkto-button:hover {
	color: #000;
	text-decoration: none;
}

.talkto-hamburger-button-container {
	text-align: right;
}

.talkto-hamburger-button-container i::before {
	color: #374E44;
}

.talkto-megamenu-list {
	text-align: center;
}

.talkto-megamenu-list ul {
	padding-bottom: 32px;
}

.talkto-megamenu-list ul li {
	padding-left: 0 !important;
}

.talkto-megamenu-list li a {
	color: #fff !important;
	font-size: 1.6rem;
	line-height: 2.5em;
	text-decoration: none !important;
}

.talkto-megamenu-list li li a {
	font-size: 1.6rem;
	line-height: 2em;
}

.talkto-megamenu-container .talkto-megamenu-list > ul > div > li a {
	position: relative;
}

.talkto-megamenu-container .talkto-megamenu-list > ul > div > li a .toggle {
	position: absolute;
	display: inline-block;
	right: -10vw;
	transform-origin: center;
}

.talkto-megamenu-container .talkto-megamenu-list > ul > div > li a .toggle::after {
	content: "\e800";
	font-family: "hambur";
	font-weight: normal;
	font-size: 1.3rem;
}

.talkto-megamenu-container .talkto-megamenu-list > ul > div > li a.collapsed .toggle {
	transform: rotate(-90deg);
}

.talkto-megamenu-container .talkto-megamenu-list > ul > div > li a.talkto-megamenu-list-link .toggle::after {
	content: '\e807';
	font-family: "hambur";
	font-weight: normal;
	padding-left: 24px;
}

.breadcrumbs a,
.breadcrumbs breadcrumb_last {
	color: #000 !important;
}

.talkto-links-with-arrows a {
	text-decoration: none !important;
}

.talkto-links-with-arrows a:hover {
	text-decoration: underline !important;
}

.talkto-links-with-arrows a::after {
	content: '\e802';
	font-family: "hambur";
	font-weight: normal;
	padding-left: 10px;
}

.header-button {
	margin-left: 21px !important;
}

.header-button a {
    background-color: #374E44;
    border-radius: 15px;
	padding: 8px 42px !important;
    color: #fff !important;
}

.pp-advanced-menu .menu-item.header-button a:focus-visible > span {
	outline-color: #fff !important;
}

.talkto-site-spinner {
	height: 50px;
	margin: 20px 0 20px;
	position: relative;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

@keyframes site-spinner-animation {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(359deg); }
}


.talkto-site-spinner::after {
	content: '';
	
	position: absolute;
	display: block;
	
	width: 50px;
	height: 50px;
	
	left: 50%;
	top: 50%;
	
	border-top: 1px solid #000;
	border-radius: 25px;
		
	-webkit-animation: site-spinner-animation 0.5s linear 0s infinite;
	-moz-animation: site-spinner-animation 0.5s linear 0s infinite;
	-o-animation: site-spinner-animation 0.5s linear 0s infinite;
	animation: site-spinner-animation 0.5s linear 0s infinite;
}

.google-map-container {
	height: 400px;
}

/** content grids **/
.fl-module-pp-content-grid .pp-post-filter:focus-visible {
	outline: 2px solid #000 !important;
	outline-offset: 2px !important;
}



/** aktorer **/
p.talkto-aktorer-openinghours,
p.talkto-aktorer-contact,
p.talkto-aktorer-meetingrooms {
}

p.talkto-aktorer-openinghours a,
p.talkto-aktorer-contact a,
p.talkto-aktorer-meetingrooms a {
	text-decoration: underline !important;
}

.talkto-aktorer-contact .email-value,
.talkto-aktorer-contact .phone-value,
.talkto-aktorer-contact .address-value,
.talkto-aktorer-contact .web-value,
.talkto-aktorer-meetingrooms .count-value,
.talkto-aktorer-meetingrooms .capacity-value,
.talkto-aktorer-meetingrooms .hc-value,
.talkto-aktorer-meetingrooms .descr {
	margin-bottom: 10px;
}

.talkto-aktorer-contact .email-descr,
.talkto-aktorer-contact .phone-descr,
.talkto-aktorer-contact .email-value,
.talkto-aktorer-contact .phone-value,
.talkto-aktorer-contact .address-value,
.talkto-aktorer-contact .web-value {
	display: block;
}


/** list container **/
.pp-content-grid-empty {
	border: 0;
	background-color: #F1EBE4;
}

.talkto-news-style .pp-content-grid-empty {
	border: 0;
	background-color: #cfdfda;
}

.talkto-list-content-container .pp-post-filters .pp-post-filter:focus-visible {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	
	outline: 2px solid #000;
	outline-offset: 0;
}

.talkto-list-content-container .pp-content-post {
	overflow: visible;
	margin: 5px 0;
}

.talkto-list-content-container .talkto-box-link {
	padding: 0;
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
	
	text-decoration: none !important;
	background-color: #F1EBE4;
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}

.talkto-list-content-container.talkto-news-style .talkto-box-link {
	background-color: #cfdfda;
}

.talkto-list-content-container .talkto-box-link:focus-visible {
	outline: 2px solid #000;
	outline-offset: 2px;
}

.talkto-list-content-container .talkto-box-link .talkto-box {
	text-align: center;
}

.talkto-list-content-container .talkto-box-link .talkto-box.talkto-image img {
	object-fit: cover;
	height: 16vw;
	width: 100%;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-heading h2,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-heading h3 {
	font-size: 1rem;
	font-weight: bold;
}

.talkto-list-content-container .talkto-box-link:focus-visible .talkto-heading h2,
.talkto-list-content-container .talkto-box-link:hover .talkto-heading h2,
.talkto-list-content-container .talkto-box-link:focus-visible .talkto-heading h3,
.talkto-list-content-container .talkto-box-link:hover .talkto-heading h3 {
	text-decoration: underline;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-heading h2,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-heading h3,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-date,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-meta,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-readmore,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-excerpt {
	text-align: left;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-heading,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-date,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-meta,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-readmore,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-excerpt {
	padding: 0 32px;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-excerpt,
.talkto-list-content-container .talkto-box-link .talkto-content .talkto-link {
	color: #000;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-meta {
	list-style-type: none;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-readmore {
	text-decoration: underline;
	padding-bottom: 64px;
}

.talkto-list-content-container.talkto-aktorer-container .talkto-box-link .talkto-content .talkto-excerpt {
	padding-bottom: 64px;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-link {
	position: absolute;
	bottom: 32px;
	right: 32px;
	margin: 0;
}

.talkto-list-content-container .talkto-box-link .talkto-content .talkto-link i::before {
	margin: 0;
	font-weight: normal;
	font-size: 1.5rem;
}


/** talkto aktor gallery **/
.single-aktorer .pp-photo-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	align-items: stretch;
	column-gap: 16px;
	row-gap: 16px;
}

.single-aktorer .pp-photo-gallery::before {
	content: none;
}

.single-aktorer .pp-photo-gallery .pp-photo-gallery-item {
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
}

.single-aktorer .pp-photo-gallery .pp-photo-gallery-item .pp-photo-gallery-content {
	overflow: visible;
}

.single-aktorer .pp-photo-gallery .pp-photo-gallery-item .pp-photo-gallery-content a img {
	height: 12vw;
	object-fit: cover;
	transition: none;
}

.single-aktorer .pp-photo-gallery .pp-photo-gallery-item .pp-photo-gallery-content a:focus-visible img {
	outline: 0 !important;
}



/** arrangementer **/

.ui-widget-header,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background: #cfdfda;
	color: #000;
	border: 0;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #cfdfda;
	border: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #cfdfda;
	border: 1px solid #000;
	font-weight: bold;
	color: #000;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
	top: 2px;
	border: 1px solid #000;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
	top: 2px;
	border: 1px solid #000;
}

.talkto-arrangementer-filter {
	font-size: 0;
	margin: 0;
}

.talkto-arrangementer-filter .talkto-arrangementer-filter-container {
	margin-left: -16px;
}

.talkto-arrangementer-filter form {
	width: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas: 
		"what what"
		"periodfrom periodto"
		"search search";
}

.talkto-arrangementer-filter form > div {
	display: block;
	font-size: 16px;
	
	padding: 16px 0 0 16px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.talkto-arrangementer-filter form > div .select,
.talkto-arrangementer-filter form > div input {
	padding: 16px;
	line-height: 1em;
	font-size: 1rem;
	background: #fff;
	border: 0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}

.talkto-arrangementer-filter form > div input:focus-visible,
.talkto-arrangementer-filter form > div select:focus-visible,
.ui-selectmenu-button.ui-button:focus-visible {
	outline: 2px solid #000;
	outline-offset: 0 !important;
	background-color: #cfdfda;
}

.talkto-arrangementer-filter form > div.what {
	grid-area: what;
	width: 100%;
}

.talkto-arrangementer-filter form > div.what .select {
	width: 100%;
	background: #fff;
	padding: 0;
}

.talkto-arrangementer-filter form > div.what .select select {
	width: 100%;
	padding: 2px 5px;
	border: 0;
	padding: 16px;
	border-radius: 16px;
	background-color: transparent;
}

.talkto-arrangementer-filter form > div.period-from {
	grid-area: periodfrom;
}

.talkto-arrangementer-filter form > div.period-to {
	grid-area: periodto;
}

.talkto-arrangementer-filter form > div .clear-date {
	display: block;
	text-align: right;
}

.talkto-arrangementer-filter form > div .clear-date a {
}

.talkto-arrangementer-filter form > div.search {
	grid-area: search;
}

.talkto-arrangementer .talkto-load-more.hidden {
	display: none;
}

.talkto_posts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 24px;
	margin-bottom: 24px;
}

.talkto-load-more.talkto-button {
	font-size: 0.9rem;
	font-weight: 600;
	background-color: #374E44;
	
	padding: 16px 32px;
	border: 1px solid #374E44;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}

.talkto-arrangementer-post {
	display: block;
}

.talkto-arrangementer-post a {
	color: #000;
	display: block;
	overflow: hidden;
}

/** form - selectmenu **/

.ui-selectmenu-button.ui-button {
	padding: 16px;
	background: #fff;
	border: 0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	color: #000;
	width: 100%;
}

.ui-selectmenu-menu .ui-menu {
	max-height: 400px !important;
	border: 2px solid #000;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
}

.ui-icon {
	background-image: url('/wp-content/plugins/talkto/images/ui-icons_444444_256x240.png') !important;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 8px;
}

.ui-menu .ui-menu-item {
	font-size: 1rem;
}

.ui-selectmenu-button.ui-button:active {
	color: #000;
}

.ui-selectmenu .ui-selectmenu-icon.ui-icon {
}

.ui-selectmenu-menu .ui-state-active, 
.ui-selectmenu-menu .ui-widget-content .ui-state-active {
	background: #000;
	color: #fff;
	border-color: transparent;
}

.ui-selectmenu-menu .ui-widget.ui-widget-content {
	border-color: #000;
}

.ui-selectmenu-button.ui-button:focus {
	outline-offset: 4px;
}





@media screen and (max-width: 1600px) {
	.talkto_posts {
		grid-template-columns: repeat(3, 1fr);
	}
	
	/** talkto aktor gallery **/
	.single-aktorer .pp-photo-gallery {
		grid-template-columns: 1fr 1fr;
	}
	.single-aktorer .pp-photo-gallery .pp-photo-gallery-item .pp-photo-gallery-content a img {
		height: 20vw;
	}
}

@media screen and (max-width: 1400px) {
	.talkto_posts {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 992px) {
	.talkto-list-content-container .talkto-box-link .talkto-box.talkto-image img {
		height: 30vw;
	}

	.talkto_posts {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/** talkto aktor gallery **/
	.single-aktorer .pp-photo-gallery .pp-photo-gallery-item .pp-photo-gallery-content a img {
		height: 40vw;
	}
}

@media screen and (max-width: 768px) {
	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-heading,
	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-date,
	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-meta,
	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-readmore,
	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-excerpt {
		padding: 0 16px;
	}

	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-readmore,
	.talkto-list-content-container.talkto-aktorer-container .talkto-box-link .talkto-content .talkto-excerpt {
		padding-bottom: 48px;
	}
	
	.talkto-list-content-container .talkto-box-link .talkto-content .talkto-link {
		bottom: 16px;
		right: 16px;
	}
	
	.talkto-list-content-container.talkto-no-horizontal-scroll .talkto-box-link .talkto-box.talkto-image img {
		height: 50vw;
	}
	
	.talkto-load-more.talkto-button {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.talkto-list-content-container .talkto-box-link .talkto-box.talkto-image img {
		height: 50vw;
	}

	.talkto_posts {
		grid-template-columns: repeat(1, 1fr);
	}
}