/*
Theme Name: Fallon Chamber of Commerce
Theme URI: 
Author: CC Communications
Author URI: https://www.cccomm.net
Description: 
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: one-column, two-columns, full-width-template, flexible-header, custom-colors, custom-header, custom-logo, custom-menu, featured-images, flexbox footer-widgets, blog, threaded-comments, theme-options, cross-browser compatible, SEO-friendly, translation-ready, rtl-language-support, chambers of commerce, professional membership associations, things-to-do, alumni groups, Audubon society, social clubs
Text Domain: chamber-inspired
Template: chamber-inspired
*/

/* Colors
-------------------------------------

*** PRIMARY (brown)
brown:
-- #67483a;
-- rgba(103, 72, 58);

tan:
-- #efe0d0;
-- rgba(239, 224, 208);

*** SECONDARY (blue-green)
dark blue 
-- #2c5265;

Medium blue (used in Join Now button in the header)
-- #5b7989;

Medium light blue 100%
-- #8ba7b0;
-- rgba(139,167,176,1.00);
75%
-- rgba(139,167,176,0.75);
50%
-- rgba(139,167,176,0.50);
25%
-- rgba(139,167,176,0.25);

*** TERTIARY (muted green)
green
-- #717965;
-- rgba(113, 121, 101);

*/


/* Typographical Elements
--------------------------------------------- */

body {
    background: url(/wp-content/uploads/2019/08/body-top.png) repeat-x top;
	background-color: #8ba7b0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
	overflow-x: hidden;
    width: 100%;
}

h1, h1.page-title {
    color: #4A433A;
    font-weight: 600;
    font-size: 2.25rem;
    margin-top: 25px;
}

h2, .h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #627F88;
}

h3, .h3 {
    font-weight: 600;
}

aside h2.widget-title.footer-widget-title {
    font-size: 1.75rem;
    font-weight: 300;
    color: #4A433A;
    text-transform: none;
}

hr.col-12 {
	box-sizing: border-box;
}

/* Appearance Styles
-------------------------------------*/

.d-block {
    display: block;
}

.grow, .shrink {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

.shrink:hover {
    transform: scale(0.92);
}



/* Header
-------------------------------------*/

#welcome {
    font-family: 'Gentium Basic', serif;
    color: #4a433a;
    text-align: center;
    font-size: 24px;
}

#btn-join-flnchamber {
    display: block;
}

.nv-site-header {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgb(255, 255, 255, 0.3);
}

#nv-masthead.nv-site-header {
    /*margin-bottom: 2.5rem;*/
    margin-top: -5rem;
}

.mm-listview > li > a {
    font-size: 18px;
}

.social-navigation {
    background-color: #67483a;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.social-navigation .social-links-menu {
    margin-left: 8px;
}

.social-navigation input {
    width: 180px;
}

.site-header {
    background: linear-gradient(#f6ece3, #e9d4be);
}

.site-branding {
    text-align: left;
}

.site-branding img {
    width: 270px;
}

div.site-banners {
    background: linear-gradient(to bottom, #e9d4be 0%,#e9d4be 50%,#D9E2E5 1%, #8ba7b0 100%);
}

#join-flnchamber {
    position:absolute;
    z-index: 9999;
    top: 2px;
    right: 5px;
    width: 70px;
}

/* Navigation
-------------------------------------*/

.nv-main-navigation {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    
}

.nv-main-navigation ul li a {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 1.05rem;
    color: #2c5265 !important;
    text-transform: none;
}

.nv-main-navigation ul li a:hover {
    color: #67483a !important;
}

.nv-site-header .wrap .hamburger-button {
    position: absolute;
    right: 0;
    top: 130px;
}

.nv-site-header .sub-menu {
    padding-left: 10px;
    padding-right: 10px;
}

/*.nv-site-header .nv-container {
    top: -155px;
}*/



/* Carousel
-------------------------------------*/

.carousel-caption {
    font-family: 'Gentium Basic', serif;
    font-weight: 400;
    font-size: 1.125rem;
}

.carousel .carousel-inner .carousel-item img {
    margin:auto;
    display: block;
    width: 100%;
}

.carousel.slide:after {
    content:"";
	background: url("/wp-content/uploads/2019/08/shadow-right.png");
	position:absolute;
	right: -6.4375rem;
	width: 6.4375rem;
	height: 16.5625rem;
	bottom: 0;
}

/* Content
-------------------------------------*/

.main-content {
    padding-left: 25px;
    padding-right: 25px;
}

#primary { width: 100%; }

/*.site-content .site-content-wrap {
    padding: 3.75rem 3.75rem;
}*/

.site-content .site-content-wrap  {
    background-color: #fff;
    /*padding: 0;*/
}

.home.page-template-default .site-content .site-content-wrap {
    background: transparent;
}

.home.page-template-default #content.site-content .site-content-wrap {
    padding: 0;
}

.home .site-content-wrap .container-fluid {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

/*.site-content .site-content-wrap > div {
    background: none;
    padding: 0;
}*/

.site-header.container {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-table.is-style-stripes td {
    padding: 0.3125rem;
}

.home #post-20.hentry {
    display: none;
}

.site-content-wrap {
    padding: 25px;
}

.entry-content {
    margin: 0;
}

/* Sidebar
-------------------------------------*/

#primary.no-sidebar {
    width: 100%;
    max-width: 100%;
}

/*.sidebar {
    margin-top: 25px;
}*/

.sidebar h3 {
    font-size: 1.25rem;
}

.sidebar > figure {
    margin-top: 0;
}

.sidebar img {
    display: block;
    margin: auto;
}

/* Featurette
-------------------------------------*/

#primary-featured-links {
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

#primary-featured-links .featurette {
    margin-bottom: 15px;
}

.featurette {
    position: relative;
}

.featurette a:hover, .featurette a:focus {
	text-decoration: none;
	}	

.featurette .img-zoom > div {
    overflow: hidden;
}

.featurette .img-zoom > div:hover {
	   box-shadow: inset 0 0 15.625rem white;
	}

.featurette .img-zoom .img, .featurette .img-zoom img {
    background-size: cover;
    transform: scale(1.1);
    transition: all 0.25s ease-out 0s;
	opacity: 1;
}

.featurette:hover {
   -moz-box-shadow:    inset 0 0 50px white;
   -webkit-box-shadow: inset 0 0 50px white;
   box-shadow:         inset 0 0 50px white;
	}

.featurette .img-zoom:hover .img, .featurette .img-zoom:hover img {
	opacity: .8;
	transform: scale(1);
	   -moz-box-shadow:    inset 0 0 50px red;
   -webkit-box-shadow: inset 0 0 50px red;
}

.featurette .img, .featurette img {
    display: block;
    width: 100%;
}

.featurette .img-zoom {
    display: block;
    position: relative;
    transition: all 0.25s ease-in 0s;
}

.content-area .featurette h2 {
    display:block;
    font-family: 'Gentium Basic', serif;
    color: #ffffff;
    padding: 0.3125rem;
    margin-bottom: 0px;
    text-align: center;
}
		
.bg-green {
    background-color: #6e7762;
    border-bottom: inset 2px #a6aea2;
    }	
.bg-blue {
    background-color: #5b7989;
    border-bottom: inset 2px #a0b9be;
    }
.bg-gray {
    background-color: #2f3031;
    border-bottom: inset 2px #6d7172;
    }

#secondary-featured-links {
    background-color: #8ba7b0;
    padding-top: 25px;
    padding-bottom: 25px;
}

#secondary-featured-links img {
    margin: 15px auto;
    display: block
}

/* Icon Appear on Hover
-------------------------------------*/

.mhover {
    background:transparent;
    height: 100%;
    /*position: absolute;
    top: 0;*/
    width: 100%;
    z-index: 100000;
}
.mhover span {
    background: url("/wp-content/uploads/2019/08/magnifying-glass.png") repeat scroll 0px 0px transparent;
    height: 2.8125rem;
    margin-left: -0.9375rem;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 2.8125rem;
    z-index: 100000;
	visibility: hidden;
	transform: scale(.7)
}

.mhover:hover span {
	visibility: visible;
	transition: all 0.25s ease-in 0s;
	transform: scale(1.1);
	}
.mhover span img {
    height: 1.875rem;
    width: 1.875rem;
}

/* WP Block Media
-------------------------------------*/

.wp-block-media-text {
    margin-bottom: 25px;
    align-items: flex-start;
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0 0 0 3%;
}

/* Buttons
-------------------------------------*/

.btn {
    width: 100%;
    padding: 10px;
}

.btn.btn-primary_light  {
    background-color: #efe0d0;
    color: #67483a;
    display: block;
    white-space: normal;
}

.btn.btn-primary_light:hover {
    background-color: #5b7989;
}

.btn.btn-primary_light:hover a {
    color: #fff;
    text-decoration: none;
}

/* Nav Tabs
-------------------------------------*/

.nav-tabs {
    border-bottom: 1px solid #dcc9b2;
    background-color: #dcc9b2;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    color: #67483a;
    background-color: #eadfd1;
    border-color: #dcc9b2 #dcc9b2 #eadfd1;
    border-width: 2px;
}

.nav-tabs .nav-link {
    border-color: #dcc9b2 #dcc9b2 #dcc9b2;
    border-width: 2px;
    color: #67483a;
}

.chamber-news-tabs .nav-tabs {
	margin-left: 0;
	background: none;
}

.chamber-news-tabs .tab-content {
	padding: 30px;
}

/* Footer
-------------------------------------*/

#tertiary {
	background-color: #dcc9b2;
    padding-top: 25px;
    padding-bottom: 25px;
}

#tertiary .wrap .widget-area aside.footer-widget h2.widget-title {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: normal;
}

#tertiary .wrap {
    background-color: none;
}

#tertiary .widget-title {
    margin: 0;
    padding: 10px;
    background-color: #eadfd1;
}

#tertiary aside .menu-footer-menu-container, #tertiary aside .textwidget {
    margin-top: 5px;
    padding-left: 10px;
}

#tertiary .wrap .widget-area:nth-child(3) .textwidget {
    padding-left: 0;
}

#tertiary aside {
    margin-bottom: 0;
}

footer.site-footer {
    background-color: #67483a;
    color: rgba(255,255,255,.8);
}

footer.site-footer a {
    color: rgba(255,255,255,.8);
    text-decoration: underline;
}

footer.site-footer a:hover {
    color: rgba(255,255,255,.5);
}

.site-info {
    padding: 17px 10px;
}


#submenu ul.nav {
    margin-top: 20px;
	margin-left: 0;
}

#submenu .nav > li {
    width: 100%;
    border-bottom: 1px dotted #4A433A;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    transition-duration: 0.25s;
    transition-property: border, background, color, opacity;
    transition-timing-function: ease-in-out;
}

#submenu .nav > li:hover {
    background-color: #efe0d0;
}

#submenu .nav > li:hover a {
    text-decoration: none;
}

#submenu .nav > li:hover a:focus {
    outline: none;
}

#submenu .nav > li > a {
    font-size: 14px;
    padding: 5px;
    color: #2c5265;
}

#submenu .nav > li.selected {
    background: #5b7989;
}

#submenu .nav > li.selected a {
    color: #fff;
}

/* Community Resources 
-------------------------------------*/

.community-resource.search-result address {
	margin-bottom: .5rem;
}

/*Business Directory
-------------------------------------*/

#businesslist .business, #search-results .business {
    padding: 0;
    float: none;
}

#search-results .business p.categories a {
	display: inline;
}

#businesslist.grid3 .business, #search-results.grid3 .business {
	padding: 20px;
    /*padding-left: 10px;
    padding-right: 10px;*/
    /*background-color: rgba(246, 235, 226, 0.5);*/
    border-top:1px solid #5b7989;
    border-left:1px solid #5b7989;
    border-right:1px solid #5b7989;
    border-bottom: 10px solid #5b7989;
    
}

.business .business-name {
	font-size: 1.25rem;
}

#business-search-form label {
	font-weight: 700;
}
#business-search-form label small {
	font-size: 0.75em;
	font-weight: normal;
}
#business-search-form input[type="submit"] {
	margin-top: 20px;
}

#businesslist.grid3 .business .description {
	text-align: center;
}
#businesslist.grid3 .business .logo {
	max-width: 150px;
	max-height: 150px;
	width: auto;
}

#businesslist .business .description img, #search-results .business .description img {
	margin: 0 0 15px 0;
	padding: 0;
}

#businesslist.grid3 .business ul.icons {
	margin-bottom: 0;
}
#businesslist.grid3 .business ul.icons img {
	padding-bottom: 0;
}
p.address, p.phone, p.email, p.website {
	line-height: 1.4;
	margin-bottom: 7px !important;
}

/* Event Calendar
-------------------------------------*/
.fc-agendaWeek-button {
	display: none;
}

/* Single Event */
.single-event .entry-date {
	visibility: hidden;
}

/* WP Block Media Text
-------------------------------------*/

.wp-block-media-text__content h2 {
    text-align: center;
}

.wp-block-media-text figure img {
    width: auto;
    display: block;
    margin: auto auto 10px;
}

/* Responsive Styles
-------------------------------------*/

@media (min-width: 576px) {
    .container {
        max-width: 692px;
    }
    #primary-featured-links .featurette {
        margin-bottom: 0;
    }
    #secondary-featured-links {
        background-color: transparent;
    }
    #secondary-featured-links {
        margin-top: 0;
        margin-bottom: 0;
    }
    #tertiary .widget-area {
        margin: 0 .75em .75em .75em;
    }
}

@media (min-width: 600px) {
    .wp-block-media-text__content h2 {
        text-align: left;
    }
    
    .wp-block-media-text figure img {
        width: 100%;
    }
    
    .social-navigation {
        position: relative;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        width: auto;
        bottom: auto;
    }
    
    .social-navigation .social-links-menu {
        margin-left: auto;
        margin-right: auto;
    }
    
    .social-navigation input {
        width: 260px;
    }
    
    #join-flnchamber {
        position:absolute;
        z-index: 9999;
        top: 0;
        right: 20px;
        width: 100px;
    }
    
    .site-branding img {
        width: 100%;
    }
    
    h1, h1.page-title {
        margin-top: 0px;
    }
}

@media (max-width: 640px) {
	#nv-masthead .nv-container {
		padding: 0;
        bottom: 115px;
        top: unset;
    }
    .carousel.slide::after {
        background: none;
    }
}

@media (min-width: 641px) {
    #welcome {
        position: absolute;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    #welcome {
        bottom: 64px;
        right: 28px;
    }
    #nv-masthead .nv-container {
        padding: 20px 0 10px;
    }
    .nv-main-navigation ul li a {
        text-align: center;
        font-size: 0.8rem;
        line-height: 1.2
    }
    #nv-site-navigation.nv-main-navigation ul ul a {
        min-width: 150px;
    }
    #nv-masthead.nv-site-header {
        margin-top: -6rem;
    }
}

@media (min-width: 717px) and (max-width: 916px){
    aside h2.widget-title.footer-widget-title {
        font-size: 0.6rem;
        font-size: 1.30rem;
    }
}

@media (min-width: 717px) {
    #tertiary {
        background: url(/wp-content/uploads/2019/08/footer-top.png) repeat-x top center;
        background-color: #dfdbd2;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #tertiary .wrap {
        background: url(/wp-content/uploads/2019/08/f-content-top.png) repeat-x top center;
        background-color: #dcc9b2;
        max-width: 1200px;
    }
    #tertiary aside .menu-footer-menu-container, #tertiary aside .textwidget {
        margin-top: 30px;
    }
    #tertiary .widget-title {
        margin: 0;
        padding: 0px;
        background-color: none;
    }
    .site-branding {
        margin: 0px auto;
    }
}

@media (min-width: 768px) {
    #join-flnchamber {
        width: 130px;
    }
    .btn, .btn.btn-primary_light {
        width: auto;
        display: inline;
    }
  .container {
      max-width: 890px;
  }
    #welcome {
        left: 0;
        right: 15px;
        top: 50%;
        font-size: 44px;
        text-align: right;
    }
    .site-header.container {
        max-width: 909px;
    }
    .page-template #content.site-content .site-content-wrap,
    .page-template-default #content.site-content .site-content-wrap, 
    .single #content.site-content .site-content-wrap,
    .blog .site-content .site-content-wrap,
	.error404 .site-content .site-content-wrap,
	.search .site-content, .site-content-wrap {
        padding: 25px 25px 45px;
    }
    .nv-main-navigation ul li a {
        font-size: 1rem;
        line-height: 1.2rem;
    }
	
	.modal-dialog {
   		max-width: 700px;
	}
}

@media (min-width: 768px) and (max-width: 882px) {
    #welcome {
        font-size: 32px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
    .site-header.container {
        max-width: 960px;
    }
    .social-links-search form input[type="search"] {
        width: 250px;
    }
    ul.social-links-menu {
        margin-right: 20px;
    }
    .nv-main-navigation ul li a {
        font-size: 1rem;
    }
    .page-template #content.site-content,
    .single #content.site-content,
	.search .site-content
	{
        background-color: #fff;
    }
    
    .home #content.site-content,
    .page-template #content.site-content,
    .page-template-default #content.site-content,
    .single #content.site-content, 
	.blog .site-content,
	.search .site-content,
	.error404 .site-content {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
	.modal-dialog {
   		max-width: 900px;
	}
    
}

@media (min-width: 992px) and (max-width: 1023px) {
    .nv-main-navigation ul li {
        margin: 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nv-main-navigation ul li a {
        font-size: 0.85rem;
        line-height: 1.2rem;
    }
    .nv-container {
        padding: 10px 0 0;
    }
}

@media (max-width: 1199px) {
    .featurette h2 {
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) and (max-width: 1277px) {
    #join-flnchamber {
        top: 10px;
        right: -70px;
        width: 105px;
    }
    .social-navigation {
        right: 80px;
    }
}

@media (min-width: 1200px) {
    .nv-main-navigation ul li a {
        font-size: 1.05rem;
    }
    .container {
        max-width: 1200px;
        padding-left: 0;
        padding-right: 0;
    }
    .site-header.container {
        max-width: 1200px;
    }
    
    .social-navigation {
        width: 415px;
        position: absolute;
        background-color: #67483a;
        min-height: 65px;
        top: -15px;
        /*right: 55px;*/
        padding: 20px 45px 10px 10px;
        z-index: 1500;
    }
	.modal-body {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1278px) {
    #join-flnchamber {
        right: -90px;
        width: 130px;
    }
    .social-navigation {
        right: 55px;
    }
}