/*
Theme Name: Ultimate Wordpress
Theme URI: https://www.ultimateds.com
Author: Raul Cruz
Author URI: http://ultimateds.com
Description: A starter template build with bootstrap 5. This template includes redux framework for theme options, font awesome to replace BS icons, full screen custom post type slideshow, wow and animate libraries, and minor bug fixes.
Version: 2.3.1
License: GNU General Public License
License URI: license.txt
Tags: Bootstrap, Base template, Ultimate Marketing, simple, starter template
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
body {
    font-family: 'Roboto', sans-serif;
    color: #777;
    line-height: 1.7;
}
a{
    color: #88B95B;
    text-decoration: none;
    transition: all .3s ease;
}
a:not(.nav-link):hover {
    color: #88B95B;
    opacity: 0.8;
}
strong {
    color: #333;
}
p {
    margin-bottom: 1.5rem;
}
/***HEADER***/
header {
    background-color: #0495DA;
    color: #FFF;
}
.logo-hero {
    background-size: cover;
    background-position: center;
}
.webp .logo-hero {
    background-image: url('images/hero-image.webp');
}
.no-webp .logo-hero {
    background-image: url('images/hero-image.jpg');
}
nav .search-button {
    margin-left: 2.5rem;
}
.navbar {
    background-color: #A3B53A;
    padding: 0;
    box-shadow: 0 8px 10px rgba(0,0,0,0.3);
}
.navbar .navbar-nav .nav-link {
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-brand {
    color: #FFF;
}
.nav-item:focus .nav-link,
.nav-item:hover .nav-link {
    background-color: #0095DA;
}
.navbar-light .navbar-toggler {
    border-color: transparent;
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus {
    box-shadow: none;
}
.dropdown-menu {
    border-radius: 0;
    background-color: #F2F3E5;
    padding: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.dropdown-menu li {
	border-bottom: solid 2px #FFF;
}
.dropdown-menu li:last-child {
    border-bottom: none;
}
.dropdown-item {
    padding: .75rem 1rem;
    color: #6D6E71;
    font-weight: 500;
}
.dropdown-item:focus, 
.dropdown-item:hover,
.dropdown-item.active, 
.dropdown-item:active {
	color: #FFF !important;
	background-color: #0095DA;
}
.search-wrapper {
    display: none;
	position: absolute;
	bottom: -86px;
	width: 20rem;
	right: 10%;
    background-color: #F2F3E5;
    padding: 1.5rem 1rem;
}
.search-field {
    border-radius: 0;
}
.search-field:focus{
    box-shadow: none;
    border-color: #CED4DA;
}
.search-submit {
	position: absolute;
	border: none;
	padding: 5px 10px;
	color: #FFF;
	background: #A3B53A;
	top: 1.5rem;
	right: 1rem;
}
/***HOMEPAGE***/
.home-assessment img {
    transform: rotate(3deg);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .35);
}
/***PAGES***/
.main {
    padding: 3rem 0;
}
.main .page-title {
    margin-bottom: 2rem;
}
.main h3,
.main h6 {
    color: #0093D0;
}
.main h4 {
    color: #000;
}
.main h5 {
    color: #88B95B;
}
.related-resources {
    margin-top: 3rem;
}
.resource {
	border-bottom: solid 1px #CCC;
	padding: 1rem 0;
}
.resource-title {
	background: #666;
	color: #FFF;
	display: inline-block;
	padding: 0.75rem;
	margin-bottom: 1rem;
}
.intro-directors-listing {
    margin-top: 4rem;
}
.intro-directors-listing h6 {
    margin-bottom: 0;
}
#economicMeetingsListing .singleEvent {
	border-bottom: 1px solid #CCC;
    margin-bottom: 1.5rem;
}
/***SIDEBAR***/
.sidebar .widget {
    margin-bottom: 2rem;
}
.sidebar ul {
    list-style: none;
    padding-left: 0;
}
.sidebar li {
    padding: .5rem 1rem;
}
.sidebar .widget-heading {
    background-color: #0093D0;
    color: #FFF;
    padding: .5rem 1rem;
    margin-bottom: 0rem;
}
.sidebar .widget ul li:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05);
}
/***ZONE PAGES***/
body.single-zones .zone-directory {
    margin-bottom: 0;
}
body.single-zones .zone-directory-wrapper {
    background-color: #DFDCC9;
    padding: 15px;
    margin-bottom: 2rem;
}
.tablepress-table-name {
    font-size: 1.5rem;
    line-height: 1.3 !important;
}
/***ZONE SEARCH***/
.zones h6 {
    margin-top: 2rem;
    color: #0093D0;
}
.zone-directory {
    list-style: none;
    padding-left: 0;
}
.filters {
	list-style: none;
    padding-left: 0;
}
.filters li {
    display: inline-block;
    margin-top: 10px;
    margin-right: 8px;
}
.filters li:not(.all-zones) a {
	background-color: #DFDCC9;
    color: #FFF;
	padding: 8px 12px;
    font-size: 1.5rem;
}
.filters li.filter-zone-1 a.selected {
	background: #ECCE6B;
}
.filters li.filter-zone-2 a.selected {
	background: #BE0000;
}
.filters li.filter-zone-3 a.selected {
	background: #FE7E00;
}
.filters li.filter-zone-4 a.selected {
	background: #7CB1D0;
}
.filters li.filter-zone-5 a.selected {
	background: #AEB48E;
}
.filters .all-zones a {
    color: #AEAA92;
}
.zone-call-to-action {
    list-style: none;
    padding-left: 0;
}
li#select-zone-1 a {
	color: #DEBD50;
}
li#select-zone-2 a {
	color: #BE0000;
}
li#select-zone-3 a {
	color: #FE7E00;
}
li#select-zone-4 a {
	color: #7CB1D0;
}
li#select-zone-5 a {
	color: #AEB48E;
}
.zone-directory li.zone a {
    color: #444;
}
/***FOOTER***/
footer {
    background-color: #1994D1;
}
footer .left-col {
    padding: 3% 5% 1.5%;
    background-color: #F1F3F3;
}
footer .address,
footer .social {
    padding-left: 2rem;
}
footer .social a {
    margin-right: 3rem;
}
footer .right-col {
    padding: 0 5%;
}
footer .right-col ul {
    list-style: none;
    padding-left: 0;
}
footer .right-col a {
    color: #FFF;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
footer .right-col a.text-dk-blue {
    color: #00497C;
    font-size: 1rem;
}
footer small {
    font-size: .75em;
}
/***HELPERS***/
/***COLORS***/
.text-lte-blue {
    color: #0793D0;
}
.text-dk-blue {
    color: #00497C;
}
.text-black {
    color: #000;
}
/***FONT SIZES***/
.fs-14 {
    font-size: 0.875rem;
}
.fs-16 {
    font-size: 1rem;
}
.fs-18 {
    font-size: 1.125rem;
}
.fs-20 {
    font-size: 1.25rem;
}
.fs-22 {
    font-size: 1.375rem;
}
.fs-24 {
    font-size: 1.5rem;
}
.fs-26 {
    font-size: 1.625rem;
}
.fs-28 {
    font-size: 1.75rem;
}
.fs-30 {
    font-size: 1.875rem;
}
.fs-32 {
    font-size: 2rem;
}
.fs-34 {
    font-size: 2.125rem;
}
.fs-36 {
    font-size: 2.25rem;
}
.fs-38 {
    font-size: 2.375rem;
}
.fs-40 {
    font-size: 2.5rem;
}
.fs-42 {
    font-size: 2.625rem;
}
.fs-44 {
    font-size: 2.75rem;
}
/***MEDIA QUERIES***/
@media (min-width: 320px) {
    header h2 {
        font-size: 4rem;
        font-weight: 400;
    }
    header h3 {
        letter-spacing: 0.85rem;
        font-size: 2rem;
    }
    .logo-hero {
        padding: 2% 1% 15%;
    }
    .logo-hero img {
        max-width: 350px;
    }
    .zone {
        width: 50%;
    }
    footer .address {
        margin: 0.5rem 0;
    }
    footer .right-col {
        padding: 5%;
    }
    footer .right-col li {
        margin-bottom: 1rem;
    }
    body.single-zones .zone-directory {
        columns: 1;
    }
}

@media (min-width: 768px) {
    .zone {
        width: 33.33%;
    }
    .alignright {
        float: right;
        margin: 0 0 2px 10px;
    }
    .alignleft {
        float: left;
        margin: 0 10px 2px 0;
    }
    footer .right-col {
        padding: 3% 5% 0;
    }
    body.single-zones .zone-directory {
        columns: 3;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-nav .nav-link {
        padding: .75rem 1rem;
    }
    .logo-hero {
        padding: 5.4% 0 5.4% 3%;
    }
    header h2 {
        font-size: 3.5rem;
        font-weight: 400;
    }
    header h3 {
        letter-spacing: 0.85rem;
        font-size: 1.75rem;
        line-height: 1.4;
    }
    .zone {
        width: 20%;
    }
    footer .address {
        margin: 0 0 4rem;
    }
    footer .right-col {
        padding: 3% 5% 1.5%;
        width: 45%;
    }
    footer .right-col ul {
        columns: 2;
        column-rule: 1px solid #FFF;
        column-gap: 100px;
        margin-bottom: 2rem;
    }
    footer .right-col li {
        margin-bottom: 1rem;
    }
    body.single-zones .zone-directory {
        columns: 4;
    }
    .sidebar.col-lg-3 {
        width: 20%;
        margin-left: 5%;
    }
}
/*1501x857*/
@media (min-width: 1200px) {
    .navbar .nav-item .dropdown-menu {
        display: none; 
    }
	.navbar .nav-item:hover .dropdown-menu {
        display: block; 
    }
	.navbar .nav-item .dropdown-menu { 
        margin-top: 0;
    }
    .dropdown-toggle::after {
        border: none;
    }
}

@media (max-width: 1199px) {
    nav .search-button {
        margin-left: 0;
        position: absolute;
        right: 5%;
        top: 8px;
    }
    .navbar-nav > .nav-item {
        border-bottom: solid 1px #FFF;
    }
    .navbar-nav > .nav-item:last-child {
        border-bottom: none;
    }
}

@media (max-width: 575px) {
    .logo-hero img {
        max-width: 200px;
    }
    nav .search-button {
        margin-left: 0;
        position: absolute;
        right: 3%;
        top: 10px;
    }
    .navbar-light .navbar-toggler {
        margin-right: 6%;
    }
    header .site-info {
        padding: .5rem 0;
    }
    footer .left-col {
        padding: 3% 5% 6%;
    }
    .alignleft,
    .alignright {
        display: block;
    }
}
@media (min-width: 576px) and (max-width:768px) {
    footer .address, 
    footer .social {
        padding-left: 0;
    }
    nav .search-button {
        margin-left: 0;
        position: absolute;
        right: 5%;
        top: 8px;
    }
    body.home .sidebar {
        margin-top: 2rem;
    }
}