/*
Theme Name: Epilogg
Author: The Guerrilla Agency
Description: Kaya is a flexible theme to build fabulous & functional websites. With a focus on being lightweight and fast, Kaya allows you to quickly build & customize your site with a wide array of color, font, header, footer and width options. It's ready to work with your page builder and has built-in support for Visual Composer. You can view the setup instructions by going to the Customizer and selecting "Need Setup Help?".
Version: 0.8.2
Template: kaya
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kaya
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Epilogg Specific Constants
# General Font Changes
# Toggle elements
# Header
# Hero Area
# Footer
# Page Template: Featured Content at Bottom
# Media - Press
# Blog
# Sidebar
--------------------------------------------------------------*/

/*******************
 * Epilogg Specific Constants
 *******************/
:root {
	--epilogg-grey: #323233;
	--epilogg-light-grey: #9f9f9f;
	--epilogg-green: #01AD97;
	--epilogg-light-green: rgba(1,173,151,.6);
	--epilogg-dark-green: #003401;
	--epilogg-box-shadow:  rgba(0,0,0,.2) 1px 3px 10px 0;
	--epilogg-text-shadow:  rgba(0,0,0,.3) 2px 2px 7px;
}



/*******************
 * General Font Changes
 *******************/

ul {
	list-style: none;
}
ul li::before {
	content: '\25CF';
	color: var(--epilogg-green);
	font-weight: bold;
	display: inline-block;
	width: 1.35em;
	margin-left: -1.6em;
}

.epilogg-large-text,
.epilogg-large-text p {
	font-size: 24px;
}
.font-14 {
	font-size: 14px;
}

body h1,
body h2,
body h3,
body a {
	text-transform: lowercase;
}

button,
input[type=submit],
.button,
.elementor .button,
.btn,
.elementor-button,
.elementor a.elementor-button,
.read-more,
.columns-4.white-background .read-more {
	text-transform: uppercase;
	font-weight: 700;
	box-shadow: var(--epilogg-box-shadow);
}

button,
input[type=submit],
body a.button,
.btn,
input[type=search],
input[type=text],
.elementor a.elementor-button,
.read-more {
	border-radius: 7px;
	padding: 12px 20px;
}
@media (min-width: 768px) {
	body .large-button .elementor-button-link.elementor-button.elementor-size-lg {
		padding: 30px 60px;
		font-size: 20px;
	}
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	padding: 5px 10px;
	border: 2px solid var(--epilogg-light-green);
}


#searchform {
	position: relative;
}
.searchform__submit {
	position: absolute;
	right: 9px;
	top: 9px;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.searchform__submit:hover {
	background: transparent;
}
.searchform__submit-icon {
	height: 18px;
	width: 19px;
}
::-webkit-input-placeholder {
  color: var(--epilogg-light-grey);
	font-weight: 400;
}
:-ms-input-placeholder {
  color: var(--epilogg-light-grey);
	font-weight: 400;
}
::placeholder {
  color: var(--epilogg-light-grey);
	font-weight: 400;
}

.text-shadow h1,
.text-shadow h2, 
.text-shadow h3,
.text-shadow h4,
.text-shadow h5,
.text-shadow h6,
.text-shadow p {
	text-shadow: var(--epilogg-text-shadow);
}

.box-shadow,
.elementor .box-shadow-image img {
	box-shadow: var(--epilogg-box-shadow);
}

hr,
body .elementor hr {
	background: #d6d6d7;
	height: 2px;
	width: 80%;
	clear: both;
	margin: auto;
}

.overflow-hidden {
	overflow: hidden;
}
.border-7 {
	border-radius: 7px;
}



/*******************
 * Toggle elements
 *******************/
.elementor-tab-title {
	background: var(--epilogg-green);
}
body .elementor-tab-title a,
body .elementor-tab-title a:visited {
	color: white;
	font-family: 'Arbutus Slab';
	font-weight: 400;
	font-size: 18px;
}
.elementor-toggle-icon {
	color: white;
}
.elementor-toggle-item {
	margin-bottom: 10px;
}
body .elementor-toggle .elementor-tab-content {
	border: 2px solid #d6d6d6;
	border-top: none;
	background: white;
}
body .elementor-toggle .elementor-tab-title:before {
	content: "\f068";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 0px;
	border: 2px solid #d6d6d6;
	padding: 14px;
	margin-top: -15px;
}
body .elementor-toggle .elementor-tab-title.elementor-active:before {
	content: "\f067";
}
body .elementor-toggle .elementor-toggle-item {
	margin-left: 55px;
}
body .elementor-toggle .elementor-tab-title .elementor-toggle-icon {
	display: none;
}


/*******************
 * Header
 *******************/

#masthead .container, nav .container{
	max-width: 1280px!important;
}

#masthead .widget_nav_menu #menu-header-upper-right-menu {
	list-style: none;
	display: flex;
	justify-content: space-between;
}

#masthead .widget_nav_menu #menu-header-upper-right-menu a {
	color: var(--epilogg-grey);
	font-weight: bold;
}
#masthead .widget_nav_menu ul li::before {
	content: none;
}
#masthead .widget_nav_menu .menu-item {
	padding-left: 15px;
	padding-top: 7px;
}
#masthead .widget {
	float: left;
	clear: none;
}

#colophon #mega-menu-wrap-footer-lower-left-menu #mega-menu-footer-lower-left-menu {
	display: flex;
	justify-content: space-between;
}

#masthead .main-navigation {
	padding-bottom: 5px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	font-weight: 700;
	color: rgb(50, 50, 51);
}

.site-branding {
	padding-top: 18px;
	padding-bottom: 20px;
}

@media (max-width: 830px) {
	#masthead ul {
		padding-left: 0;
		margin: 0;
	}
	#masthead .widget_nav_menu .menu-item {
		padding-left: 8px;
	}
	#masthead .widget.widget_search {
		width: 40%;
	}
	#masthead .widget.widget_nav_menu {
		width: 60%;
	}
	
	#masthead .site-branding {
	max-width:160px!important;
	display:inline-block!important;
	}
	
	#masthead .widget.widget_maxmegamenu {
	float: right;
	min-width: unset!important;
		width:unset!important;
	}
	
	#masthead #mega-menu-wrap-primary #mega-menu-primary {
		display: unset!important;
	}
	
	#masthead .columns-3 {
		width:auto;
		float:left;
		margin-right:40px;
		display: inline-block!important;
	}
	
	.columns-9 {
	display: inline!important;
	margin-top: 0px;
		width: auto!important;
		float:none;
	}	
	
	#masthead .widget.widget_search {
		margin-top: 15px;
	}
}

@media (max-width: 500px) {
	#masthead .widget.widget_search {
		max-width: 100px;
	}
	
	#masthead .widget.widget_maxmegamenu {
	float: right!important;
	min-width: unset!important;
	}
	
	#masthead .columns-3 {
		margin-right: 10px;
	}
	
	#masthead #mega-toggle-block-1 {
		margin: 0px;
	}
	
	#masthead #mega-menu-wrap-primary {
		float: right;
		display: inline-block;
	}
}

@media (max-width: 400px) {
	
	#masthead .widget.widget_maxmegamenu {
	min-width: unset!important;
	}
	
	#masthead .columns-3 {
		margin-right: 10px;
	}
	
	#masthead .widget.widget_search {
    max-width: 30%!important;
	}
	
}

@media (max-width: 319px) {
	#masthead .widget.widget_search {
    display: none!important;
	}
	
	#masthead .columns-3 {
		margin-right: 0px;
	}
}
	

#masthead .main-navigation {
	padding-bottom: 5px;
}

#masthead #mega-toggle-block-1 {
	display: unset;
}

#masthead .mega-toggle-blocks-left {
	display: none!important;
}


#masthead .mega-toggle-blocks-center {
	display: none!important;
}

	
#masthead .widget.widget_search {
	max-width: 40%;
	width: auto;
	float: left;
	flex: 1 1 auto;
}

#masthead .widget.widget_maxmegamenu {
	float: right;
	min-width: 500px;
}
	
.columns-9 {
	display: flex;
	margin-top: 2.2%;
}

#masthead #mega-toggle-block-1 {
    margin-top: 36px;
}

/*******************
 * Hero Area
 *******************/
body #page-hero-area {
	text-align: center;
	background-position: center;
}
:not(.home) #page-hero-area {
	max-height: 390px;
}
#page-hero-area h1 {
	color: white;
	text-shadow: var(--epilogg-text-shadow);
}
#page-hero-area .container {
	padding: 45px 15px 30px;
}
@media (min-width: 768px) {
	#page-hero-area .container {
		padding: 165px 15px 150px;
	}
}

/* Home Page Hero Video */
.elementor-section.elementor-section-stretched.home-background-video {
	position: absolute;
	left: 0;
	z-index: 0;
}
@media (min-width: 1200px) {
	.elementor-section.elementor-section-stretched.home-background-video {
		top: -75px;
	}
}
#masthead {
	z-index: 10;
	position: relative;
}


/*******************
 * Footer
 *******************/
@media (max-width: 767px) {
	#colophon .site-info .columns-4:nth-child(2),
	#colophon .site-info .columns-4.text-right {
		text-align: center;
	}
	#colophon .site-info .columns-4:nth-child(2) {
		padding: 10px 0;
	}
	body #mega-menu-wrap-footer-menu #mega-menu-footer-menu li.mega-menu-item {
		padding-right: 25px;
		padding-bottom: 15px;
	}
}
#colophon .site-info {
	font-size: 1em;
}
#colophon .social-icons {
	font-size: 24px;
}
#colophon .social-icons .social-icon-single {
	margin-right: 25px;
}
#colophon .social-icons .social-icon-single:last-child {
	margin-right: 0;
}
#colophon .social-icons .social-icon-single {
	color: var(--epilogg-green);
}


/*******************
 * Page Template: Featured Content at Bottom
 *******************/
.learn-more-about .container {
	overflow: hidden;
}
.learn-more-about {
	background: var(--epilogg-dark-green);
}
.featured-content-area {
	background: url('/wp-content/uploads/2020/03/feathered-background.jpg') no-repeat;
	background-size: cover;
}



/*******************
 * Media - Press Page
 *******************/
.media-item-row {
	clear: both;
	overflow: hidden;
}
.media-item-row .attachment-medium_large {
	margin-bottom: -5px;
}

@media (min-width: 768px) {
	.media-item-row:nth-of-type(2n) .columns-4 {
		margin-right: 0;
		float: right;
	}
	.media-item-row:nth-of-type(2n+1) .columns-8 {
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	.media-item-row .box-shadow {
		margin-bottom: 30px;
	}
	.media-item-row {
		padding: 10px;
	}
}

/*******************
 * Blog
 *******************/
.read-more {
	display: inline-block;
	margin-top: 10px;
}
.columns-4.white-background .read-more {
	z-index: 20;
	position: relative;
	background: white;
}
.archive .post, .blog .post {
	border-bottom: none;
}
.archive #content,
.blog #content {
	padding-bottom: 50px;
}

.limit-3-rows {
	height: 4.1em;
	overflow: hidden;
}
.white-background {
	background: white;
	border-radius: 7px;
}
.columns-4.white-background {
	overflow: hidden;
	position: relative;
}
.columns-4.white-background:last-child {
	margin-right: 0;
}
.columns-4.white-background::after {
	content: '';
	width: 100%;
	height: 40px;
	background: var(--epilogg-light-green);
	bottom: 0;
	left: 0;
	position: absolute;
	border-radius: 0 0 7px 7px;
}
.columns-4.white-background:nth-child(2):after {
	background: var(--epilogg-green);
}


/*******************
 * Sidebar
 *******************/
#secondary .widget {
	margin-bottom: 20px;
}