/*
	Theme Name: CARFAC National
	Theme URI: https://matthewhollett.com/design/
	Author: Matthew Hollett
	Author URI: https://matthewhollett.com/
	Description: A responsive WordPress theme, custom designed for CARFAC National by Matthew Hollett, 2019.
	Version: 1.0
	Text Domain: carfac
*/



/* Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Martel+Sans|Numans');



*, *::after, *::before {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}
html {scroll-behavior: smooth;}
body {background-color: #fff; color: #222; margin: 0; font-family: 'Georgia', 'Times New Roman', serif;}

a {text-decoration: none; transition: color 0.15s ease-out, box-shadow 0.12s linear, filter 0.12s linear;}
a:link, a:visited {color: #3272b6;}
a:hover, a:active {color: #f15e4e; text-decoration: underline;}
img {max-width: 100%; height: auto;}
iframe, .mejs-container {max-width: 100% !important;}
a img {border: none;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0 0 0 21px;}
ol {margin: 0; padding: 0;}
ol li {margin: 0; padding: 0 0 0 21px;}
table {max-width: 100%;}

h1, h2, h3, h4, h5, h6 {font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; font-weight: normal; line-height: 1.2;}
h1:first-child, h2:first-child, h3:first-child,
 h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, p:first-child {margin-top: 0 !important;}
h1 {font-size: 2em; text-align: center;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em; text-transform: uppercase;}
h6 {font-size: 1em; font-style: italic;}
.h1-not-at-top {margin: 2em 0 1.5em 0 !important;}

.fluid-width-video-wrapper {max-width: 100%; margin: 1.5em 0;}

.clear {font-size: 0; height: 0; clear: both;}

.nav, .button, .emm-paginate, form label, #wpadminbar, .faq-q {
	-webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
.header, .slides-wrapper, .button, .footer, .coda {-moz-osx-font-smoothing: grayscale;}

.screenreader-text {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.screenreader-text:focus {display: inline-block; position: static; width: auto; height: auto; margin: auto; padding: 3px; color: black;}



/* page, head */
.wrapper {position: relative; width: 1500px; margin: 0 auto;}

.header-bg {
	background: rgb(0,82,136);
	background: -moz-linear-gradient(top, rgba(0,82,136,1) 0%, rgba(0,82,136,1) 50%, rgba(0,40,66,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,82,136,1) 0%,rgba(0,82,136,1) 50%,rgba(0,40,66,1) 100%);
	background: linear-gradient(to bottom, rgba(0,82,136,1) 0%,rgba(0,82,136,1) 50%,rgba(0,40,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005288', endColorstr='#002842',GradientType=0 );
}
.header {color: #fff; overflow: hidden;}

.logo {display: inline-block; margin: 22px 0 0 0;}
.logo a {display: block; width: 100%; height: 100%; margin: 0;}
.logo img {width: 270px; height: 86px; margin: 0;}

.language {
 position: absolute; top: 0; right: 50px; border-bottom: 2px #111 solid;
 font-size: 0.75em; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; text-transform: uppercase;
 -moz-osx-font-smoothing: auto;
}
.language li {float: left; margin: 0; padding: 0;}
.language li a {display: inline-block; padding: 13px 14px 9px 14px; background-color: #003764;}
.language li.current-lang a {background-color: #111;}
.language li a:link, .language li a:visited {color: #fff;}
.language li a:hover, .language li a:active {color: #111; background-color: #f2e47e; text-decoration: none;}
.language li.current-lang a:hover, .language li.current-lang a:active {color: #fff; background-color: #111; cursor: default;}

.nav {
 clear: both; margin: 1em 0 0 0; padding: 0; background-color: transparent;
 font-size: 1.15em; font-family: 'Martel Sans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; overflow: hidden;
}
.nav ul {list-style: none; margin: 0; padding: 0; text-align: center;}
.nav ul li {display: inline-block; margin: 0 -0.125em 0 -0.125em; padding: 0;}
.nav ul li a, .nav ul li span {display: block; width: 100%; margin: 0; padding: 10px 20px 2px 20px; text-transform: uppercase;}

.nav ul li.current_page_item>a {color: #000 !important; background-color: #fff;}
.nav ul li a:link, .nav ul li a:visited {color: #fff;}
.nav ul li a:hover, .nav ul li a:active {color: #000; background-color: #fff; text-decoration: none;}

.nav>div>ul>li a {border-bottom: 8px #f9c866 solid;}

.nav>div>ul>li:hover>a {box-shadow: inset 8px 0 0 #f9c866;}
.nav>div>ul>li:nth-child(1):hover>a {box-shadow: inset 8px 0 0 #f9c866;}
.nav>div>ul>li:nth-child(2):hover>a {box-shadow: inset 8px 0 0 #eb9662;}
.nav>div>ul>li:nth-child(3):hover>a {box-shadow: inset 8px 0 0 #d85a5a;}
.nav>div>ul>li:nth-child(4):hover>a {box-shadow: inset 8px 0 0 #763ec9;}
.nav>div>ul>li:nth-child(5):hover>a {box-shadow: inset 8px 0 0 #3272b6;}
.nav>div>ul>li:nth-child(6):hover>a {box-shadow: inset 8px 0 0 #33b54f;}
.nav>div>ul>li:nth-child(7):hover>a {box-shadow: inset 8px 0 0 #f9c866;}
.nav>div>ul>li:nth-child(8):hover>a {box-shadow: inset 8px 0 0 #eb9662;}
.nav>div>ul>li:nth-child(9):hover>a {box-shadow: inset 8px 0 0 #d85a5a;}
.nav>div>ul>li:nth-child(10):hover>a {box-shadow: inset 8px 0 0 #763ec9;}
.nav>div>ul>li:nth-child(11):hover>a {box-shadow: inset 8px 0 0 #3272b6;}
.nav>div>ul>li:nth-child(12):hover>a {box-shadow: inset 8px 0 0 #33b54f;}

.nav>div>ul>li:nth-child(1)>a {border-bottom: 8px #f9c866 solid;} .nav>div>ul>li:nth-child(1)>ul {border-left: 8px #f9c866 solid;}
.nav>div>ul>li:nth-child(2)>a {border-bottom: 8px #eb9662 solid;} .nav>div>ul>li:nth-child(2)>ul {border-left: 8px #eb9662 solid;}
.nav>div>ul>li:nth-child(3)>a {border-bottom: 8px #d85a5a solid;} .nav>div>ul>li:nth-child(3)>ul {border-left: 8px #d85a5a solid;}
.nav>div>ul>li:nth-child(4)>a {border-bottom: 8px #763ec9 solid;} .nav>div>ul>li:nth-child(4)>ul {border-left: 8px #763ec9 solid;}
.nav>div>ul>li:nth-child(5)>a {border-bottom: 8px #3272b6 solid;} .nav>div>ul>li:nth-child(5)>ul {border-left: 8px #3272b6 solid;}
.nav>div>ul>li:nth-child(6)>a {border-bottom: 8px #33b54f solid;} .nav>div>ul>li:nth-child(6)>ul {border-left: 8px #33b54f solid;}
.nav>div>ul>li:nth-child(7)>a {border-bottom: 8px #f9c866 solid;} .nav>div>ul>li:nth-child(7)>ul {border-left: 8px #f9c866 solid;}
.nav>div>ul>li:nth-child(8)>a {border-bottom: 8px #eb9662 solid;} .nav>div>ul>li:nth-child(8)>ul {border-left: 8px #eb9662 solid;}
.nav>div>ul>li:nth-child(9)>a {border-bottom: 8px #d85a5a solid;} .nav>div>ul>li:nth-child(9)>ul {border-left: 8px #d85a5a solid;}
.nav>div>ul>li:nth-child(10)>a {border-bottom: 8px #763ec9 solid;} .nav>div>ul>li:nth-child(10)>ul {border-left: 8px #763ec9 solid;}
.nav>div>ul>li:nth-child(11)>a {border-bottom: 8px #3272b6 solid;} .nav>div>ul>li:nth-child(11)>ul {border-left: 8px #3272b6 solid;}
.nav>div>ul>li:nth-child(12)>a {border-bottom: 8px #33b54f solid;} .nav>div>ul>li:nth-child(12)>ul {border-left: 8px #33b54f solid;}
.nav>div>ul>li>a:hover, .nav>div>ul>li>a:active {/*border-bottom-color: #111 !important;*/}

.nav ul li ul {
 display: none !important; position: absolute; margin: -1px 0 0 0; padding: 0.5em 0 0.75em 0;
 font-size: 0.95em; text-align: left; background-color: #333; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); z-index: 1000;
}
.nav ul li ul li {display: block; margin: 0; padding: 0;}
.nav ul li ul li a {padding: 4px 16px; margin: 4px 0; border-bottom: 0; text-transform: none;}
.nav ul li:hover ul {display: block !important;}
.nav ul li ul li ul {
 position: relative; margin: -0.25em 0 0 0; padding: 0 0 0 0.75em; font-size: 0.92em; background-color: transparent; box-shadow: none; z-index: 1;
}
.nav ul li ul li ul li a {padding-top: 3px; padding-bottom: 3px;}
.nav ul li ul li ul li a::before {display: inline-block; content: '\2022'; vertical-align: top; margin-right: 5px;}

.nav #menuToggle {display: none; margin: 0; padding: 0.5em 0; text-align: center; cursor: pointer;}
.nav #menuToggle:hover {color: #f2e47e;}
.nav #menuToggle .fa-times {display: none;}
.nav #menuToggle.expanded .fa-times {display: inline;}
.nav #menuToggle.expanded .fa-bars {display: none;}



/* subpages and sidebar */
.sidebar-wrapper {max-width: 1000px; margin: 0 auto;}
.sidebar {float: left; width: 26%; margin: 2.5em 0 0 0;}
.section-page {float: right; width: 70%;}

.relatedPages-title {
 margin: 0; padding: 6px; background-color: #333; text-transform: uppercase; text-align: left;
 font-size: 1.2em; font-family: 'Martel Sans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
 border-bottom: 2px #ccc solid;
}
.relatedPages-title a {display: block; width: 100%; padding: 4px 10px;}
.relatedPages-title a:link, .relatedPages-title a:visited {color: #fff;}
.relatedPages-title a:hover, .relatedPages-title a:active {color: #000; background-color: #fff; text-decoration: none;}

.relatedPages {
 margin: 0 0 1em 0; padding: 6px; color: #fff; background-color: #333;
 font-family: 'Martel Sans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}

.relatedPages ul {
 list-style: none; margin: 0; padding: 0;
}
.relatedPages ul li {display: block; position: relative; width: 100%; margin: 0; padding: 0;}
.relatedPages ul li ul li {font-size: 0.92em;}
.relatedPages ul li ul li a {padding-left: 30px;}
.relatedPages ul li ul li a::before {position: absolute; left: 15px; content: '\2022';}

.relatedPages a {display: block; width: 100%; padding: 4px 10px;}
.relatedPages a:link, .relatedPages a:visited {color: #fff;}
.relatedPages a:hover, .relatedPages a:active {color: #000; background-color: #fff; text-decoration: none;}
.relatedPages .current_page_item>a {color: #000 !important; background-color: #fff; cursor: default;}

body.menuColor1 .section-title, body.menuColor1 .relatedPages-title {border-color: #f9c866;}
body.menuColor2 .section-title, body.menuColor2 .relatedPages-title {border-color: #eb9662;}
body.menuColor3 .section-title, body.menuColor3 .relatedPages-title {border-color: #d85a5a;}
body.menuColor4 .section-title, body.menuColor4 .relatedPages-title {border-color: #763ec9;}
body.menuColor5 .section-title, body.menuColor5 .relatedPages-title {border-color: #3272b6;}
body.menuColor6 .section-title, body.menuColor6 .relatedPages-title {border-color: #33b54f;}
body.menuColor7 .section-title, body.menuColor7 .relatedPages-title {border-color: #f9c866;}
body.menuColor8 .section-title, body.menuColor8 .relatedPages-title {border-color: #eb9662;}
body.menuColor9 .section-title, body.menuColor9 .relatedPages-title {border-color: #d85a5a;}
body.menuColor10 .section-title, body.menuColor10 .relatedPages-title {border-color: #763ec9;}
body.menuColor11 .section-title, body.menuColor11 .relatedPages-title {border-color: #3272b6;}
body.menuColor12 .section-title, body.menuColor12 .relatedPages-title {border-color: #33b54f;}



/* search and social */
.social-header {position: absolute; top: 50px; right: 0;}
.social {margin: 0; padding: 0; line-height: 1;}
.social a {display: inline-block; margin: 0 9px; padding: 0; font-size: 1.8em; vertical-align: middle;}
.social a:link, .social a:visited, .search-icon {color: #fff;}
.social a:hover, .social a:active {color: #f2e47e;}
.search-icon:hover {color: #f15e4e;}

.search-div {
 display: inline-block; width: 42px; margin: 0; padding: 5px 6px 3px 5px; vertical-align: middle;
 background-color: #fff; transition: width 0.3s ease-out; z-index: 1000;
}
.search-form {position: relative; min-width: 28px; width: 100%; height: 28px; overflow: hidden;}
.search-input {
 top: 0; right: 0; width: 100%; height: 28px; margin: 0; padding: 5px; border: 0;
 font-size: 1em; color: #222; font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
 background-color: #fff; opacity: 0; transition: opacity 0.3s ease-out;
}
.search-input::-webkit-search-cancel-button {display: none;}
.search-icon, .search-submit {
 display: block; position: absolute; top: 1px; right: 0; width: 28px; height: 28px; padding: 0; margin: 0;
 color: #bbb; font-size: 21px !important; text-align: center; line-height: 1 !important;
 cursor: pointer; background: transparent !important; border: 0;
}
.search-submit {color: transparent !important;}
body article input[type=submit].search-submit {padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important;}
.search-div.expanded {width: 300px; border: 1px #ccc solid;}
.search-div.expanded .search-input {opacity: 1;}
.search-div.alwaysexpanded {width: 300px !important;}

.header-search-div {position: absolute; top: 0; right: 0; display: block; margin: 0; border-bottom: 2px #111 solid;}
.header-search-div .search-form {float: right;}
.header-search-div, .header-search-div .search-input {background-color: #3272b6;}
.header-search-div .search-input, .header-search-div .search-icon, .header-search-div .search-submit {color: #fff;}
.header-search-div.expanded {border: 0; border-bottom: 2px #111 solid;}
.header-search-div.expanded, .header-search-div.expanded .search-input {background-color: #3272b6 !important;}
.header-search-div.expanded .search-icon {color: #fff !important;}

.header-search-div:hover, .header-search-div:hover .search-input {background-color: #f2e47e;}
.header-search-div:hover .search-icon {color: #222;}



/* body */
.section {margin-top: 2.5em;}

.section-single, .section-search, .section-archive, .section-404, .section-no-sidebar {float: none; max-width: 700px; margin-left: auto; margin-right: auto;}
.section-page-news, .section-page-members, .section-full-width {width: 100%; max-width: none;}
.section-404 {text-align: center;}

.section-title {margin-top: 2em; border-bottom: 8px #ccc solid;}

.section article {font-size: 1.05em; line-height: 1.6;}
.section-search article, .section-archive article, .emm-paginate {clear: both; width: 100%; padding-top: 3em; margin-top: 3em; border-top: 1px #ccc solid;}
.section-page article li, .section-single article li, .section-page article blockquote, .section-single article blockquote,
 .post-excerpt, .post-image-wrapper, .gallery dl dt {max-width: 700px;}

.section-single article h2, .section-single article h3, .section-page article h2, .section-page article h3 {margin-top: 3em;}
.section article.post-block h2 {font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;}
.section-page-news article h2 {margin-top: 1em;}
.heading-sublink {
 margin: -1em 0 2em 0; padding: 0; text-align: center;
 font-size: 1em; text-transform: uppercase; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}

.section article p a, .section article li a {text-decoration: underline;}

.section article ul {list-style: none; margin: 1em 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ul li {margin: 0 0 0 0.5em; padding: 0;}
.section article ul li::before {content: "•"; display: block; float: left; width: 1.2em; color: #222;}
.section article ol {list-style-position: inside; margin: 1em 0; padding: 0 0 0 1.2em; text-indent: -1.2em;}
.section article ol li {margin: 0 0 0 0.5em; padding: 0;}

body.menuColor1 .section article ul li::before {color: #f9c866;}
body.menuColor2 .section article ul li::before {color: #eb9662;}
body.menuColor3 .section article ul li::before {color: #d85a5a;}
body.menuColor4 .section article ul li::before {color: #763ec9;}
body.menuColor5 .section article ul li::before {color: #3272b6;}
body.menuColor6 .section article ul li::before {color: #33b54f;}
body.menuColor7 .section article ul li::before {color: #f9c866;}
body.menuColor8 .section article ul li::before {color: #eb9662;}
body.menuColor9 .section article ul li::before {color: #d85a5a;}
body.menuColor10 .section article ul li::before {color: #763ec9;}
body.menuColor11 .section article ul li::before {color: #3272b6;}
body.menuColor12 .section article ul li::before {color: #33b54f;}

.section article table {table-layout: fixed; width: 100%; font-size: 0.95em; border-collapse: collapse; border: 1px #ccc solid;}
.section article th, .section article td {padding: 20px; vertical-align: top;}

.post-block-container {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.post-block {flex: 0 1 25%; margin: 0 0 3% 0; padding: 0 1.5%;}
.section-search .post-block, .section-archive .post-block {}

.post-meta {margin: 0 0 2em 0; padding-bottom: 2em; text-align: center; border-bottom: 8px #ccc solid;}
.section-title .post-meta {margin-bottom: 0; padding-bottom: 2em; border-bottom: 0;}

.post-date {font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;}
article.post-block .post-date {
 position: absolute; bottom: 0; width: 100%; margin: 0; padding: 5px 15px; background-color: #003764;
 color: #fff; font-size: 0.82em;
}
.post-date, .post-taxonomies, .post-type {margin: 0.25em 0; color: #999; line-height: 1.4;}
.post-type {margin: 1em 0 -1em 0; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; text-transform: uppercase;}
.news-meta-link {font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;}

.post-image-wrapper {
 position: relative; height: 0; padding-bottom: 70%; overflow: hidden;
 background-color: #005288;
}

.post-image-link {
 display: block; position: absolute; width: 100%; height: 100%; box-shadow: none !important;
 background-image: url('images/logo-news-placeholder.png'); background-position: center center; background-repeat: no-repeat; background-size: cover;
 transition: transform 0.4s ease-out;
}
.post-image-link:hover {transform: scale(1.07);}

.post-image-wrapper.post-image-no-crop {background-color: #ccc;}
.post-image-wrapper.post-image-no-crop .post-image-link {background-size: contain !important;}

.search-image {float: right; width: 200px; max-width: 50%; height: auto; margin: 0 0 10px 10px; border: 1px #ddd solid;}
a:hover .search-image {border: 1px #f15e4e solid !important;}

.post-previous-next {clear: both; margin: 3em 0; line-height: 1.4;}
.post-previous-next-label {font-size: 0.9em; color: #222; text-transform: uppercase;}
.previous-next-date {font-size: 0.9em; color: #999;}
.post-previous, .post-next {
 position: relative; width: 48.5%; padding: 15px; border: 1px #ccc solid;
 font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
.post-previous-next a {text-decoration: none !important;}
.post-previous:hover, .post-previous:active, .post-next:hover, .post-next:active {border-color: #f15e4e;}
.post-previous {float: left; text-align: right;}
.post-next {float: right;}

hr {clear: both; height: 0; border: 0; border-top: 1px #ccc solid; margin: 3em 0;}

article blockquote {
 position: relative; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";
 font-size: 1.5em; font-style: italic; color: #222;
}
article blockquote::before {color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.45em;}
article blockquote::after {color: #ccc; content: close-quote; opacity: 0; /*font-size: 4em; line-height: 0.1em; margin-left: 0.25em; vertical-align: -0.45em;*/}
article blockquote p {display: inline;}

html:lang(fr-CA) article blockquote {quotes: "\00AB\00A0" "\00A0\00BB";}
html:lang(fr-CA) article blockquote::before {font-size: 3.2em; line-height: 0.1em; vertical-align: -0.15em;}

body.menuColor1 hr {border-color: #f9c866;} body.menuColor1 article blockquote::before {color: #f9c866;}
body.menuColor2 hr {border-color: #eb9662;} body.menuColor2 article blockquote::before {color: #eb9662;}
body.menuColor3 hr {border-color: #d85a5a;} body.menuColor3 article blockquote::before {color: #d85a5a;}
body.menuColor4 hr {border-color: #763ec9;} body.menuColor4 article blockquote::before {color: #763ec9;}
body.menuColor5 hr {border-color: #3272b6;} body.menuColor5 article blockquote::before {color: #3272b6;}
body.menuColor6 hr {border-color: #33b54f;} body.menuColor6 article blockquote::before {color: #33b54f;}
body.menuColor7 hr {border-color: #f9c866;} body.menuColor7 article blockquote::before {color: #f9c866;}
body.menuColor8 hr {border-color: #eb9662;} body.menuColor8 article blockquote::before {color: #eb9662;}
body.menuColor9 hr {border-color: #d85a5a;} body.menuColor9 article blockquote::before {color: #d85a5a;}
body.menuColor10 hr {border-color: #763ec9;} body.menuColor10 article blockquote::before {color: #763ec9;}
body.menuColor11 hr {border-color: #3272b6;} body.menuColor11 article blockquote::before {color: #3272b6;}
body.menuColor12 hr {border-color: #33b54f;} body.menuColor12 article blockquote::before {color: #33b54f;}



/* home and slides */
.slides-wrapper3 {background-color: #000;}
.slides-wrapper2 {max-width: 1500px !important; margin: 0 auto;}
.slides-wrapper {position: relative; height: 0; padding-bottom: 41.7%;}
ul.slides {position: absolute; width: 100%; height: 100%; list-style: none; margin: 0 auto; padding: 0; overflow: hidden;}
ul.slides li {display: none; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;}
ul.slides li:first-child {display: block; position: relative;}
.home-slide-image {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.home-slide-caption {
 position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 8px 11px; background-color: rgba(0, 0, 0, 0.7);
 color: #fff; font-size: 0.82em; text-align: center; font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
ul.slides li a:hover .home-slide-image {box-shadow: 0 0 0 5px #f15e4e inset;}

ul.rslides_tabs {
 position: absolute; bottom: -45px; width: 100%; list-style: none; margin: 0 auto; padding: 0;
 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 1.4em; text-align: center; z-index: 1000;
}
ul.rslides_tabs li {display: inline-block; position: relative; left: auto; top: auto; width: auto; height: auto; margin: 0; padding: 0;}
ul.rslides_tabs li a {display: block; width: 100%; height: 100%; padding: 0 7px; font-size: 1.1em; color: #bbb; opacity: 0.65;}
ul.rslides_tabs li a:hover {opacity: 1; text-decoration: none;}
ul.rslides_tabs li.rslides_here a {color: #649cff; opacity: 1;}

.section-home {padding: 3em 0;}

.home-intro {text-align: center;}
.home-intro-text {max-width: 550px; margin: 1em auto; font-size: 2em;}



/* members directory */
.section-page-members-the-content {max-width: 700px; margin: 0 auto;}
.members-letters-and-list {margin-bottom: 4.5em;}
.members-letters {
 display: flex; flex-flow: row wrap; margin: 0;
 font-size: 1.2em; text-align: center; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; text-transform: uppercase;
}
.members-letters span {flex: 1 1 7.69%; margin: 0; padding: 10px 30px; background-color: #eee; cursor: pointer;}
.members-letters span:hover {background-color: #ccc;}
.members-letters span.currentLetter {background-color: #222; color: #fff; cursor: default;}

.section article .members-list {margin: 0; padding: 1.5em 1.5em 2em 1.5em; font-size: 1.05em; border: 1px #ddd solid; border-top: 0;}
.section article .members-list ul {display: none; column-count: 3; column-gap: 40px; margin: 0;}
.section article .members-list ul li {
 margin: 0; padding: 0 0 0.7em 0; line-height: 1.3;
 page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid;
}
.section article .members-list ul li::before {content: none;}

.section article .members-list ul li .member-location {
 display: block; margin: 0; font-size: 0.82em; color: #999;
 font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
.members-list-empty-letter {color: #999; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;}



/* featured member */
.home-members {}
.members-wrapper {margin: 1em auto;}
.section-page-members .members-wrapper {margin-bottom: 4em;}

.featured-member-header {font-size: 0.6em;}
.featured-member-work {display: block; margin: 0 auto; width: 1200px; height: auto; max-width: 100%;}
.featured-member-caption {max-width: 700px; margin: 1.5em auto 0 auto !important;}

.section-featured-member-profile {margin-top: 4em;}
.featured-member-photo {float: left; width: 30%;}
.featured-member-photo img {width 100%; height: auto;}
.featured-member-bio {float: right; width: 66%;}
.section-featured-member-profile .featured-member-website .button {margin-left: 0 !important; margin-right: 0 !important;}

.member-image {float: left; width: 50%; text-align: right;}
.member-image img {
 display: inline-block; width: 100%; max-width: 350px; height: auto; margin: 0;
 border: 1px #fff solid; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
}

.member-info {float: right; width: 50%; padding-top: 1em; padding-left: 35px;}
.member-name {margin: 1em 0 0 0 !important;}
.member-location {
 margin: 0; font-size: 0.95em; line-height: 1.2; color: #999;
 font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
.section article .member-website .button {margin-top: 0.5em !important; margin-left: 0 !important; margin-right: 0 !important;}

/* center everything (added this later) */
.members-wrapper {margin-bottom: 2em;}
 .member-image, .member-info {
  float: none !important; width: auto; height: auto; margin: 1em 0 !important; padding: 0 !important; text-align: center;
 }
 .section article .member-website .button {margin-left: auto !important; margin-right: auto !important;}



/* featured members archive */
.members-archive-wrapper {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.member-archive-block {flex: 0 1 25%; margin: 0 0 3em 0; padding: 0 1.5%; text-align: center;}

.member-archive-image {margin: 0;}
.member-archive-image img {display: block; width: 90%; max-width: 300px; height: auto; margin: 0 auto; border: 1px #ccc solid;}
.member-archive-name {margin: 1em 0 0 0 !important;}
.member-archive-location {
 margin: 0; font-size: 0.95em; line-height: 1.2; color: #999;
 font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}



/* faq and special pages */
#faq .faq-block {margin: 1em 0; padding: 20px; border: 1px #ddd solid;}
#faq h2 {font-size: 1.5em; padding-top: 1em;}
#faq .faq-block h3.faq-q {margin: 0; font-size: 1.1em; text-indent: -30px; padding-left: 30px; cursor: pointer;}
#faq .faq-block h3.faq-q:hover {color: #f15e4e;}

#faq .faq-block h3.faq-q .fa-minus-square, #faq .faq-block h3.faq-q .fa-plus-square {margin-right: 5px;}
#faq .faq-block h3.faq-q .fa-minus-square, #faq .faq-block.faqOpen h3.faq-q .fa-plus-square {display: none;}
#faq .faq-block.faqOpen h3.faq-q .fa-minus-square {display: inline;}

body.menuColor1 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor1 #faq .faq-block h3.faq-q .fa-plus-square {color: #f9c866;}
body.menuColor2 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor2 #faq .faq-block h3.faq-q .fa-plus-square {color: #eb9662;}
body.menuColor3 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor3 #faq .faq-block h3.faq-q .fa-plus-square {color: #d85a5a;}
body.menuColor4 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor4 #faq .faq-block h3.faq-q .fa-plus-square {color: #763ec9;}
body.menuColor5 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor5 #faq .faq-block h3.faq-q .fa-plus-square {color: #3272b6;}
body.menuColor6 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor6 #faq .faq-block h3.faq-q .fa-plus-square {color: #33b54f;}
body.menuColor7 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor7 #faq .faq-block h3.faq-q .fa-plus-square {color: #f9c866;}
body.menuColor8 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor8 #faq .faq-block h3.faq-q .fa-plus-square {color: #eb9662;}
body.menuColor9 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor9 #faq .faq-block h3.faq-q .fa-plus-square {color: #d85a5a;}
body.menuColor10 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor10 #faq .faq-block h3.faq-q .fa-plus-square {color: #763ec9;}
body.menuColor11 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor11 #faq .faq-block h3.faq-q .fa-plus-square {color: #3272b6;}
body.menuColor12 #faq .faq-block h3.faq-q .fa-minus-square, body.menuColor12 #faq .faq-block h3.faq-q .fa-plus-square {color: #33b54f;}

#faq .faq-block .faq-a {display: none; margin: 1em 0;}
#faq .faq-block.faqOpen .faq-a {display: block;}

.join-logo-boxes {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.join-logo-boxes p {flex: 0 1 33.33%; margin: 0 0 3% 0; padding: 20px 1.5%; text-align: center;}
.join-logo-boxes img {max-width: 100%; border: 5px #fff solid;}
.join-logo-boxes a img:hover {border: 5px #f15e4e solid;}

.jumptolinks {padding: 20px; background-color: #eee;}



/* buttons */
.button, article input[type=submit] {
 display: inline-block; padding: 8px 20px !important; margin: 3px;
 border-width: 0; border-radius: 3px !important; text-shadow: rgba(0,0,0,.4) 0 1px 2px;
 box-shadow: 0 -25px 25px rgba(0, 0, 0, 0.15) inset;
 background: rgb(60,136,217);
 color: #fff !important; font-size: 1.2em !important; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
 text-decoration: none !important; vertical-align: middle; cursor: pointer;
 transition: none !important;
}
article input[type=submit] {font-size: 1.2em !important;}
.button:hover, .button:active, article input[type=submit]:hover, article input[type=submit]:active {
 background: #fff !important; color: #222 !important; box-shadow: inset 0 0 0 5px rgb(60,136,217) !important;
 text-shadow: none !important; text-decoration: none !important;
}
.button:active, .tool-button:active, article input[type=submit]:active {
 transform: translateY(2px);
}

.home-button, .footer-button {padding: 11px 26px !important; font-size: 1.35em !important;}
.footer-button {display: inline-block !important; margin: 0 auto !important;}

.green-button {background: rgb(51,181,79);}
.green-button:hover, .green-button:active {box-shadow: inset 0 0 0 5px rgb(51,181,79) !important;}

.orange-button {background: rgb(235,150,98);}
.orange-button:hover, .orange-button:active {box-shadow: inset 0 0 0 5px rgb(235,150,98) !important;}

.red-button, .alt-button {background: rgb(216,90,90);}
.red-button:hover, .red-button:active, .alt-button:hover, .alt-button:active {box-shadow: inset 0 0 0 5px rgb(216,90,90) !important;}

.purple-button {background: rgb(118,62,201);}
.purple-button:hover, .purple-button:active {box-shadow: inset 0 0 0 5px rgb(118,62,201) !important;}

.section article .button {clear: both; display: table; margin: 2em auto !important;}



/* forms */
input, textarea {padding: 10px;}
textarea {width: 100%; max-width: 500px;}

.wpcf7 input, .wpcf7 textarea {
 display: block; margin-top: 0.3em;
 font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif !important;
 border: 1px #ccc solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 12px inset;
 transition: all 0.3s ease-in-out;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px;
 border: 1px #3272b6 solid;
}
.wpcf7 input.wpcf7-submit, .subscribe .submit {
 display: block; width: auto; margin: 1em 0; border-width: 0;
 transition: none;
}

.wpcf7-response-output {width: auto; color: #222; margin: -1em 0 1em 0 !important;} /* don't add padding because div is on page even when empty */
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax {display: block; color: #222 !important; font-size: 0.9em;}

.archives-by-date {clear: both; width: 100%; padding: 40px; margin-top: 3em; background-color: #eee; overflow: hidden;}
.archives-by-date select {padding: 8px 20px; margin-top: -0.5em;}



/* tools */
.home-tools {text-align: center;}
.tool-button {
 position: relative; display: inline-block; width: 350px; max-width: 95%; min-height: 90px; margin: 10px; padding: 15px 12px;
 border-width: 6px; border-style: solid; border-radius: 2px; background: #fff; vertical-align: middle;
 text-align: left; color: #222 !important; font-size: 1.3em; font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}

.tool-button .fa-fw {float: left; max-width: 20%;}
.tool-button span {float: left; max-width: 76%;}

.tool-button:hover, .tool-button:active {
 background: #222 !important; color: #fff !important; text-shadow: none !important; text-decoration: none !important;
}

.tools-buttons .tool-button:nth-child(1) {border-color: #d85a5a;} .tools-buttons .tool-button:nth-child(1) .fa-fw {color: #d85a5a;}
.tools-buttons .tool-button:nth-child(2) {border-color: #763ec9;} .tools-buttons .tool-button:nth-child(2) .fa-fw {color: #763ec9;}
.tools-buttons .tool-button:nth-child(3) {border-color: #3272b6;} .tools-buttons .tool-button:nth-child(3) .fa-fw {color: #3272b6;}
.tools-buttons .tool-button:nth-child(4) {border-color: #33b54f;} .tools-buttons .tool-button:nth-child(4) .fa-fw {color: #33b54f;}
.tools-buttons .tool-button:nth-child(5) {border-color: #f9c866;} .tools-buttons .tool-button:nth-child(5) .fa-fw {color: #f9c866;}
.tools-buttons .tool-button:nth-child(6) {border-color: #eb9662;} .tools-buttons .tool-button:nth-child(6) .fa-fw {color: #eb9662;}
.tools-buttons .tool-button:nth-child(7) {border-color: #d85a5a;} .tools-buttons .tool-button:nth-child(7) .fa-fw {color: #d85a5a;}
.tools-buttons .tool-button:nth-child(8) {border-color: #763ec9;} .tools-buttons .tool-button:nth-child(8) .fa-fw {color: #763ec9;}
.tools-buttons .tool-button:nth-child(9) {border-color: #3272b6;} .tools-buttons .tool-button:nth-child(9) .fa-fw {color: #3272b6;}
.tools-buttons .tool-button:nth-child(10) {border-color: #33b54f;} .tools-buttons .tool-button:nth-child(10) .fa-fw {color: #33b54f;}
.tools-buttons .tool-button:nth-child(11) {border-color: #f9c866;} .tools-buttons .tool-button:nth-child(11) .fa-fw {color: #f9c866;}
.tools-buttons .tool-button:nth-child(12) {border-color: #eb9662;} .tools-buttons .tool-button:nth-child(12) .fa-fw {color: #eb9662;}

.tool-button:hover .fa-fw, .tool-button:active .fa-fw {color: #fff !important;}



/* footer */
.footer-bg {margin-top: 4em; background-color: #005288; overflow: hidden;}
.footer, .coda {
 margin: 4em 0; color: #fff; font-size: 1.05em; line-height: 1.5;
 font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}
.footer a, .coda a {text-decoration: underline;}

.footer-col-wrapper {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.footer-col {flex: 0 1 33.33%; margin: 0 0 3% 0; padding: 20px 1.5%; text-align: center;}
.footer-col a:link, .footer-col a:visited, .coda a:link, .coda a:visited {color: #f2e47e;}
.footer-col a:hover, .footer-col a:active, .coda a:hover, .coda a:active {color: #fff;}

.footer-regional {background-color: #003764;}
.footer-regional ul {padding: 0; margin: 0;}
.footer-regional ul li {padding: 0; margin: 0;}
.footer-regional ul li:last-child {margin-top: 1em;}

.footer-contact-info svg {color: #fff; margin-right: 0.5em;}

.social-footer {margin: 2em 0;}
.social-footer a {margin: 0 15px; font-size: 3.5em;}
.social-footer a:link, .social-footer a:visited {color: #fff;}
.social-footer a:hover, .social-footer a:active {color: #f2e47e;}

.coda-bg {margin-top: 0; background-color: #222; overflow: hidden;}
.coda-land {max-width: 700px; margin: 0 auto;}
.coda-land h2 {text-align: center;}

.coda .copyright {margin: 5em 0 0 0; text-align: center; font-family: 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;}



/* misc */
.read-more {font-size: 0.95em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; text-transform: uppercase;}

.gallery {display: flex; flex-flow: row wrap; margin: 0 -1.5%;}
.gallery dl {flex: 0 1 33.33%; margin: 0 0 3% 0; padding: 0 1.5%;}
.gallery dl dt {position: relative; height: 0; padding-bottom: 75%; overflow: hidden;}
.gallery dl dt a {display: block; position: absolute; width: 100%; height: 100%;}
.gallery dl dt a img {display: block; width: 100%; height: auto; transition: transform 0.4s ease-out;}
.gallery dl a:hover img {transform: scale(1.07);}

.gallery br {display: none;}
.gallery::after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.emm-paginate {
 clear: both; display: block; margin: 3em 0 1em 0;
 font-family: 'Numans', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif; font-size: 1.4em; line-height: 1.4; overflow-wrap: break-word;
}
.emm-paginate a {padding: 1px 9px; text-align: center;}
.emm-paginate a:link, .emm-paginate a:visited {}
.emm-paginate a:hover, .emm-paginate a:active {}
.emm-paginate .emm-title {color: #222; margin-right: 4px;}
.emm-paginate .emm-gap {color: #999;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
.emm-paginate .emm-current {background-color: #ddd; color: #222; padding: 1px 6px; cursor: default;}



/* selections; hide input placeholder text on focus; fix for ios automatically styling phone numbers */
::-moz-selection, ::selection {background: #04a4cc; color: #fff; text-shadow: none;}
input:focus::-webkit-input-placeholder, input:focus::-moz-placeholder {color: transparent;}
a[href^="tel"] {color: inherit; text-decoration: none;}



/* wordpress core */
div#wpadminbar {z-index: 10000 !important;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right;	margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;	margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}

.wp-caption {padding: 5px 3px 10px;	max-width: 100% !important;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto;	margin: 0;	padding: 0;	max-width: 100% !important;}
.wp-caption .wp-caption-text, .gallery-caption, .featured-member-caption {
 margin: 0;	padding: 4px; font-size: 0.82em; color: #888; line-height: 1.4;
 font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', 'Arial', sans-serif;
}

input[type="password"] {
 margin: 0 5px; padding: 5px 7px; font-size: 0.9em;
 border: 1px #999 solid; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset; transition: all 0.30s ease-in-out;
}
input[type="password"]:focus {
 box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #fff 0 0 5px; border: 1px #6d98e1 solid;
}
.post-password-form p {margin: 2em 0;}






/* responsive */

/* When width is less than 1560 */
@media only screen and (max-width: 1580px) {
 .wrapper {width: 96%; max-width: 1500px; min-width: 310px;}
 .post-block {flex: 0 1 33.33%; margin: 0 0 2em 0;}
}


/* When width is less than 1300 */
@media only screen and (max-width: 1300px) {
}


/* When width is less than 950 */
@media only screen and (max-width: 950px) {
 .post-block {flex: 0 1 50%;}
 .member-archive-block {flex: 0 1 33.33%;}
 .footer-col {flex: 0 1 100%;}
}


/* When width is less than 800 (also prevent nav from staying hidden on wider screens) */
/* if this breakpoint changes, change it in scripts.js as well */
@media only screen and (min-width: 801px) { .nav ul {display: block !important;} }
@media only screen and (max-width: 800px) {
 .nav #menuToggle {display: block;}
 .nav ul {display: none; text-align: left;}
 .nav ul li {display: block; margin: 0 0 1em 0;}
 .nav ul li ul {display: block !important; position: relative; margin: 0 0 1em 0; padding: 0; font-size: 0.9em; box-shadow: none; z-index: 0;}
 .nav ul li ul li {display: block; margin: 0; padding: 0;}
 .nav ul li ul li a {display: block; margin: 0; padding: 6px 18px;}
 
 .section, .sidebar {display: block; float: none; width: 100%; top: auto; left: auto; right: auto; bottom: auto;}
}


/* When width is less than 700 */
@media only screen and (max-width: 700px) {
 .members-letters {font-size: 1em;}
 .members-letters span {padding: 10px 25px;}
 .section article .members-list ul {column-count: 2; column-gap: 40px;}
 .member-block, .member-archive-block {font-size: 0.88em;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .alignright, .alignleft {display: block; float: none !important; width: auto; height: auto; margin: 1em 0 !important; padding: 0;}
 .post-block {flex: 0 1 100%;}
 
 .featured-member-photo, .featured-member-bio {display: block; float: none !important; width: auto; height: auto;}
 .featured-member-photo img {display: block; margin: 1em auto;}
 .section-featured-member-profile .featured-member-website .button {margin-left: auto !important; margin-right: auto !important;}
 
 .member-archive-block {flex: 0 1 50%;}
 
 .member-profile {display: block; float: none !important; width: auto; height: auto; margin: 30px auto !important; padding: 0;}
}


/* When width is less than 480 */
@media only screen and (max-width: 480px) {
 .wrapper {width: 100%; padding-left: 10px; padding-right: 10px;}
 
 .logo {display: block; margin: 15px auto; text-align: center;}
 
 .language-and-search {position: relative; max-width: 300px; height: 38px; margin: 20px auto; overflow: hidden;}
 .language {top: 0; left: 0; right: auto;}
 .language li a {padding-left: 25px; padding-right: 25px;} /* if adding third language option, remove this padding */
 .header-search-div {top: 0; right: 0;}
 
 .social-header {position: relative; top: auto; right: auto; width: 100%; margin: 1em 0; text-align: center;}
 
 .home-intro-text {font-size: 1.7em;}

 article blockquote {margin: 1em 0.5em; font-size: 1.25em;}
 .gallery dl {flex: 0 1 50%;}
 
 .tool-button {font-size: 1.2em;}
 
 .section article .members-list ul {column-count: 1; column-gap: 0;}
 
 .members-wrapper {margin-bottom: 2em;}
 .member-image, .member-info {
  float: none !important; width: auto; height: auto; margin: 1em 0 !important; padding: 0 !important; text-align: center;
 }
 .section article .member-website .button {margin-left: auto !important; margin-right: auto !important;}
  
 .post-previous, .post-next {width: 100%; float: none; text-align: left;}
 .post-next {margin-top: 1.5em;}
 
 .join-logo-boxes p {flex: 0 1 50%;}
 
 .footer .copyright {text-align: center;}
}


/* When width is less than 360 */
@media only screen and (max-width: 360px) {
}






/* higher-resolution images */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
}






/* print stylesheet */
@media print {
 .header, .sidebar, .footer, .coda, .post-previous-next {display: none;}
 .wrapper, .section {width: 100% !important; max-width: 100% !important; font-size: 0.82em !important;}
}