/*
Theme Name: Fyns Jernindustri Forening
Description: A child theme of the GeneratePress Theme.
Version: 1.0
Author: JacobOlsen.net
Author URI: https://jacobolsen.net/
Template: generatepress
*/

/* Dashicons cheat sheet: http://aalmiray.github.io/ikonli/cheat-sheet-dashicons.html */

/* GeneratePress layout, colours & shadows */

.top-bar {
	position: relative;
	z-index: 11;
}

.top-bar .inside-top-bar {
	position: relative;
	z-index: 17;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
	/*background-color: #500;*/
	background: linear-gradient(#400, #500);
}

header#masthead.site-header {
	position: relative;
	z-index: 12;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

header#masthead.site-header .inside-header {
	position: relative;
	z-index: 16;
	padding: 24px 32px;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
	background: linear-gradient(#800, #c30);
	/*background-image: radial-gradient(50% 100%, ellipse cover, #f60, #f30, #c20, #910, #600);
	background-image: -o-radial-gradient(50% 100%, ellipse cover, #f60, #f30, #c20, #910, #600);
	background-image: -ms-radial-gradient(50% 100%, ellipse cover, #f60, #f30, #c20, #910, #600);
	background-image: -moz-radial-gradient(50% 100%, ellipse cover, #f60, #f30, #c20, #910, #600);
	background-image: -webkit-radial-gradient(50% 100%, ellipse cover, #f60, #f30, #c20, #910, #600);*/
}

#site-navigation {
	position: relative;
	z-index: 11;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#site-navigation .inside-navigation {
	position: relative;
	z-index: 17;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
	/*background-color: #600;*/
	background: linear-gradient(#600, #700);
}

#site-navigation .inside-navigation #primary-menu ul.menu>li.menu-item.current-menu-item>a {
	background: linear-gradient(#600, #700);
}

#secondary-navigation {
	position: relative;
	z-index: 10;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#secondary-navigation .inside-navigation {
	position: relative;
	z-index: 16;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
	/*background-color: #500;*/
	background: linear-gradient(#400, #500);
}

#page.container {
	position: relative;
	z-index: 9;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
}

#footer-widgets {
	position: relative;
	z-index: 8;
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

#footer-widgets .footer-widgets-container {
	position: relative;
	z-index: 17;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
	background-color: #fed;
}

.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left: 0;
	margin-top: 32px;
	margin-bottom: 32px;
}

footer.site-info {
	position: relative;
        z-index: 6;
        box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

footer.site-info .inside-site-info {
	position: relative;
	z-index: 7;
	box-shadow: 0 0 16px rgba(0,0,0,0.25);
	background-color: #f60;
}

footer.site-info .inside-site-info .copyright-bar {
	padding: 16px 32px 48px 32px;
}

.site-info {
	padding-left: 0;
	padding-right: 0;
}

.inside-footer-widgets>div {
	padding: 20px 44px;
}

.site-footer .footer-widgets-container .inner-padding {
	padding: 0;
}

/* Header font */

@font-face {
	font-family:'Industria LT Std Solid';
	src: url('fonts/IndustriaLTStd-Solid.eot');
	src: url('fonts/IndustriaLTStd-Solid.eot?#iefix') format('embedded-opentype'),
	url('fonts/IndustriaLTStd-Solid.woff2') format('woff2'),
	url('fonts/IndustriaLTStd-Solid.woff') format('woff'),
	url('fonts/IndustriaLTStd-Solid.svg#IndustriaLTStd-Solid') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Industria LT Std Solid', Arial, sans-serif !important;
	letter-spacing: 0.03em;
}

/* Typography override */

h1.entry-title {
	margin-top: 0;
	font-size: 64px;
}

.widget-title {
	font-size: 32px;
	margin-bottom: 0.25em;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 0.25em 0;
}

.text-shadow {
	text-shadow: 2px 2px 4px #000;
}

.text-shadow-strong {
	text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 1px 1px 4px #000, 2px 2px 8px #000;
}

/* Tables */

.css-events-list table,
.css-my-bookings table {
	border: none;
}

.css-events-list table thead,
.css-my-bookings table thead {
	background-color: #eee;
}

.css-events-list table tr:nth-child(even),
.css-my-bookings table tr:nth-child(even) {
	background-color: #f8f8f8;
}

.css-events-list table.events-table th,
.css-events-list table.events-table td,
.css-my-bookings table th,
.css-my-bookings table td {
	padding: 8px;
	border: none;
}

/* Medlemmer */

.medlemsvirksomhed.container {
	position: relative;
	width: 356px;
	height: 240px;
	margin: 0 10px 20px 10px;
	padding: 0;
	float: left;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.25);
}

.medlemsvirksomhed.image {
	width: 292px;
	height: 200px;
	margin: 0 auto auto auto;
	padding: 0;
	background-size: 200px auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.medlemsvirksomhed.link {
	width: 364px;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul li.medlemsvirksomhed {
	font-size: 12px;
}

img.virksomhedslogo {
	margin-bottom: 24px;
	margin-right: 16px;
}

.visitkort {
	position: relative;
	float: left;
	width: 388px;
	height: 246px;
	margin: 0 20px 20px 0;
	padding: 64px 0px 20px 48px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.25);
}

.visitkort img.visitkort-logo {
	position: absolute;
	/*float: right;*/
	right: 24px;
	top: 24px;
}

.visitkort .navn {
	/*float: left;*/
	margin: 0;
}

.visitkort .stilling, .visitkort .email, .visitkort .telefon {
	/*float: left;
	clear: left;*/
	font-size: 12px;
}

.visitkort .stilling {
	color: #999;
}

.visitkort a.linkedin {
	display: block;
	position: absolute;
	right: 24px;
	bottom: 24px;
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-image: url('/files/themes/fynsjern/images/linkedin_64x64.png');
}

.visitkort a.fab.fa-linkedin {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 32px;
	margin-right: 0;
	color: #06c;
}



/* Fix Elementor margins/paddings */

.elementor {
	margin-left: -44px;
	margin-right: -44px;
}

.elementor-section.elementor-section-boxed .elementor-container {
	max-width: 2048px !important;
}

.elementor-widget-wrap {
	padding: 0 44px !important;
}

.elementor-widget-wrap .elementor-widget-wrap {
	padding: 0 !important;
}

.elementor-column-gap-default .elementor-row .elementor-column .elementor-element-populated {
	padding: 15px !important;
}

.elementor-column-gap-default {
	margin-left: 0 !important; 
	margin-right: 0 !important;
}

.elementor-column-gap-narrow {
	margin-left:-5px !important; 
	margin-right:-5px !important;
}

.elementor-column-gap-extended {
	margin-left:-15px !important; 
	margin-right:-15px !important;
}   

.elementor-column-gap-wide {
	margin-left:-20px !important; 
	margin-right:-20px !important;
}

.elementor-column-gap-wider {
	margin-left:-30px !important; 
	margin-right:-30px !important;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
.elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-element-populated,
.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated,
.elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated,
.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}



/* Font Awesome - https://fontawesome.com/icons */

.fab, .far, .fas {
	margin-right: 0.5em;
}

.top-bar .fab, .top-bar .far, .top-bar .fas {
	margin-right: 0;
	font-size: 20px;
}



/* Arrangementer - Events Manager */

#em-booking form.em-booking-form table,
#em-booking form.em-booking-form table th,
#em-booking form.em-booking-form table td {
	border-width: 0;
}

#em-booking form.em-booking-form table th,
#em-booking form.em-booking-form table td {
	padding: 8px;
}

#em-booking form.em-booking-form table th {
	background-color: #eee;
}

div.em-booking-form-details {
	padding: 0;
}



/* Fix mobile menu, invisible user menu when not logged in */

.secondary-navigation {
    display: none;
}

.logged-in .secondary-navigation {
    display: block !important;
}



/* Event Manager overrides */

.em {
	--accent-color: #07a !important;
}

.em :hover {
	--accent-color: #058 !important;
}