/*
 * 	Layout #2 Styles for Cards
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) Kerry Kline
 * 	@link		http://www.bnecreative.com
 * 	@package 	BNE Cards
 *	@updated	March 25, 2020
 *
*/


/* == Headings == */
.section-heading {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-bottom: 2rem;
	padding: 1.2rem 30px 2rem 30px;
	width: auto;
	max-width: 100vw;
	background: var(--theme-primary-color);
	border-bottom-left-radius: 90% 15vw;
	border-bottom-right-radius: 90% 15vw;
	color: white;
	text-align: center;
	font-weight: bold;
}

/* == Buttons == */
.card-layout-2 #main-content-wrapper .btn,
.card-layout-2 #main-content-wrapper .btn:hover {
    background: transparent !important;
    border-color: var(--theme-accent-color);
    color: var(--theme-accent-color) !important;
    border-radius: 20px;
    box-shadow: none;
}

/* == Shapes == */
.shape-divider {
	display: none;
}


/* == Header == */
body.has-banner-image #header-wrapper {
	-webkit-clip-path: unset;
	clip-path: unset;
	border-bottom-left-radius: 90% 15vw;
	border-bottom-right-radius: 90% 15vw;
	min-height: 250px;
}

.header-action-btn {
    background: var(--theme-accent-color) !important;
	box-shadow: 0px 0px 0px 3px white !important;
}


/* == Footer == */
#footer-wrapper {
	background: var(--theme-accent-color);
	color: white;
}
#footer-wrapper a {
	color: inherit;
}


/* == User Section == */
.user-block.has-social-links {
	display: grid;
	grid-template-areas:
		"portrait portrait portrait portrait" 
		"name social social social"
		"position position position position"
		"company company company company"
		"biography biography biography biography"
		"cta cta cta cta";
}

.user-block .portrait { grid-area: portrait; }
.user-block .name { grid-area: name; align-self: center; }
.user-block .position { grid-area: position; }
.user-block .company-name { grid-area: company; }
.user-block .biography { grid-area: biography; }
.user-block .social-links { grid-area: social; }
.user-block .user-buttons { 
	grid-area: cta;
}

body.has-banner-image .user-block {
	margin-top: -100px;
}

.user-block .social-links {
	margin: 0;
	text-align: right;
}

.user-block .social-links li {
	margin-bottom: 5px;
	float: none;
	display: inline-block;
}

.user-block .position {
	position: relative;
	margin-bottom: 3rem;
}

.user-block .position:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1.5rem;
	width: 75px;
	height: 5px;
	background: var(--theme-accent-color);
}


/* == Company Block == */
.company-block .social-links {
	text-align: center;
}
.company-block .social-links li {
	float: none;
	display: inline-block;
}

.company-block .company-buttons {
	text-align: center;
	margin: 0 auto;
}

/* == Properties == */
.company-properties .title span {
	position: relative;
	display: block;
	margin-bottom: 1.4rem;
	font-weight: bold;
}

.company-properties .title span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1rem;
	width: 75px;
	height: 5px;
	background: var(--theme-accent-color);
}