/*
Theme Name: Besteforeldreaksjonen
Theme URI: http://www.frameworks.no
Author: Tiago Teixeira | Frameworks AS
Author URI: http://www.frameworks.no
Description: Template for the new redesign 11.2020. Based on Bootstrap 4
Version: 2020
License: 
License URI: 
Tags: 
*/

:root {
	--color-primary: #af0000;
}

.c-post-article__response {
	margin-top: 0.5rem;
	
	.c-post-article__response-bubble {
		padding: 2rem;
		margin-bottom: 3rem;
		border-radius: 1.5rem;
		background-color: var(--color-primary);
		color: #fff;
		position: relative;
		
		&::after {
			content: "";
  			position: absolute;
  			left: 58px;
			bottom: 0;
			width: 2.5rem;
			height: 2.5rem;
			transform: translateX(-50%) translateY(50%) rotate(45deg);
			background-color: #af0000;
		}
	}
	
	header {
		margin-bottom: 1.5rem;
	}
	
	.c-post-article__response-title {
		font-size: 1.5rem;
		font-weight: bold;
		opacity: 0.65;
		margin-bottom: 0.25rem;
	}
	
	.c-post-article__response-respondent {
		display: flex;
		flex-direction: column;
		
		@media (min-width: 992px) {
			flex-direction: row;
			column-gap: 2rem;
		}
	}
	
	.c-post-article__response-footer {
		display: flex;
		flex-direction: column;
		align-items: start;
		row-gap: 2rem;
		
		@media (min-width: 992px) {
			flex-direction: row;
			column-gap: 3rem;
		}
		
		h3 {
			font-size: 1.25rem;
			font-weight: bold;
		}
		
		ul {
			padding-left: 1.5rem;
			margin: 0;
		}
	}
}

.c-right-column .widget label:has(input[type="search"]) {
	margin: 0.5rem 0 0;
	
	input[type="search"] {
		display: block;
		width: 100%;
		color: #444;
		border: 2px solid #717171;
		border-radius: 6px;
		padding: 5px 25px 5px 15px;
	}
}

.icon-question-mask {
	mask: url(/wp-content/themes/besteforeldreaksjonen/images/question-solid-full.svg) no-repeat center;
	height: 20px;
	width: 20px
}
