/* 
Theme Name: JOAC odds and ends
Description: Custom theme templates developed by Sirius Design
Author: Tim Derouin, Sirius Design
Author URI: http://www.siriusdesign.net
*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
	background: #ffffff;
	font-family: 'Lato', sans-serif;
	color:#000000;
	font-weight: 400;
}
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
    min-width: 100%;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month, .tribe-common .tribe-common-h2, .tribe-events-widget-events-list__event-datetime-wrapper {
    font-family: 'Lato', sans-serif !important;
	color: #1b365b !important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
	font-size: 130% !important;
}
.tribe-events-widget-events-list__view-more {
	display: none !important;
}
.tribe-common a {
    font-family: 'Lato', sans-serif;
    color: #1b365b !important;
    font-size: 20px;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
    margin-top: -6px;
	font-weight: 800 !important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum {
    font-weight: 800 !important;
}
.tribe-common time {
	font-weight: 800;
}
.tribe-common .tribe-common-anchor-thin {
    font-size: 20px;
    line-height: 26px;
}
.container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}
hr {
    margin-top: 3rem;
    margin-bottom: 3rem;
	border-top: 4px dotted rgba(197, 202, 214, 0.4);
	opacity: 1;
}
hr.clear {
	margin-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px dotted rgba(197, 202, 214, 0);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.1;
}
.callout-links p{
	font-size: 22px;
}
.excerpt-adj p {
	margin-bottom: 0 !important;
	display: inline;
}
a:link,
a:visited,
a:active { 
	color: #1b365b;
    -o-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;
	font-weight: 700;
	text-decoration: underline;
} 

a:hover {
	text-decoration: none;
	color: #5e131e;
}
.page-wrapper a:link,
.page-wrapper a:visited,
.page-wrapper a:active { 
	color: #5e131e;
} 
.page-wrapper a:hover {
	text-decoration: none;
	color: #1b365b;
}
.entry-title a:link,
.entry-title a:visited,
.entry-title a:active { 
	color: #1b365b;
	text-decoration: none;
}
.white-link a:link,
.white-link a:visited,
.white-link a:active { 
	color: #ffffff !important;
	text-decoration: none;
}
.white-link a:hover {
	color: rgba(255,255,255,.7) !important;
}
p.white-link a {
	color: #ffffff; 
	font-size: 20px;     
	margin-bottom: 6px;
    line-height: 26px;
}
.pink-link a:link,
.pink-link a:visited,
.pink-link a:active { 
	color: #c25565 !important;
	text-decoration: none;
}
.pink-link a:hover {
	color: rgba(194,85,101,.7) !important;
}	

.mission a:link,
.mission a:visited,
.mission a:active { 
letter-spacing: .2em;
    font-size: 18px;
	color: #5e131e;
}
.mission a:hover {
	text-decoration: none;
	color: #1b365b;
}	
.magazine-bgrnd a:link,
.magazine-bgrnd a:visited,
.magazine-bgrnd a:active { 
	color: #8fadd6;
	text-decoration: none;
}
.magazine-bgrnd a:hover {
	text-decoration: none;
	color: #ffffff;
}	

.button, input[type='submit'], input[type='submit'].button, input[type='reset'].button, input[type='button'].button {
    color: #fff !important;
    background-color: #5e131e !important;
    background-color: var(--primary-color);
    border-color: rgba(0,0,0,0.05);
    padding: 8px 14px;
}
.button.icon.circle {
    padding: 6px 6px 4px 8px;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    text-align: center;
    color: rgba(255,255,255,1);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	clear:both;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    -o-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -ms-transition: background .3s linear;
    transition: background .3s linear;
	-webkit-appearance: none;
    padding: 10px 24px;
	background: #1b365b; /* Old browsers */
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
	background:#5e131e;
	color: rgba(255,255,255,.75);
}
.header-bgrnd button, 
.header-bgrnd input[type=button], 
.header-bgrnd input[type=reset], 
.header-bgrnd input[type=submit] {
    background: #5e131e;
    padding: 4px 10px;
    margin: 0 4px;
    font-size: 12px;
    font-weight: 800;
	height: auto;
}

.header-bgrnd button:hover,
.header-bgrnd input[type="button"]:hover,
.header-bgrnd input[type="reset"]:hover,
.header-bgrnd input[type="submit"]:hover{
	background: #1b365b;
}

.magazine-bgrnd button,
.magazine-bgrnd input[type=button],
.magazine-bgrnd input[type=reset],
.magazine-bgrnd input[type=submit] {
	background:#c25565;
}
.magazine-bgrnd button:hover,
.magazine-bgrnd input[type="button"]:hover,
.magazine-bgrnd input[type="reset"]:hover,
.magazine-bgrnd input[type="submit"]:hover{
	background: #5e131e;
}
.market-news-bgrnd .wp-block-button__link {
	color: #ffffff !important;
    background-color: #1b365b;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400 !important;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    box-sizing: border-box;
	 -o-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -webkit-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
} 
.market-news-bgrnd .wp-block-button__link:hover {
    background-color: #c25565;
} 
.market-news-bgrnd .wp-block-buttons {
    display: block;
}
.social-icons img {
max-width: 30px;
    padding: 8px 10px 8px 0;
}
.connect-icons img {
    max-width: 80px !important;
    padding: 8px 14px !important;
}
.social-icons {
	display: block;
	margin-bottom: 10px;
}
.max-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.min-height {
	min-height: 400px;
}
.container-padding {
	padding: 50px 0;
}
.header-bgrnd {
	background: #445f84;
}
.slider-bgrnd {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,a1afc1+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #a1afc1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#a1afc1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#a1afc1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a1afc1',GradientType=0 ); /* IE6-9 */
}
.nav-bgrnd {
	background: #1b365b;
}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide img {
    width: auto;
}

.wpls-logo-showcase .slick-dots {
    display: none !important;
}
.wpls-logo-showcase button.slick-arrow {
    border-radius: 10% !important;
}
.featuredimg {
  overflow: hidden;
  position: relative;
  height: 290px;
	margin: 10px 0 20px 0;
}
.img-ads img {
display: block;
    margin: 0 5% 30px 5%;
    padding: 0;
    width: 40%;
    height: auto;
    float: left;
}
.img-ads-lrg img {
	display: block;
    margin: 0 30px 30px 0;
    padding: 0;
    width: 22%;
    height: auto;
    float: left;
}
.img-thumb img {
	display: block;
    margin: 0 18px 10px 0;
    padding: 0;
    width: 20%;
    height: auto;
    min-width: 100px;
    float: left;
}
.img-thumb-cover img {
    display: block;
    margin: 0 0 20px 18px;
    padding: 0;
    width: 30%;
    height: auto;
    min-width: 120px;
    float: right;
}

.featuredimg img {
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
/* BEGIN NAV CSS */

#navigation {
	position: relative;
}

.hide-nav-mobile {
	display: flex;
}
.show-nav-mobile {
	display: none;
}
.nav-links {
	text-align:center;
	padding:0;
	font-size:14px;
	line-height: 20px;
	float: none;
	display: block;
}
	
.nav-links a:link,
.nav-links a:visited,
.nav-links a:active { 
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
	line-height: 22px;
} 
.footer-links a:link, 
.footer-links a:visited, 
.footer-links a:active {
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    border-left: #ffffff 1px solid;
}
.footer-first-link {
	border-left: 0 !important;
	padding-left: 0 !important;
}
.footer-last-link {
	padding-right: 0 !important;
}
.nav-links a:hover {
	text-decoration: none;
	color: rgba(255,255,255,.5);
}

.nav-links .first-link a:link,
.nav-links .first-link a:visited,
.nav-links .first-link a:active { 
    border-left: none;
} 

.nav-links .current-menu-item a {
	color: rgba(255,255,255,.5);
}

.nav-links .current-menu-item a:hover {
	color: rgba(255,255,255,.5);
}

.nav-links .current_page_parent a {
	font-weight: 900;
}

.nav-links .current-menu-item a {
	font-weight: 900;
	color:#ffffff;
}

.nav-links ul{
        margin: 0 auto;
    padding: 0;
}

.nav-links ul li {
    display:inline;
}

.nav-links ul li a{
	text-decoration: none;
	display: inline-block;
	list-style-type: none;
	white-space: wrap;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.footer-links ul li a{
	padding-top: 0;
	padding-right: 9px;
	padding-bottom: 0;
	padding-left: 12px;
}

.nav-links ul li {
	position:relative;
	margin:0;
	padding:0;
	margin-right: 0 !important;
}

.nav-links ul ul {
	display:none;
	position:absolute;
	z-index:999;
	top:100%;
	left:12px;
background: #1a365b; /* Old browsers */
background: -moz-linear-gradient(top,  #1a365b 0%, #455f84 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a365b 0%,#455f84 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a365b 0%,#455f84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a365b', endColorstr='#455f84',GradientType=0 ); /* IE6-9 */
	padding:6px 0;
	margin-top:0;
	border-right:none;
	text-align:left;
	width: 100%;
	min-width:180px;
}

.nav-links ul ul a {
    border-right: none;
}

.nav-links ul ul li {
	float:none;
	width:200px
}

.nav-links ul ul a {
    padding: 10px 20px 8px 20px;
    font-size: 12px !important;
    border-left: none !important;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 18px !important;
}

.nav-links ul ul ul {
	top:0;
	left:100%
}

.nav-links ul li:hover > ul {
	display:none;
}
.nav-links ul li:hover > ul {
	display:block !important;
}
#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 30px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #ffffff;
  transition: color 0.3s ease;
	font-weight: 400;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #ffffff;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #455f84;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#mobile-menu {
position: absolute;
    width: 100%;
    margin: -100px 0 0 -50px;
    padding: 0;
    padding-top: 100px;
    background: #1a365b; /* Old browsers */
background: -moz-linear-gradient(top,  #1a365b 0%, #455f84 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1a365b 0%,#455f84 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1a365b 0%,#455f84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a365b', endColorstr='#455f84',GradientType=0 ); /* IE6-9 */
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#mobile-menu li
{
    padding: 0 0 4px 0;
    font-size: 18px;
    list-style-type: none;
}
#mobile-menu ul ul {
	margin: 20px 0 20px 20px;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}
/* END NAV CSS */

.center {
	text-align: center;
}
.header-logo img {
	max-width: 220px;
    margin: 0 auto;
    display: block;
}
.header-sidebar {
	text-align: center;
	padding: 20px 0 0 0;
}
.header-sidebar p {
	color: #ffffff;
	font-weight: 700;
}
.mission h1{
	color:#445f84;
	font-style: italic;
	font-weight: 700;
	font-size: 20px;
    line-height: 32px;
}
.joac-bgrnd h3 {
	color: #1b365b;
    text-transform: uppercase;
    letter-spacing: .1em;
	font-size: 24px;
}
.joac-bgrnd p {
	color: #000000 !important;
}
.home-callouts h2{
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 24px;
}
.market-bgrnd {
	background-color: rgba(67,8,17,1);
    background-image: url(../images/bgrnd-market-news.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    max-width: 100%;
    margin: 0;
}
.market-bgrnd p, .magazine-bgrnd p {
	font-size: 16px;
	color: #ffffff;
}
.market-bgrnd h2 {
	color: #c25565;
}
.events-bgrnd h2, .stay-connected h2 {
	color: #90a4bf;
}
.magazine-bgrnd h2 {
	color: #8fadd6;
}
.events-bgrnd p, .stay-connected p {
	color: #1b365b;
}
.market-news-bgrnd h3{
	color: #5e131e;
	font-weight: 700;
	font-size: 20px
}
.market-news-bgrnd p{
	font-size: 18px;
}
.market-news-bgrnd {
	background: #b67b84;
	text-align: center;
}

.joac-bgrnd {
	background: #a4bcdb;
}

.events-bgrnd {
	background-color: rgba(255,255,255,1);
    background-image: url(../images/bgrnd-events-stamp-logo.png);
    background-size: 160%;
    background-repeat: no-repeat;
	background-position: bottom center;
    color: #ffffff;
    max-width: 100%;
    margin: 0;
}

.magazine-bgrnd {
	background-color: rgba(17,45,83,1);
    background-image: url(../images/bgrnd-magazine.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    max-width: 100%;
    margin: 0;
}

.footer-bgrnd {
	background-color: rgba(27,54,91,1);
    background-image: url(../images/bgrnd-footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    max-width: 100%;
    margin: 0;
}
.footer-bgrnd h3 {
	text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 26px;
	color: #8fadd6;
	max-width: 240px;
}
.footer-bgrnd h6 {
	font-size: 12px;
	letter-spacing: 0;
    text-transform: none;
    color: #ffffff;
    opacity: 1;
}
.footer-search-bgrnd {
	background: #0d2240;
}
.live-search-results {
	display: none;
}
.header-search {
    width: 100%;
    margin: 0 auto 10px auto;
}
.header-search .searchform {
    max-width: 160px;
    margin: 0 auto;
}
.header-search input[type='email'], 
.header-search input[type='search'], 
.header-search input[type='number'], 
.header-search input[type='url'], 
.header-search input[type='tel'], 
.header-search input[type='text'], 
.header-search textarea {
    max-height: 30px;
}
.searchform {
    max-width: 300px;
    margin: 0 auto;
}
.footer-cat-link-list, .footer-cat-link-list h1, .footer-cat-link-list h2, .footer-cat-link-list h3, .footer-cat-link-list h4, .footer-cat-link-list h5, .footer-cat-link-list h6, .footer-cat-link-list p {
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}
.hide-mobile {
	display: none;
}
.hide-desktop {
	display: block;
}
/* Conditional CSS for Tablet */

@media (min-width: 600px) {

}

/* Conditional CSS for Header */

@media (min-width: 768px) {
.header-search {
    width: 180px;
	float: right;
	margin: 0;
}

.header-bgrnd button,
.header-bgrnd input[type=button],
.header-bgrnd input[type=reset],
.header-bgrnd input[type=submit] {
    margin: 0 0 0 8px;
}
.mission h1{
	font-size: 26px;
    line-height: 42px;
}
.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}
.hide-mobile {
	display: block;
}
.hide-desktop {
	display: none;
}
	.header-sidebar {
	text-align: right;
	padding: 0;
}
.header-logo img {
	max-width: 320px;
    margin: 0;
    display: block;
}
.img-ads img {
    display: block;
    margin: 0 0 30px 30px;
    padding: 0;
    width: 38%;
    height: auto;
    float: right;
}
.footer-cat-link-list, .footer-cat-link-list h1, .footer-cat-link-list h2, .footer-cat-link-list h3, .footer-cat-link-list h4, .footer-cat-link-list h5, .footer-cat-link-list h6, .footer-cat-link-list p {
	text-align: left;
	margin-left: 0;
    margin-right: 0;
}
.home-callouts h2{
    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 42px;
}

.mission a:link,
.mission a:visited,
.mission a:active { 
    font-size: 22px;
}
p.white-link a {
	font-size: 24px; 
}
.market-news-bgrnd h3{
	font-size: 28px
}
.market-news-bgrnd p{
	font-size: 20px;
}
.market-news-bgrnd .wp-block-button__link {
    font-size: 18px;
}
.events-bgrnd {
    background-size: 35%;
	background-position: left center;
}
.img-thumb-cover img {
    margin: 0 18px 20px 0;
    float: left;
}
}

/* Conditional CSS for Desktop */

@media (min-width: 992px) {

.img-ads img {
    display: block;
    margin: 0 0 30px 30px;
    padding: 0;
    width: 28%;
    height: auto;
    float: right;
}
}