/*
Theme Name: Pineapple & Bird	
Theme URI: 
Description: Pineapple & Bird | Digital Marketing Agency
Author: Morten Sicard Damkjær
Author URI: http://msicard.dk
Template: shapely
Version: 1.0
Tags: dark, left-sidebar, right-sidebar, featured-images, post-formats, threaded-comments, theme-options, photography, portfolio, full-width-template, grid-layout
Text Domain: pineapple-bird.com
*/

/*
###################
# Font and styles #
###################
*/
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: auto;
	text-align: left;
	font-weight: 400;
	font-style: normal;
}


/* Standard headings 
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 18px}
h5 {font-size: 14px}
h6 {font-size: 12px}
*/ 

h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

h1 {
	text-transform: uppercase;
}
a, a:link, a:visited; a:hover, a:active {
	color: #fdc204 !important;
	text-decoration: none;
}
a:link  {text-decoration: none;}
a:visited  {text-decoration: none;}
a:hover  {text-decoration: none;}
a:active {text-decoration: none;}

.main-navigation .menu li a:link, ul .main-navigation li .menu a:link,
.main-navigation .menu li a:visited, ul .main-navigation li .menu a:visited,
.main-navigation .menu li a:hover, ul .main-navigation li .menu a:hover,
.main-navigation .menu li a:active, ul .main-navigation li .menu a:active {
	color: #fdc204;
	text-decoration: none;
	font-size: 18px;
}

/*
###################
#     HEADER      #
###################
*/
.main-navigation {
	background-color: #091d36;
}
nav.fixed.scrolled {
	visibility: hidden;
}


#bg-frontpage {
	width: 100%; /* or any specific width */
	height: 100%; /* specify height to see the background */
	background-image: url('https://pineapple-bird.com/wp-content/uploads/2025/07/computer-data-display-documents-e1753796702347.jpg'); /* path to your image */
	background-size: cover; /* scales image to cover the container */
	background-position: center; /* centers the image */
	background-repeat: no-repeat; /* prevents image from repeating */
	background-color: #fdc204;
}
#frontpage-info {
	display: block;
}
.left-box {
	display:block;
	float:left;
	padding: 150px 0;
	color: #fff;
}
.left-box span, .left-box p {
	font-weight: 600;
}
.left-box h1 {
	font-size: 54px;
}
.left-box .frontpage-btn {
	display: block;
	margin-top: 30px;
	padding: 10px 40px;
	background: #000;
	text-align: center;
	border-radius: 10px;
	border-color: none !important;
	border-width: none !important;
	border-style: none !important;
}
.left-box .frontpage-btn a, .left-box .frontpage-btn a:hover {
	color: #fff !important;
}
.right-box {
	display:block;
	float:left;
	padding: 100px 0px;
}

/*----    Header // Frontpage // Widgets    ----*/
#frontpage_widget {
	height: 100px;
}
.frontpage-widget .widget_media_image img {
	max-height: 150px !important;
	max-width: 150px !important;
	border-radius: 100px;
	border: 7px solid #fff;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #eee;
}
.frontpage-widget .widget_media_image h2 {
	display: none !important;
}
h2.wp-block-heading {
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	text-align: center;
}
footer h2.wp-block-heading {
	text-align: left;
	color: #fff;
}
footer #block-25 {
	font-size: 9px;
	padding-left: 16px; 
	margin-top: -50px;
}
footer.footer-widget {
	margin-bottom: 0px;
}

.frontpage-widget .widget_text {
	padding-top: 10px;
	text-align: center;
}


.siteorigin-panels-stretch {
	padding: 80px 0;
}