/*
Theme Name: Executive Advisory
Theme URI: https://yfdev.com
Author: Stephen Knight - Yellowfin Development
Author URI: https://yfdev.com
Description: This is just a quick mockup theme to get the site working/functioning - the original site theme was Canvas (retired in 2017) and required PHP7.4 - this is just to get the site working at a basic level - it is highly recomended to replace this theme with a newer, more modern theme.
Version: 1.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: executive-advisory
*/
/* Global styles */
html, body {
    margin: 0;
    padding: 0px;
    font-family: Arial, sans-serif;
    background: url('background-texture.jpg') repeat; /* Add your texture file */
    background-color: #f4f4f4; /* Fallback background color */
}
body {
    background-image: url(/wp-content/uploads/2014/06/bg1.png);
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
    border-top: 0px solid #000000;
	padding-top:30px;
}

/* Boxed layout */
.container {
    max-width: 1040px;
    margin: 0px auto; /* Center the box horizontally with some vertical margin */
    background-color: #ffffff; /* White background for the content */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); /* Add a slight shadow for depth */
    padding: 20px; /* Add padding inside the box */
    border-radius: 0px; /* Optional: Add rounded corners */
}

/* Header, footer, and nav styles */
header, nav, footer {
    max-width: 1040px;
    margin: 0 auto;
	margin-top:20px;
}

header {
    padding: 10px 20px;
	margin-top:20px;
    background-color: #003366; /* Blue color */
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav {
    margin-top: 0px;
    padding: 0px 0px;
    background-color: #003366;
    color: #ffffff;
    text-align: center;
}

footer {
	border-top: 1px solid #dbdbdb;
	max-width: 1080px;
    margin-top: 0px;
    padding: 0px;		
    /*text-align: center;*/
    color: #ffffff;
    /*background-color: #003366;*/
}

/* Navigation Bar */
nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #122481; /* Dark blue */
    padding: 0px 0px;
	padding-left:20px;
	padding-right:20px;
	color:#fff !important;
}

nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

nav ul li {
    margin: 0;
    padding: 0;
}

nav ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #ffffff !important;
    background-color: #122481; /* Dark blue */
    border-right: 1px solid #ffffff; /* Divider */
    text-transform: uppercase;
    font-size: 14px;
}

nav ul li:last-child a {
    border-right: none; /* Remove border from the last item */
}

nav ul li a:hover,
nav ul li.current-menu-item a {
    background-color: #005599; /* Highlight color */
    color: #ffffff;
}

/* 2-Column Layout */
#content {
    display: flex;
    flex-wrap: wrap; /* Ensures it works on smaller screens */
    gap: 20px; /* Space between columns */
}

main {
    flex: 3; /* 75% width */
    background-color: #ffffff; /* White background for content */
}

aside#sidebar {
    flex: 1; /* 25% width */
}

/* Mobile-Friendly Layout */
@media screen and (max-width: 768px) {
    #content {
        flex-direction: column; /* Stack columns on smaller screens */
    }

    main,
    aside#sidebar {
        flex: 1; /* Both take full width */
    }
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #222;
    font-weight: bold;
    line-height: 1.2em;
}
h5 {
    font: normal 22px/1.2em 'Source Sans Pro', arial, sans-serif;
    color: #3c4eb4;
}
body, p {
    font: 300 14px/1.5em 'Lora', arial, sans-serif;
    color: #555555;
}
a:link, a:visited, #loopedSlider a.flex-prev:hover, #loopedSlider a.flex-next:hover {
    color: #122481;
}
a:link, a:visited {
    color: #428bca;
    text-decoration: none;
}
.widget-area h2, .widget h2 {
    font: bold 14px/1.2em Arial, sans-serif;
    color: #555555;
    border-bottom: 1px solid #e6e6e6;
}
/* Footer Widgets */
.footer-widgets {
    display: flex; /* Use Flexbox for horizontal alignment */
    justify-content: space-between; /* Add spacing between widgets */
}

.footer-widgets > div {
    flex: 1; /* Each widget takes up equal width */
    padding: 20px; /* Add padding inside each widget */
    background-color: #fff; /* Optional: Light background for widgets */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); /* Optional: Shadow for depth */
    border-radius: 0px; /* Optional: Rounded corners */
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .footer-widgets {
        flex-direction: column; /* Stack widgets vertically on smaller screens */
    }

    .footer-widgets > div {
        margin-bottom: 20px; /* Add spacing between stacked widgets */
    }
}
/* Social Media Icons in Navigation Bar */
.social-media {
    display: flex;
    align-items: center; /* Aligns icons vertically in the middle */
    gap: 15px; /* Space between icons */
    margin-left: auto; /* Push social media icons to the right */
	padding-right:20px;
}

.social-media a {
    text-decoration: none;
    color: #ffffff; /* Default color for icons */
    font-size: 18px; /* Size of the icons */
    transition: color 0.3s ease;
    display: flex; /* Ensures icon itself is aligned */
    align-items: center; /* Aligns the icon content vertically */
}

.social-media a:hover {
    color: #005599; /* Hover color for icons */
}
blockquote {
    position: relative;
    padding-left: 2.5em; /* Add padding to account for the icon */
}

blockquote:before {
    content: "\f10d"; /* Unicode for Font Awesome quote-left icon */
    position: absolute;
    top: 0.6em;
    left: 0;
    font-size: 2.5em;
    color: rgba(0, 0, 0, 0.1);
    font-family: "Font Awesome 5 Free"; /* Correct Font Awesome font-family */
    font-weight: 900; /* Font Awesome solid icons require bold weight */
}
blockquote {
    position: relative;
    padding: 10px 20px 10px 50px;
    color: #444;
}