/*
Theme Name: OMTRA
Theme URI: https://www.accurate.ca/
Author: Accurate Design & Communication
Author URI: https://www.accurate.ca/
Description: Based on Underscores.me
Version: 1.0
*/



/* ============================================================ IMPORT CSS ============================================================ */

@import url("reset.css");



/* ============================================================ IMPORT FONTS ============================================================ */

/* @import url(https://fonts.googleapis.com/css?family=Ubuntu); */




/* ======================================================= COLORS (new for 2018) ======================================================= */

/*

Red
 Light - EBDAD7
 Dark - A24D38

Blue
 Light - d7dae3
 Dark - 435882

Red
 Light - DDCAD6
 Dark - 789a5a

Green
 Light - e2e9d9
 Dark - 571F30

Orange
 Light - f6e9da
 Dark - d3934c

*/


:root {
    --color-red: #A24D38;
    --color-lightred: #EBDAD7;
    --color-green: #61802C;
    --color-lightgreen: #e2e9d9;
    --color-blue: #435882;
    --color-lightblue: #d7dae3;
    
    --color-white: #fff;
    --color-darkgrey: #534741;
    --color-grey: #9a9a9a;
    --color-lightgrey: #ced4da;
    --color-black: #000;

}



/* ============================================================ GENERAL ============================================================ */

body,
h1, h2, h3, h4, h5, h6,
p,
select,
textarea {
	font-family:'Montserrat';
}

body {
	background-color: #fff;
	margin:27px 0;
}

#main {
	clear:both;
	/* overflow:auto; */
	background-color:#fff;
	width: 100%;
	display: flex;
}

body.home #main {
    display:block;
}

#page {
	margin-left:auto;
	margin-right:auto;
	max-width: 1640px;
	overflow:visible;
	background-color:#FFF;
	padding-bottom:20px;
    padding-left: 20px;
    padding-right: 20px;
}

em {
    font-style: italic !important;
}
	
	



/* ========== HEADER ========== */


#masthead {
	display:block;
}

#masthead .header-left {
	display:block;
	float:left;
	width:50%;
}

#masthead .header-right {
	display:block;
	float:right;
	width:50%;
}

h1#site-title {
	display:block;
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	width:420px;
	height:110px;
}

h1#site-title span {
	margin-left:-999999px;
}

h1#site-title a {
	display:block;
	width: 420px;
	height:110px;
}

header {
	background-color:#FFF;
	width: 100%;
    margin-bottom: 30px;
}

h1#site-title {
	display:block;
	float:left;
	width: 641px;
	height:120px;
}

h1#site-title img {
	width:100%;
	height:auto;
}

#searchholder {
	width:100%;
}

#search_widget {
	display:block;
	float:right;
	width: 242px;
	margin:0 0 20px 0;
}

#search_widget label {
    display:none;
}

#search {
	width: 207px;
	height:28px;
	float:left;
	padding:0 0 0 3px;
	margin:0;
	border:1px solid #c2def4;
	font-size: 1rem;
}

#search_button {
	float:left;
}

#member_btns_wrapper {
	float: right;
    display:flex;
	text-align:center;
	margin-bottom: 20px;
}
	
    #member_btns_wrapper a#member-login-btn {
        display:block;
        width:fit-content;
        font-size:14px;
        padding: 10px;
        background-color:#534741;
        color: #FFF;
        text-decoration:none;
        margin-right:10px;
    }

     #member_btns_wrapper a#member-join-btn {
        display:block;
        width:fit-content;
        font-size:14px;
        padding: 10px;
        background-color: #61802c;
        color: #FFF;
        text-decoration:none;
    }

#mobile-navigation,
#mobile-navigation-members {
	display:none;
}
	
#social-icons {
	float: right;
	margin-bottom: 20px;
}

#social-icons a {
	display:block;
	float:left;
	width: 30px;
	margin-left: 10px;
}

#social-icons a img {
	width:100%;
	height:auto;
}
	
/* Green (Member) Desktop Menu */

/* NOTE: See header.php for additional CSS
   that changes the width of this menu
   if user does not have admin/board
   priviledges
   
   NOTE 2: code now commented out in header.php
   (Board Member item moved to main menu

*/   
   
.loggedin-navigation {
	float: right;
	margin-bottom: 20px;
}

/* level 1 */

.loggedin-navigation ul.menu,
.loggedin-navigation ul.menu * {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0;
}

.loggedin-navigation ul.menu {
	width: 242px;
	background-color:#61802c;
	float:left;
}

.loggedin-navigation ul.menu > li {
	float:left;
	position:relative;
	height:40px;
	width:80px;
	border-left:1px dotted #fff;
}

.loggedin-navigation ul.menu li {
	display:block;
}

.loggedin-navigation ul.menu > li:first-child {
	border-left:none;
}

.loggedin-navigation ul.menu li > a {
	display:block;
	position:relative;
	text-decoration:none;
	font-size: 12px;
	line-height: 13px;
	text-align:center;
	width:80px;
}

/* level 2 */

.loggedin-navigation ul.menu ul {
	position:absolute;
	top:-999em;
}

.loggedin-navigation ul.menu ul li {
	width:100px;
	height:17px;
	padding-top:6px;
	padding-left:12px;
	padding-bottom:-6px;
	border-bottom:1px solid #a7a9ac;
}

.loggedin-navigation ul.menu ul li:hover {
	visibility:inherit;
}

.loggedin-navigation ul.sub-menu a {
	width:100px !important;
	text-align:left !important;
}

.loggedin-navigation ul.menu li:hover ul,
.loggedin-navigation ul.menu li.sfHover ul {
	left:0;
	top:40px;
	z-index:99;
}

.loggedin-navigation ul.menu li:hover li ul,
.loggedin-navigation ul.menu li.sfHover li ul {
	top:-999em;
}

/* bullet & link color */

.loggedin-navigation ul.menu a,
.loggedin-navigation ul.menu a:visited  {
	color:#fff;
}

.loggedin-navigation ul.menu li {
	background:#61802c;
}

.loggedin-navigation ul.menu li li {
	background:#999;
}

.loggedin-navigation ul.menu > li > a:focus,
.loggedin-navigation ul.menu > li > a:hover,
.loggedin-navigation ul.menu > li > a:active {
	background:#534741;
	color:#FFF;
}

.loggedin-navigation ul.menu > li:hover > a,
.loggedin-navigation ul.menu > li.sfHover > a {
	color:#FFF !important;
}

.loggedin-navigation ul.menu > li:hover,
.loggedin-navigation ul.menu > li.sfHover {
	background:#534741;
}

.loggedin-navigation ul.sub-menu > li > a:focus,
.loggedin-navigation ul.sub-menu > li > a:hover,
.loggedin-navigation ul.sub-menu > li > a:active {
	background:#534741;
	color:#FFF;
}

.loggedin-navigation ul.sub-menu > li:hover > a,
.loggedin-navigation ul.sub-menu > li.sfHover > a {
	color:#FFF !important;
}

.loggedin-navigation ul.sub-menu > li:hover,
.loggedin-navigation ul.sub-menu > li.sfHover {
	background:#534741;
}

.loggedin-navigation ul.sub-menu li:last-child {
	border-bottom:none;
}



/* Blue (Main) Desktop Menu */

/* Dropdowns */

#menu-main-menu,
#menu-main-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
	
#menu-main-menu {
	/* float:left; */
	margin-bottom:1em;
	width: 100%;
}
	
#menu-main-menu ul {
	position:absolute;
	display:none;
	top:100%;
	left:0;
	z-index:99;
}

#menu-main-menu a {
	display:block;
	position:relative;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	zoom:1; /* IE7 */
}
	
#menu-main-menu li {
	position:relative;
	background:#3D5885;
	white-space:nowrap;
	white-space:normal;
	-webkit-transition:background .2s;
	transition:background .2s;
}

#menu-main-menu > li {
	float:left;
	text-align:center;
	height:54px;
	border-left: 1px solid #fff;
	width: 16.57%;
}

#menu-main-menu > li:first-child {
	border-left:none;
}

#menu-main-menu > li > a:first-child {
	/* width: 191px; */
}

#menu-main-menu > li:first-child a {
}

#menu-item-10363 a { /* Members Area */
	background-color:#61802C;
	color:#fff !important;
}



#menu-main-menu li:hover > ul,
#menu-main-menu li.sfHover > ul {
	display:block;
}

#menu-main-menu ul ul {
	top:0;
	left:100%;
}
	
#menu-main-menu ul li {
	background:#AABDE6;
	text-align:left;
}

#menu-main-menu ul li a {
	border-bottom:1px solid #a7a9ac;
	padding: 10px;
	color:#000;
}

#menu-main-menu ul ul li {
	background:#9AAEDB;
}
	
#menu-main-menu li:hover,
#menu-main-menu li.sfHover {
	background:#534731;
	-webkit-transition:none;
	transition:none;
}

#menu-main-menu > li > a:focus,
#menu-main-menu > li > a:hover,
#menu-main-menu > li > a:active {
	background:#534741;
	color:#FFF;
}

#menu-main-menu > li:hover > a,
#menu-main-menu > li.sfHover > a {
	color:#FFF !important;
}

#menu-main-menu ul.sub-menu {
	width:100%;
}

#menu-main-menu ul.sub-menu > li > a:focus,
#menu-main-menu ul.sub-menu > li > a:hover,
#menu-main-menu ul.sub-menu > li > a:active {
	background:#534741;
	color:#FFF;
}

#menu-main-menu ul.sub-menu > li:hover > a,
#menu-main-menu ul.sub-menu > li.sfHover > a {
	color:#FFF !important;
}

#menu-main-menu ul.sub-menu > li:hover,
#menu-main-menu ul.sub-menu > li.sfHover {
	background:#534741;
}

#menu-main-menu ul.sub-menu li:last-child {
	border-bottom:none;
}

#menu-main-menu li ul li {
	background:#cdcdcd;
}


/* Mobile Nav + Search + Social Media */

/*
#mobile-search { padding:15px; }
#mobile-search .form-inline { position:relative; }
#mobile-search .form-inline .form-group { display:block; margin-bottom:0; }
#mobile-search .form-inline .form-control { width:100%; height:48px; }
#mobile-search .wb-srch-sub { top:6px; padding-right:10px; }
#mobile-search .wb-srch-sub:hover { background-color:transparent; border:none; }
#mobile-search .wb-srch-sub img { width: 35px; }
#mobile-search label, #mobile-search h2 {
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}
*/

#mobile-nav-wrapper { z-index:1000 !important; }

#mobile-nav-wrapper-2 { background-color: #fff; z-index:1000 !important; }
#mobile-nav-wrapper-2 #social-media-mobile a { padding:15px; display:inline-block; }
#mobile-nav-wrapper-2 #social-media-mobile a img { width:30px; }

/* Menu Toggle Button (Mobile) */
a#mobile-nav-toggle {
	display:none;
	font-size:1em;
	margin:20px 0 20px 0;
	text-align: center;
	text-decoration:none;
	float:right;
}

a#mobile-nav-toggle img {
	padding:10px 5px;
}

.menu-text {
	display:none;
	text-transform: uppercase;
	float: right;
	margin: 23px 10px 0 0;
	font-size: 1.5em;
	color: #003e6b;
}

/* accordion elements */
#mobile-nav-wrapper-2 { display:none; }

ul#mobile-nav {
	padding:0;
}

ul#mobile-nav li {
	list-style-type: none;
	position:relative;
	display:block;
	font-size:16px;
	padding:0;
	background-color:#3d5885;
	text-decoration:none;
	border-bottom:1px solid #fff;
	overflow:hidden;
}

ul#mobile-nav li.menu-item-338 {
	background-color:#61802C;
}

ul#mobile-nav li.menu-item-338 ul li {
	background-color:#61802C !important;
}

ul#mobile-nav li a {
	display: table;
	float:left;
	width:auto;
	padding: 15px 15px 10px;
	color:#fff;
	text-decoration:none;
	transition: all 0.15s;
}

ul#mobile-nav li a br {
	display:none;
}

ul#mobile-nav li ul.sub-menu {
	display:none;
}

ul#mobile-nav li:hover a,
ul#mobile-nav li ul.sub-menu li:hover a {
	color:#fff;
}

ul#mobile-nav li:hover ul.sub-menu a {
	color:#fff;
}

ul#mobile-nav li img {
	cursor: pointer;
	cursor: hand;
}

ul#mobile-nav li.menu-item div.toggle-icon {
	display:block;
	float:right;
	text-align:right;
	width:33px;
	margin:5px 5px 5px 15px;
}

/* submenus */

ul#mobile-nav ul.sub-menu { padding:0; }

ul#mobile-nav li.menu-item  ul.sub-menu li:first-child {
	border-top: 1px solid #fff;
}

ul#mobile-nav li.menu-item ul.sub-menu li:last-child {
	border-bottom:none;
}

ul#mobile-nav li.menu-item ul.sub-menu {
	clear:both;
	margin:0;
	padding:0;
}

ul#mobile-nav li.menu-item ul.sub-menu li {
	background-color: #617ca8;
	padding:0;
}

ul#mobile-nav li.menu-item.menu-item-10363,
ul#mobile-nav li.menu-item.menu-item-10363 .sub-menu li { /* Members Area */
	background-color:#61802C;
	color:#fff !important;
}

ul#mobile-nav li.menu-item ul.sub-menu li a {
	width:70%;
	margin-left: 15px;
}

/* sub-sub-menus */
ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu {
	clear:both;
}

ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li {
	padding-left:15px;
}

ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li a {
	width:70% !important;
	color:#fff;
}

ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li a:hover {
	color:#fff;
}

#mobile-nav ul ul {
	display: none;
}



/* ================================================== CONTENT (GENERAL) ============================================================= */



#primary {
	display:block;
	width: 100%;
}

#content img.alignright {
    float:right;
    display:inline-block;
    margin-left:20px;
    margin-bottom:20px;
}


#content h1 {
	font-size: 38px;
	margin-bottom: 30px;
	color: #000;
	display: block;
	background-color: #e4f2fc;
	border-top: 1px solid #3D5885;
	border-bottom: 1px solid #3D5885;
	padding: 20px 0;
	clear: both;
}

body.home #content h1 {
	background:none;
	border:none;
	padding: 0;
}

#content h2 {
	font-size: 24px;
	margin:20px 0 10px 0;
}

#content h3 {
	margin:20px 0 10px 0;
	color:#557499;
}

#content h4 {
	font-size:16px;
	margin:20px 0 10px 0;
	color:#557499;
}

#content h5 {
	font-size:14px;
	margin:20px 0 10px 0;
	color:#666666;
}

#content h6 {
	font-size:1em;
	margin:20px 0 10px 0;
	color:#666666;
}

#content p {
	margin-bottom:10px;
	font-size: 1em;
	line-height: 1.4em;
}

#content sup {
    vertical-align: super;
}

#content ul,
#content ol {
	margin-bottom:10px;
}

#content ul li,
#content ol li {
	font-size: 1rem !important;
	line-height: 1.3em;
	margin-bottom: 10px !important;
}

#content table {
	background-color:#e4f2fc;
	border-width:0 0 1px 1px;
    border-spacing:0;
    border-collapse:collapse;
    border-style:solid;
	border-color:#FFF;
    margin-bottom:10px;
}

#content table td {
	margin:0;
    padding:10px;
    border-width:1px 1px 0 0;
    border-style:solid;
	border-color:#FFF;
	color:#000;
	font-size:1em;
}

strong {
	font-weight:bold !important;
}

#content p a {
	color:#0a3d82;
}

#content ul,
#content ol {
	padding-left:30px;
}

#content ul {
	list-style-type:disc;
}

#content ol {
	list-style-type:decimal;
}
	
#content ul li,
#content ol li {
	margin-bottom:5px;
}

#content ul li a,
#content ol li a {
	color:#0a3d82;
}

a.readmore img {
	width: 20px !important;
	height: auto;
}

.readmore {
	display:inline-block;
	padding: 3px 30px 3px 15px;
	color:#fff !important;
	font-size: 1.1em;
	text-decoration:none;
	margin-top:10px;
	border-radius: 5px;
	position:relative;
    background:#6D9C51;
}

    .readmore::after {
        content:"";
        display:block;
        position:absolute;
        right:5px;
        top:6px;
        background:url('img/chevron-right-white.svg');
        background-size: 15px 15px;
        background-repeat:no-repeat;
        width: 15px;
        height: 20px;
        
    }

    .readmore.blue { background:#3D5885; }
    .readmore.green { background:#6D9C51; }

    .readmore:hover, .readmore:active { background-color:#82ba60; }

    .readmore.blue:hover, .readmore.blue:active { background-color:#4B6EA0; }
    .readmore.green:hover, .readmore.green:active { background-color:#82ba60; }

.search .entry-header {
	width:auto;
	padding:0;
}

.keyword {
	color:#61802c;
}



/* ============================================================ HOMEPAGE ============================================================= */

/* Homepage slider */

#homeslider2-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color:#3D5885;
    margin-bottom:30px;
}

#homeslider2-wrapper-bothide { /* hide blue line on bottom */
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-top: -1px;
    position: absolute;
}

#homeslider2-wrapper #homeslider2-slider {
    width:66.6667%;
    position:absolute;
    top:0;
    right:0;
    clip-path: polygon(50px -1px, 100% -1px, 100% 100%, 0px 100%);
    height:100%;
}

#homeslider2-wrapper #homeslider2-slider span.category,
#homeslider2-wrapper #homeslider2-slider span.title,
#homeslider2-wrapper #homeslider2-slider span.excerpt,
#homeslider2-wrapper #homeslider2-slider a.url {
    display:none; /* never need to show - for lazy loading only */
}

#homeslider2-wrapper #homeslider2-textblock {
    background-color:#3D5885;
    width:33.3334%;
    height:500px;
}

#homeslider2-wrapper #homeslider2-textblock .inner{
    padding:30px 0 0 30px;
}

#homeslider2-wrapper #homeslider2-textblock h2 {
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 15px;
    font-size:1.5em;
    font-weight:300;
    color:#fff;
}

#homeslider2-wrapper #homeslider2-textblock h2 #homeslider-pagination {
    display:flex;
    justify-content: space-between;
    align-items:center;
}

#homeslider2-wrapper #homeslider2-textblock h2 #homeslider-pagination .slider-nav {
    cursor:pointer;
    display:block;
    width:30px;
}

#homeslider2-wrapper #homeslider2-textblock h2 #homeslider-pagination .slider-nav:last-child {
	margin-left:15px;
}

#homeslider2-wrapper #homeslider2-textblock h2 #homeslider-pagination .slider-nav img {
    display:block;
    width:100%;
    height:auto;
}

#homeslider2-wrapper #homeslider2-textblock h3.title {
    color:#fff;
    font-size: 1.7em;
    font-weight:600;
    margin-bottom: 10px;
}

#homeslider2-wrapper #homeslider2-textblock p.excerpt {
    color:#fff;
    margin-bottom: 10px;
}

#homeslider2-wrapper #homeslider2-textblock a.readmore.hidden,
#homeslider2-wrapper #homeslider2-slider-mobile a.readmore.hidden {
    display:none;
}

/***** Homeslider 2 - for mobile only *****/

#homeslider2-slider-mobile {
    display:none;
    padding: 30px;
}

#homeslider2-slider-mobile h2 {
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 15px;
    font-size:1.5em;
    font-weight:300;
    color:#fff;
}

#homeslider2-slider-mobile h2 #homeslider-pagination {
    display:flex;
    justify-content: space-between;
    align-items:center;
}

#homeslider2-slider-mobile h2 #homeslider-pagination .slider-nav {
    cursor:pointer;
    display:block;
    width:30px;
}

#homeslider2-slider-mobile h2 #homeslider-pagination .slider-nav:last-child {
	margin-left:15px;
}

#homeslider2-slider-mobile h2 #homeslider-pagination .slider-nav img {
    display:block;
    width:100%;
    height:auto;
}

#homeslider2-slider-mobile h2 span {
    color:#fff;
    font-size: 1em;
    font-weight:300;
}

#homeslider2-slider-mobile h3.title {
    color:#fff;
    font-size: 1.5em;
    font-weight:600;
    margin-bottom: 10px;
}

#homeslider2-slider-mobile p.excerpt {
    color:#fff;
    margin-bottom: 10px;
}

#homeslider2-wrapper #homeslider2-slider-mobile a.read-more {
    color:#203258;
}

.slick-slide img {
    width: 100%;
}

/* Force this slider to be a certain height: */

#homeslider .slick-track { display: flex !important; }
#homeslider .slick-slide { max-height: 500px !important; }



/* President's Message */

#president-msg-block {
    width:100%;
    background-color: var(--color-lightgreen);
    display: block;
    padding-top:60px;
    padding-bottom:60px;
    border-top: 1px solid var(--color-green);
    border-bottom: 1px solid var(--color-green);
}

    #president-msg-block .inner {
        width:90%;
        display: flex;
        margin:0 auto;
    }

        #president-msg-block .inner .left {
            width:calc(30% - 30px);
            margin-right:50px;
        }

            #president-msg-block .inner img {
                display:block;
                width:100%;
            }

        #president-msg-block .inner .right {
            width:70%;
        }

            #president-msg-block .inner .right h2 {
                display:inline-block;
                position: relative;
            }

                #president-msg-block .inner .right h2::before {
                    content: "";
                    position: absolute;
                    top: -20px;
                    left: 0;
                    width: 75px;
                    border-top: 10px solid var(--color-green);
                }


/*** Home - Featured and Events Section ***/


#featured-and-events-wrapper *,
#featured-and-events-wrapper *:after,
#featured-and-events-wrapper *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#featured-and-events-wrapper {
    width:100%;
    margin-top:30px;
}

    #featured-and-events-wrapper .inner-wrapper {
        max-width:1640px;
        display:flex;
    }

        #featured-and-events-wrapper .inner-wrapper .fae-block {
            background-color: var(--color-lightgrey);
            border-bottom: 1px solid var(--color-blue);
        }

            #featured-and-events-wrapper .inner-wrapper .fae-block.first {
                width:calc(50% - 10px);
                margin-right:10px;
            }

            #featured-and-events-wrapper .inner-wrapper .fae-block.first #feat-block-image {
                display:block;
                width:100%;
                height:300px;
                background-color: #003e6b;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top center;
            }

            #featured-and-events-wrapper .inner-wrapper .fae-block.second {
                width:calc(50% - 10px);
                margin-left:10px;
            }

                #featured-and-events-wrapper .inner-wrapper .fae-block#home-events-block .event-block .feat-block-image {
                display:block;
                width:100%;
                background-color: #003e6b;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top center;
            }

            

        #featured-and-events-wrapper .inner-wrapper .fae-block .inner {
            padding:30px;
        }

        #featured-and-events-wrapper .inner-wrapper .fae-block .header-wrapper {
            display:flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            background-color: var(--color-blue);
            padding: 15px;
            height: 60px;
        }

            #featured-and-events-wrapper .inner-wrapper .fae-block .header-wrapper h2 {
                display: block;
                width: 100%;
                color: #fff;
                font-size: 1.2em;
                text-transform: uppercase;
                font-weight: 600;
                background-color: var(--color-blue);
                margin: 0;
            }

            #featured-and-events-wrapper .inner-wrapper #home-events-block h3 {
                display: inline-block;
                font-size: 24px;
                color: var(--color-black);
                margin: 0 0 20px 0;
                font-weight:600;
            }

            #featured-and-events-wrapper .inner-wrapper .fae-block .header-wrapper .toggle {
                display:flex;
                width: 30%;
                justify-content: flex-end;
                align-items: flex-start;
            }

            #featured-and-events-wrapper .inner-wrapper .fae-block .header-wrapper .toggle img.btn-prev,
            #featured-and-events-wrapper .inner-wrapper .fae-block .header-wrapper .toggle img.btn-next {
                cursor:pointer;
                display:block;
                width: 30px;
            }

            #featured-and-events-wrapper .inner-wrapper .fae-block .header-wrapper .toggle img.btn-prev {
                margin-right:10px;
            }

        #featured-and-events-wrapper .inner-wrapper .fae-block p.details-link {
            display:inline-block;
            font-size:24px;
            font-weight:600;
            margin-bottom:20px;
            color:#000;
        }


/*** Home - Sponsors Slider ***/


.sponsors-slider .slick-track {
    display:flex !important;
    align-items: center;
}

    .sponsors-slider .slick-track .slick-slide {
        display: flex;
        height: auto;
        align-items: center;
        justify-content: center;
    }




.sponsors-slider-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}

    .sponsors-slider-wrapper a.btn-prev,
    .sponsors-slider-wrapper a.btn-next {
        display:block;
        width:50px;
        position:absolute;
        top:calc(50% - 25px);
    }

    .sponsors-slider-wrapper a.btn-prev {        
        left: -25px;
    }

    .sponsors-slider-wrapper a.btn-next {
        right: -25px;
    }

        .sponsors-slider-wrapper a img {
            display:block;
            width:100%;
        }


    .sponsors-slider-wrapper .sponsors-slider {
        display:block;
        margin-left: 50px;
        margin-right: 50px;
    }

    .sponsors-slider-wrapper .sponsors-slider .slide {
        padding: 0 15px;
    }

    .sponsors-slider-wrapper .sponsors-slider .slide img {
        display:block;
        max-width:75%;
        margin:0 auto;
    }





/*** Home - Events Accordion (2025) ***/


.events-container *,
.events-container *:after,
.events-container *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.events-container {
    width:100%;
    margin-bottom:30px;
}

.events-container .event {
    width:100%;
    border-bottom:1px solid var(--color-green);
}

    .events-container .event .event-type {
        border-radius:0 0 15px 0;
        margin-top:-3px;
        font-size:1.5em;
    }

    .events-container .event .event-details-level1-wrapper {
        display: flex;
        width: 100%;
        padding-bottom: 20px;
        align-items: center;
        padding-top: 20px;
        background-color: var(--color-lightgreen);
    }

    #content .events-container .event .event-details-level1-wrapper p.date {
        display: table-cell;
        font-weight: 300;
        width: 250px;
        vertical-align: middle;
        margin-bottom:0;
        padding-left: 15px;
        margin-bottom: 0;
    }

        .events-container .event .event-details-level1-wrapper p.date span {
            display:block;
            font-weight: 600;
            width:100%;
        }

    .events-container .event .event-details-level1-wrapper .event-details-level1 {
        width: 100%;
        display: flex;
        align-items: center;
    }

        .events-container .event .event-details-level1-wrapper .event-details-level1 span.logo {
            width: 25%;
            display: block;
            margin-right: 15px;
        }

            .events-container .event .event-details-level1-wrapper .event-details-level1 span.logo img {
                display:block;
                max-width: 200px;
            }

        .events-container .event .event-details-level1-wrapper .event-details-level1 p.title {
            display: block;
            font-size:1.5em;
            font-weight:600;
            margin-bottom:0 !important;
            width: 25%;
            margin-right: 15px;
            text-align: center;
        }

        .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper {
            display: block;
            margin-right: 15px;
            width: 25%;
        }

            .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location {
                display:flex;
                align-items: center;
                justify-content: center;
            }

                .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location img {
                    display:block;
                    width:25px;
                    margin-right:15px;
                }

                .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location span {
                    font-size: 1em;
                    font-weight: 600;
                    position:relative;
                    margin-bottom:0;
                    vertical-align: middle;
                }


        .events-container .event .event-details-level1-wrapper .event-details-level1 .view-details-btn-wrapper {
            display: block;
            width: 25%;
        }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                font-size: 1em;
                font-weight: 600;
                text-decoration: none;
                color:#000;
                padding-right:10px;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn img {
                display:block;
                width: 30px;
                margin-left:15px;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn img.closed {
                display:block;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn img.open {
                display:none;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn.active img.closed {
                display:none;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn.active img.open {
                display:block;
            }

    .events-container .event .event-details-level2 {
        display:none;
        /* margin-bottom:60px; */
        padding: 0 30px 30px 30px;
        background-color: var(--color-lightgreen);
    }

    #content .events-container .event .event-details-level2 table.event-details-table {
        background-color:unset !important;
        border-collapse: collapse;
        border:none;
        margin-left:-10px;
    }
    
    #content .events-container .event .event-details-level2 table {
        background-color: unset;
    }

        #content .events-container .event .event-details-level2 table.event-details-table tr {
            padding:10px;
            background-color: unset;
            border:none;
        }

            #content .events-container .event .event-details-level2 table.event-details-table td {
                padding:10px;
                background-color: unset;
                border:none;
            }



/*** END HOME EVENTS ACCORDION 2025 ***/



.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/homeslider_dot.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#slides .pagination li a:hover {
	color:#bda27d;
	text-decoration:none;
}

/* Home News Widget */

#home_news {
	margin-top:20px;
}

#home_news h1 {
	display:block;
	background-color:#d7dfae;
	color:#362f2d;
	margin:0;
	font-size:22px;
	font-weight:bold;
	padding:3px 0 3px 20px;
}

#home_news h2 {
	margin:0;
	padding:0 0 10px 0;
	line-height:18px;
}

#home_news h2 a {
	color:#0a3d82;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.home_news_item {
	border:1px solid #d7dfae;
	padding:20px;
}

.home_news_item_thumbnail {
	float:left;
	margin-right:10px;
}

.home_news_item_content {
	float:left;
	width:100%; /* width:448px; */
}

.home_news_item_content p {
	font-size:1em;
}

/* call-to-action buttons */
.button-container {
	display:table;
	width:100%;
	margin-top: 50px;
}

.button-row {
	display:table-row;
	width:100%;
}

.button-cell {
	display: table-cell;
	width: 33%;
	vertical-align: middle;
	background-color: #fff;
	height: 85px;
	padding-bottom: 5px;
}

.button-cell span {
	float: left;
	display: block;
	padding: 35px 0px 35px 30px;
	width: 260px;
	text-align: left;
	font-size: 20px;
}

.button-cell img {
	display: block;
	margin-left: 10px;
	float: left;
	width: 18px;
	padding: 35px 0 35px 0;
}

.button-cell.first {
	padding-right: 5px;
}

.button-cell.second {
	padding-right: 5px;
}

.button-cell a {
	display:block;
	width:100%;
	background-color: #3D5885;
	text-align: center;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}

.button-cell a:hover {
	background-color: #46689f;
}

/* blocks (3 wide) for homepage content */

.block-title {
    margin-top:30px;
    display: block;
    width: 100%;
    background-color: var(--color-green);
    padding: 15px;
    box-sizing: border-box;
}

.block-title.sponsors {
    background-color: var(--color-darkgrey);
}

#content .block-title h2 {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}



.no-upcoming-events,
.no-job-postings {
	padding:10px;
}




.grid-container {
	display:table;
	width:100%;
	margin-top: 30px;
}

.grid-row {
	display:table-row;
	width:100%;
}

.grid-cell {
	display: table-cell;
	width: 33%;
	vertical-align: top;
}

.grid-cell-inner {
    min-height: 100px;
    margin-right: 5px;
    padding: 0;
    border-right: 2px solid;
}

.grid-cell-inner.spacer {
    border-right: none;
}

.grid-cell:last-child .grid-cell-inner {
	border-right: none;
	border-bottom: none; /* for mobile */
}

.grid-cell-inner p {
    line-height:inherit !important; /* prevent it from being "spaced out" like <p>in body text */
}

.grid-cell-inner.line-red { border-color: #AF4731; }
.grid-cell-inner.line-blue { border-color: #3D5885; }
.grid-cell-inner.line-orange { border-color: #DF903B; }
.grid-cell-inner.line-green { border-color: #6D9C51; }

.grid-cell-inner img {
	display:none;
}

.grid-container .grid-row .grid-cell .grid-cell-inner img {
	display:block;
}

.grid-cell-inner.item3 {
    margin-right: 0;
}

.grid-cell-inner h3 {
	padding: 10px 10px;
	overflow: hidden;
	margin: 0 !important;
}

.grid-cell-inner h3 a {
	font-size: 1em;
	color: #333;
	text-decoration: none;
}

.grid-container.bestpractices .grid-row .grid-cell .grid-cell-inner h3 a img {
	float:left;
	width: 9%;
	height:auto;
	margin-right: 1%;
}

.grid-container.bestpractices .grid-row .grid-cell .grid-cell-inner h3 a span {
	float:left;
	width: 90%;
	height:auto;
}

.grid-cell-inner .excerpt-wrapper {
	padding:0;
	display:table;
}

.grid-cell-inner .excerpt-wrapper img {
	width:100%;
	height:auto;
}

.grid-cell-inner .excerpt-wrapper .left {
	display:table-cell;
	width: 70%;
	padding:10px 0 10px 10px;
}

.grid-cell-inner .excerpt-wrapper .right {
	display:table-cell;
	overflow:hidden;
	width: 30%;
	padding: 10px 10px 10px 0;
	vertical-align:bottom;
	text-align: center;
}

.grid-cell-inner .excerpt-wrapper .right img {
	display: inline-block !important;
	width:40px;
	height:auto;
	margin: 0;
}

.grid-cell-inner .excerpt-wrapper .right a span {
	display: none;
}

.grid-cell-inner-table {
	padding:0;
	display:table;
}

.grid-cell-inner-table .left {
	display:table-cell;
	width: 70%;
	padding:10px 0 10px 10px;
}

.grid-cell-inner-table .right {
	display:table-cell;
	overflow:hidden;
	width: 30%;
	padding: 10px 10px 10px 0;
	vertical-align:bottom;
	text-align: center;
}

.grid-cell-inner-table .right img {
	display: inline-block !important;
	width: 20px;
	height:auto;
	margin: 0;
}

.grid-cell-inner .more-wrapper {
	width:100%;
	text-align:right;
}

.grid-cell-inner .more-wrapper a {
	margin: 0 10px 10px 0;
}

.grid-cell.placeholder .grid-cell-inner {
	background-color:#fff;
}

.grid-container.jobs .grid-row .grid-cell .excerpt-wrapper img {
	display:none;
}

.grid-container.membersquestions .grid-cell-inner-table .right {
    vertical-align: bottom;
}

.grid-container.membersquestions .excerpt-wrapper .right img {
	width:20px;
}

.grid-container.news .grid-cell-inner-table .right {
    vertical-align: bottom;
}

.grid-container.news .grid-cell-inner-table a span {
	display:none;
}

.grid-container.news .grid-cell-inner-table .right img {
	width:20px;
}

.grid-container.news h3 {
	padding-left:0;
	padding-top:0;
}

.grid-container.upcomingevents .grid-cell-inner-table a span {
	display:none;
}

.grid-container.upcomingevents h3 {
	padding-left:0;
	padding-top:0;
}



/* ============================================================ PHOTO GALLERIES PAGE ============================================================= */

#content p.wp-caption-text {
	line-height: inherit;
}



/* ============================================================ RESOURCES PAGE ============================================================= */

.categories {
	margin:20px 0;
}

.cat {
	position:relative;
	padding-bottom:20px;
	border:1px solid #eee;
	vertical-align:top;
	width:100%;
	min-height:auto;
	margin-bottom:1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.cat:first-child {
	margin-left:0;
}

.execphpwidget .cat {
	margin-left:0;
	margin-bottom:10px;
	min-height:160px;
}

.cat-title {
	margin:0 !important;
	padding: 10px;
	text-align:center;
	background-color:#eee;
}
		
.cat p.viewall {
	display:block;
	width:100%;
	text-align:right;
}

.cat p.viewall a.readmore {
	background: #888 url(img/readmore_arrow_white.png) no-repeat 93% center;
	margin-right:10px;
	color:#FFF !important;
	font-size: 0.8rem;
	padding: 0 30px 0 15px;
	line-height: 1.8rem;
}

.cat ul {
	list-style-type:none !important;
	margin:0 !important;
	padding:0 10px !important;
	font-size:1em;
}

.cat li {
	overflow:hidden;
	margin:10px 0;
}

.cat img {
	float:left;
	margin-right:10px;
}

.categories .date {
	color:#999;
	font-style:italic;
}

.categories .more {
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:0 !important;
}

.resource-list resource-icon {
	margin-bottom:10px;
	float:none;
}

.resource-list .resource-body {
	width: 100%;
	float:none;
}

.execphpwidget .cat {
	width:auto;
	min-height:auto;
}

#content div.sidebar_resource_details {
	font-size:1rem;
}



/* ============================================================ RESOURCES DETAILS PAGE ============================================================= */

.resource {
	display:block;
	overflow:hidden;
	margin:0 0 10px;
	padding:20px;
	border:1px solid #eee;
}
	
a.disabled {
	opacity:0.5;
	cursor:help;
}
	
.resource:hover {
	border-color:#666 !important;
}

.term-best-practices .resource { border-color:#c8dbe9; }
.term-legislation .resource { border-color:#e1c9d7; }
.term-taxation-how-to .resource { border-color:#f9e9d8; }

.resource-icon {
	float:left;
	margin-right:20px;
}

.resource-icon > img {
	display:block;
}

.resource-body > h2 {
	color:#0a3d82;
	font-size:18px;
	font-weight: 400;
}

#content .resource-list ul.list {
	margin: 0;
	padding: 0;
}

.resource-list .resource {
	padding: 20px 10px;
	margin: 0;
}

.resource-list .resource-icon {
	width: 30px;
}

.resource-list .resource-body {
	width: 600px;
	float: left;
}

#content .resource-list .resource-body h2 {
	margin: 0 0 5px 0;
}

#content .resource-list .resource-body p {
	margin-bottom: 0;
}

#content .resource-list .resource-body .keywords {
	color: #999;
	display: inline-block;
}

.resource-list .resource-body .keywords {
	display: none;
}

.resource-list .date_sort {
	display: none;
}

.resource-search {
	margin-bottom: 1em;
}

.resource-search label:first-child {
	display: none;
}

.resource-search .resource-q {
	border: 1px solid #b0b0b0;
	font-size: 1em;
	padding: 5px 10px 5px 30px;
	background: transparent url('/wp-content/themes/omtra/img/search-magnify.png') no-repeat 10px center;
	width: 300px;
}

.resource-search .button-clear {
	border: none;
	background-color: #8aaf4b;
	font-size: 1em;
	color: #fff;
	padding: 5px 10px;
	cursor: pointer;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	font-family: 'Montserrat';
}

.resource-search .button-clear:hover {
	opacity: 0.8;
}

.resource-search label.resource-sort {
	padding-left: 1em;
	color: #909090;
}

.resource-search select.resource-sort {
	font-size: 1em;
	border: none;
	background-color: #8aaf4b;
	color: aliceblue;
	height: 30px;
}



/* ============================================================ EVENTS ============================================================= */

/* Event Block */

#event_block {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding:20px;
	background-color: #f8f8f8;
	margin-bottom:1em;
}

#event_block h1 {
	display:block;
	background-color:#d7dfae;
	color:#362f2d;
	margin:0;
	font-size:22px;
	font-weight:bold;
	padding:3px 0 3px 20px;
}

#event_block h2 {
	margin:0;
}

#event_block h2 a {
	color:#0a3d82;
	text-decoration:none;
}

.event_block_thumbnail {
	float:left;
	margin-right: 2%;
	overflow: auto;
	width: 23%;
}

.event_block_thumbnail .attachment-post-thumbnail {
	width: 100%;
	height:auto;
	display: block;
}

.event_block_content {
	float:left;
	width: 75%;
}
	
.event_block_content.no-thumb {
	float:none;
	width: 100%;
}

.event_block_content p {
	font-size:1em;
}



/* Event single page */

h2.event_date {
	margin:0 !important;
	padding:0 !important;
	font-size:18px;
	line-height:18px;
}

.event_photo {
	margin:10px 0;
}

.event_photo .attachment-post-thumbnail {
	width:700px;
	height:auto;
}



/* Event side widgets */

.widget-comingevents {		border-color:#f1d6b5 !important; }
.widget-comingevents h1 {	background-color:#f1d6b5 !important; }
.widget-recentevents {		border-color:#e2c9d7 !important; }
.widget-recentevents h1 {	background-color:#e2c9d7 !important; }




/* ============================================================ MEMBER ARTICLES PAGE =============================================================*/

#articles-nav {
	margin: 20px 0 0 0;
}

.nav-previous,
.nav-next {
	display: table;
	float: left;
	font-size: 1em;
	text-decoration: none;
	border-radius: 5px;
	background-color: #e6e6e6;
	margin-bottom: 20px;
	margin-right: 20px;
}

.nav-previous a,
.nav-next a {
	display:table;
	text-decoration:none;
	color:#362f2d !important;
}

.nav-previous a img,
.nav-next a img {
	display:table-cell;
	vertical-align:middle;
	padding:10px;
}

.nav-previous a span,
.nav-next a span {
	display:table-cell;
	vertical-align:middle;
}

.nav-previous a span {
	padding:10px 10px 10px 5px;
}

.nav-next a span {
	padding:10px 5px 10px 10px;
}

.nav-previous a span.older-content-text {
	padding:0 10px 0 0;
}

.nav-next a span.newer-content-text {
	padding:0 0 0 10px;
}

.nav-previous a span.meta-nav {
	padding:0;
}
	
.nav-next a span.meta-nav {
	padding:0;
}

#questions-nav {
	margin-top:30px;
}

#questions-nav a {
	display:table-cell;
	vertical-align: middle;
}

#questions-nav .nav-previous a {
	padding: 10px 10px 10px 0;
}

#questions-nav .nav-next a {
	padding: 10px 0 10px 10px;
}

#questions-nav img {
	display:table-cell;
	padding: 10px;
	vertical-align: middle;
}

#commentform #submit {
	display: block;
	font-size: 1em;
	color: #fff;
	padding: 10px 15px;
	background: #0a3d82;
	border: 0 none;
	cursor: pointer;
}

.site-content p {
	font-size:1em;
}

#comments {
	border-top:1px solid #999;
	margin-top:40px;
}

.logged-in-as {
	color:#CCC;
}

.comment-form-comment textarea#comment {
	width: 92%;
	min-height:150px;
	font-size: 0.8em;
	line-height: 1.3em;
	padding:1em;
}

/* comment roll */

body.single-memberarticles .vcard {
	width:auto;
	height:auto;
}

#content ul.comment-list,
#content ul.comment-list ul.children {
	list-style-type:none !important;
	margin-top:20px;
}

#content ul.comment-list li {
	margin-bottom:40px;
	font-size: 1em;
}

.commentmetadata {
	margin-bottom:5px;
}

.commentmetadata a {
	color:#ccc !important;
}

#comments p {
	font-size: 1em;
	line-height: 1.3em;
}

#comments p input {
	font-family: 'Montserrat';
}

.reply {
	margin-top:20px;
}

a.comment-reply-link {
	background: #0a3d82;
	padding:5px;
	color:#fff !important;
	text-decoration:none;
}

h3#reply-title a {
	text-decoration:none;
	color:#000;
}

h3#reply-title small a {
	clear:both;
	display:block;
	padding:5px 10px;
	font-size:0.9em;
	margin-top:10px;
	background-color:#e6e6e6;
	text-decoration:none;
	color:#999;
	width:80px;
}

.comment-being-replied-to {
	background-color:#eaf8d7;
	padding:0.5em;
}

.comment-being-replied-to .reply {
	display:none;
}



/* ============================================================ JOB BOARD =============================================================*/

/* Accordion Menu */

.accordion {
	list-style-type:none;
	padding:0;
	margin:0;
	border-top:none;
	border-left:none;
	margin-bottom:5px !important;
}

.accordion ul {
	padding:0;
	margin:0;
	float:left;
	display:block;
	width:700px;
}

.accordion li {
	list-style-type:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
	float:left;
	display:block;
	width: 100%;
}

.accordion img {
	max-width:100%;
	height:auto;
}

.accordion li.active .accordion_link {
	background:url('img/accordionmenu_close.png') no-repeat center right;
	outline:0;
}

body.home .accordion li.active .accordion_link {
	background:url('img/accordionmenu_close_red.png') no-repeat center right;
	outline:0;
}

.accordion li div {
	display:block;
	clear:both;
	float:left;
	width: 99.8%;
}

.accordion li div span {
	width:100%;
	padding:10px;
	display:block;
}

.accordion span.accordion_link {
	cursor:pointer;
	background-color:#d7dfae !important;
	outline:0;
	text-decoration:none;
	font-size: 16px;
	color:#222 !important;
	padding: 15px 40px 15px 10px;
	display:block;
	background:url('img/accordionmenu_open.png') no-repeat center right;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
	
body.home .accordion span.accordion_link {
	background-color: #f8f8f8 !important;
	border-top-color: #5e1a30;
	border-bottom-color: #5e1a30;
	background:url('img/accordionmenu_open_red.png') no-repeat center right;
}

.accordion_wrapper {
	margin-left:-30px;
	margin-top:20px;
	overflow:hidden;
}



/* ============================================================ SITEMAP =============================================================*/

#wp-realtime-sitemap-pages .page-item-469 ul {
	display:none;
}



/* ============================================================ SIDEBAR =============================================================*/

a.become_a_member {
	display:block;
	/* width: 100%; */
	padding:20px;
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#fff;
	background-color:#61802c;
}

.widget {
	background-color:#FFF;
	margin-bottom:20px;
}

.widget a {
	color:#0a3d82;
	font-size: 0.8rem;
	line-height: 1rem;
}

.widget ul {
	list-style-type:disc;
	margin:10px;
	margin-left:30px;
	font-size: 1em;
}

.widget ul li {
	margin-bottom:5px;
	line-height: 1.3em;
	font-size: 0.8rem;
}

.widget h1 {
	background-color:#e2e9d9;
	font-size: 1em;
	font-weight:bold;
	padding:10px;
}

.widget h2 {
	font-size:14px;
	font-weight:bold;
}

.widget h3 {
	font-size: 12px;
}

.widget p {
	font-size: 0.8rem;
}

.widget p a {
	font-size: 0.8rem;
}

.widget.recentevents .cat {
	padding:10px;
}



/* Twitter Widget */

aside.widget-latesttweets {
	border-color:#c7dbea !important;
}

aside.widget-latesttweets h1 {
	background-color:#c7dbea !important;
}

aside.widget-latesttweets ul.tweet_list {
	margin-left:10px;
}

aside.widget-latesttweets ul.tweet_list li {
	list-style-type:none;
	margin-bottom:10px;
}

aside.widget-latesttweets ul.tweet_list .tweet_time {
	display:block;
	clear:both;
	margin-top:5px;
}

aside.widget-latesttweets ul.tweet_list .tweet_time a {
	color:#a1a1a1;
}

/* Category & Archives Widgets */

.widget-archives select {
	margin:10px;
	font-size: 1em;
}

a.sidebar_resource_iconlink {
	display:block;
	float:left;
}

div.sidebar_resource_details {
	display:block;
	float:left;
	width:75%;
	font-size: 1.2em;
}

div.sidebar_resource_details span.date {
	font-size: 0.8rem;
	line-height: 1rem;
}



/* Buttons */

.btn {
	padding:2px 25px 1px 10px;
	font-size:1em;
	background-color:#ddd;
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}

.btn:link,
.btn:visited {
	color:#333 !important;
	text-decoration:none;
}

.btn:hover,
.btn:focus {
	color:#eee !important;
	text-decoration:none;
	background-color:#534741 !important;
}

.btn:active {
	color:#eee !important;
	background-color:#333 !important;
}

.btn-more {
	position:relative;
	float:right;
}

.btn-more:after {
	content:'';
	position:absolute;
	top:50%;
	right:2px;
	width:0;
	height:0;
	margin-top:-5px;
	border-top:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #333;
}

.btn-more:hover:after,
.btn-more:focus:after {
	border-left-color:#eee;
}

.btn-more:active:after {
	border-left-color:#eee;
}

.screen-reader-text {
	display:none;
}



/* ============================================================ FOOTER ============================================================= */

#colophon {
	background-color: var(--color-blue);
	padding: 20px;
	text-align: center;
    margin-top:30px;
}

#colophon p {
	font-weight:300;
	font-size:12px;
	color:#362f2d;
	margin-bottom:3px;
}

#colophon a {
	color:#362f2d;
	font-weight:normal;
}

#footer_text {
	display:block;
	width:100%;
}

#footer_text p {
	color:#fff;
}

#footer_text a {
	color:#fff;
}

#footer_text p:first-child {
	margin-bottom:20px;
}

#footer_socialicons {
	display:block;
	float:left;
	width:70px;
	margin-left:640px;
}

#footer_socialicons_twitter,
#footer_socialicons_facebook,
#footer_socialicons_youtube {
	display:block;
	float:left;
	width:18px;
	height:18px;
	margin:10px 0 0 5px;
}

#footer_socialicons_twitter span,
#footer_socialicons_facebook span,
#footer_socialicons_youtube span {
	margin-left:-999999px;
}

#footer_socialicons_twitter {
	background-image:url(img/footer_socialicons_twitter.png);
	background-repeat:no-repeat;
}

#footer_socialicons_facebook {
	background-image:url(img/footer_socialicons_facebook.png);
	background-repeat:no-repeat;
}

#footer_socialicons_youtube {
	background-image:url(img/footer_socialicons_youtube.png);
	background-repeat:no-repeat;
}



/* ============================================================ ADVANCED SEARCH ============================================================= */

#advanced-search label.section {
	color:#0A3D82;
	font-size:1em;
	display:inline-block;
	padding-right:30px;
	font-weight:bold;
}
	
#advanced-search label.inline {
	display:inline-block;
	padding-left:30px;
}
	
#advanced-search .row {
	padding:15px 0;
}

#advanced-search .datepicker {
	padding: 5px;
	font-size: 1rem;
}
	
#advanced-search #q {
	width: 98.5%;
	padding: 5px;
	font-size: 1rem;
	margin-top: 10px;
}
	
#advanced-search ul.categories li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#advanced-search ul.categories li ul.children {
	margin-top:10px;
}
	
#advanced-search input[type="submit"] {
	font-size:1rem;
	margin-bottom:30px;
}



/* ============================================================ GRAVITY FORMS =================================================== */

#content .gform_body ul { padding:0; }



/* ============================================================ UPDATE PROFILE ============================================================= */

#ws-plugin--s2member-profile label.floatlabel,
#ws-plugin--s2member-profile label#ws-plugin--s2member-profile-password1 {
	margin:0;padding:0;
	float:left !important;
	font-size:1em;
	color:#21437e;
}

#ws-plugin--s2member-profile label.floatlabel {
	float:left !important;
	width:140px;
	display:block;
}

input#ws-plugin--s2member-profile-login,
input#ws-plugin--s2member-profile-email,
input#ws-plugin--s2member-profile-first-name,
input#ws-plugin--s2member-profile-last-name,
input#ws-plugin--s2member-profile-display-name,
input#ws-plugin--s2member-profile-member-number,
input#ws-plugin--s2member-profile-title,
div#designation_holder,
input#ws-plugin--s2member-profile-company,
input#ws-plugin--s2member-profile-street-address,
input#ws-plugin--s2member-profile-mailing-address,
input#ws-plugin--s2member-profile-city,
select#ws-plugin--s2member-profile-province,
input#ws-plugin--s2member-profile-postal-code,
input#ws-plugin--s2member-profile-phone,
input#ws-plugin--s2member-profile-fax,
select#ws-plugin--s2member-profile-member-class,
div#ws-plugin--s2member-profile-password-inputs_holder {
	display:block;
	margin:0;padding:0;
	float:left !important;
	width:500px !important;
}

input#ws-plugin--s2member-profile-submit {
	width:140px !important;
}

span#ws-plugin--s2member-profile-password_instructions {
	color:#666 !important;
}

#ws-plugin--s2member-profile-password-strength {
	font-size:1em;
	color:#21437e;
}



/* ============================================================ MEMBER QUESTIONS ============================================================= */

#memberquestions-newoptions-notice {
	width: calc(100% - 30px);
    background-color: #e4f2fc;
    padding: 15px;
    margin-bottom: 30px;
}

#memberquestions-newoptions-notice img {
	display:block;
	width:100%;
	height:auto;
	margin-top:15px;
	margin-bottom:15px;
}

#memberquestions-newoptions-notice p,
#memberquestions-newoptions-notice ul li {
	font-size:0.8em !important;
}


.membersquestions-template-default.single .comment-reply-link {
	display:none;
}

ul.comment-list li.comment {
	border-bottom:1px solid #ccc;
}

#member-comments {
    border-top:1px solid #000;
    margin-top:45px;
    padding-top:15px;
}

#member-comments .comments-spam-notice {
    background-color: #efefef;
    color: #000;
    font-size: 0.8em;
    padding: 10px;
    width: calc(100% - 20px);
}

#member-comments #comments {
    border-top:0 !important;
    margin-top:0;
}



/* ============================================================ MEMBERSHIP DIRECTORY ============================================================= */

#userlist {
	margin-top:40px;
}

#userlist .search-box {
	max-width: inherit;
	min-width: inherit;
}

#userlist .search-box #search-input {
	padding:5px;
	font-size:0.8em;
}

#userlist .search-box #search-submit {
	font-size:1rem;
}

#userlist #user_navigation {
	margin-bottom:40px;
}

#userlist #user_navigation a,
#userlist #user_navigation .novalues {
	display:inline-block;
	background-color:#eee;
	padding:5px;
	margin-bottom:10px;
}

#userlist #user_navigation .novalues {
	color:#ccc;
	background-color:#e9e9e9;
	border:none;
}

a.page-numbers {
    font-weight: inherit;
}


#usertable th {
	width:20%;
}

#usertable th .SORT_ASC,
#usertable th .SORT_DESC {
	display:none;
}

#usertable th a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
	display: block;
    padding-top: 4px;
}

#usertable th a:after {
    font-family: TablePress;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    content: "\f0dc";
}





/* ============================================================ WILD APRICOT INTEGRATION ============================================================= */


/*** General ***/

.wild-apricot iframe {
	border:1px solid #000;
	width:100% !important;
    min-height:1000px;
    margin-top:30px;
}

.wild-apricot h2 {
	font-weight:bold;
}

.wild-apricot h3 {
	font-weight:bold;
}


/*** Login Page ***/

.wa_login_shortcode form {
    width:100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items:center;
}

.wa_login_shortcode form input[type=submit] {
    font-family:'Montserrat';
    background-color: #4CAF50;
    border: none;
    color:#fff;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
    width:60px;
    border-radius:5px;
}

.wa_login_shortcode p {
    display:none;
}






/* ============================================================ SITE MAP ============================================================= */

ul#menu-logged-in-menu-2 br,
ul#menu-main-menu-2 br {
	display:none;
}



/* ========== MISC ========== */

.clearBoth { clear:both; }

.hardrule {
    display:block;
    clear:both;
    width:100%;
    border-top:1px solid;
    margin-top:30px;
    padding-bottom:30px;
}

    .hardrule.dotted {
        border-top:1px dotted;
    }

    .hardrule.green {
        border-top-color: var(--color-green);
    }






















/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ============================================================ RESPONSIVE ================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */
/* ========================================================================================================================== */

.clearBoth { clear:both; }



@media only screen and (max-width: 1199px) {

	header {
		/* width:926px; */
	}
	
	
	
	#container {
		width: 926px;
	}
	
	#container_inner {
		width: 926px;
		height: 427px;	
	}
	
	#slides {
		width: 926px;
		height: 427px;
	}
	
	.slides_container {
		width: 926px;	
	}
	
	.slides_container div.slide {
		width: 926px;
		height: 427px;
	}
	
	#slides .caption {
		width: 926px;
		top: 420px;
	}
	
	#slides .pagination {
		bottom:-20px;
	}	
		
	#menu-item-10363 a { /* Membership Link */
		width: 190px !important;
	}
	
	#menu-main-menu > li > a:first-child {
		width: 153px;
	}
	
	#slides .caption h1 {
		margin-top:216px;
	}

	.button-cell span {
		width: 210px;
	}





    #homeslider2-wrapper #homeslider2-textblock {
        display:none;
    }

    #homeslider2-wrapper #homeslider2-slider {
        clip-path:none;
        width:100%;
        position:relative;
        top:initial ;
        right:initial;
    }

    #homeslider2-wrapper #homeslider2-slider-mobile {
        display:block;
    }




    .events-container .event .event-details-level1-wrapper {
        display:block;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 {
        padding-top:15px;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 span.logo {
        margin-left:15px;
    }





}



@media only screen and (max-width: 991px) {

	/* ========== GENERAL ========== */
	
	html {
		width:100%;
		display:block;
		margin:0;
		padding:0;
	}
	
	body {
		background-color:#fff;
		margin:0;
		padding:1em;
	}
	
	#page {
        padding-left:0;
        padding-right:0;
	}
	
	#main {
		width:100%;
		padding:0;
        display:block;
	}
	
	
	
	/* ========== HEADER ========== */
	
	#masthead .header-left,
	#masthead .header-right {
		display: block;
		float: none;
		width: 100%;
	}
	
	header {
		width:100%;
		margin-bottom: 30px;
		height: auto;
		padding: 0;
	}
	
	h1#site-title {
		float: none;
		width: 100%;
		height: auto;
	}
	
	h1#site-title a {
		width: 100%;
		height: auto;
	}
	
	h1#site-title img {
		display:block;
		width:100%;
		height:auto;
	}
	
	h1#site-title span {
		margin-left:-999999px;
	}
	
	#searchholder {
		width:100%;
		display:block;
	}
	
	#search_widget {
		background-color:#FFF;
		width:100%;
		float:none;
	}
	
	#search_widget #search {
		float:left;
		margin:0;
		width: 93%;
		font-size:1em;
		border: 1px solid #c2def4 !important;
		padding: 0 1%;
	}
	
	#search_widget #search_button {
		float:left;
		padding:0;
		margin:0;
		width:30px;
		height:30px;
	}
	
	#member_btns_wrapper {
		margin-top:1em;
		width:100%;
		height:inherit;
        justify-content: center;
	}
        
        #member_btns_wrapper a#member-login-btn {
            width:calc(50% - 5px);
            margin-right:5px;
        }

        #member_btns_wrapper a#member-join-btn {
            width:calc(50% - 5px);
            margin-left:5px;
        }

	#social-icons {
		margin-bottom: 0;
	}
	
	
	/* Blue (Main) Menu & Green (Member) Menu */
	
	#desktop-navigation,
	#desktop-navigation-members {
		display:none;
	}
	
	#mobile-navigation,
	#mobile-navigation-members {
		display:block;
	}
	
	#mobile-navigation select,
	#mobile-navigation-members select {
		width:100%;
		font-size:1.1rem;
		margin:1em 0;
	}
		
	#mobile-navigation-members select {
		background-color:#61802c;
		color:#fff;
	}
		
	a#mobile-nav-toggle,
	.menu-text {
		display:block;
	}
		
		
		
	/* ========== CONTENT ========== */
	
	#primary {
		display:block;
		width:100%;
		float:none;
		margin-right:0;
	}
	
	#secondary {
		float:none;
		width:100%;
		margin-right:0;
		clear: both;
	}
	
	.grid-cell-inner {
		border-right: none;
		border-bottom:2px solid;
		border-color:antiquewhite
	}
	
	
	
	/* ========== HOMEPAGE ========== */
	
	/* Presidents Message */

    #president-msg-block .inner {
        width:calc(100% - 60px);
        display: block;
    }

        #president-msg-block .inner .left {
            width:100%;
            margin-right:0;
        }
        
        #president-msg-block .inner img {
            max-width:200px;
            margin:0 auto 30px 0;
        }

        #president-msg-block .inner .right {
            width:100%;
        }


    /* Featured and Events row */

    #featured-and-events-wrapper .inner-wrapper {
        display:block;
    }

        #featured-and-events-wrapper .inner-wrapper .fae-block.first,
        #featured-and-events-wrapper .inner-wrapper .fae-block.second {
            width:100%;
            margin-left:0;
            margin-right:0;
        }

        #featured-and-events-wrapper .inner-wrapper .fae-block.first {
            margin-bottom:30px;
        }


	
	/* Home News Widget */
	
	.home_news_item_content {
		float:none;
	}	
	
	/* call-to-action buttons */
	.button-container {
		display:block;
		margin-top: 40px;
	}
	
	.button-row {
		display:block;
	}
	
	.button-cell {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom:5px;
	}
	
	.button-cell.first,
	.button-cell.second {
		padding-right:0;
	}
	
	
	/* blocks (3 wide) for homepage content */
	
	.grid-container {
		display: block;
	}
	
	.grid-row {
		display: block;
		width:100%;
	}
	
	.grid-cell {
		display: block;
		width: 100%;
	}
	
	.grid-cell.placeholder {
		display:none;
	}
	
	.grid-cell-inner {
		padding: 0;
		margin-top:20px;
		margin-bottom:20px;
		margin-right:0;
	}



	
	
	
	/* ========== EVENTS ========== */
	
	/* Event Block */
	
	#event_block h2 {
		margin:0;
	}

	.event_block_thumbnail {
		float:none;
		margin-right: 0;
		width: 100%;
		margin-bottom:20px;
	}
		
	.event_block_content {
		float:none;
		width: 100%;
	}

    .events-container .event .event-details-level1-wrapper .event-details-level1 {
        display:block;
    }

    #content .events-container .event .event-details-level1-wrapper p.date {
        width:100%;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 p.title {
        width:100%;
        text-align: left;
        padding-left:15px;
        margin-bottom:15px !important;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 span.logo {
        margin-bottom:15px;
        width:fit-content;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper {
        width:100%;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location {
        justify-content: flex-start;
        padding-left:15px;
        margin-bottom:15px;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn {
        margin-top:30px;
        justify-content: flex-start;
        padding-left:15px;
    }
	
	
	
	/* ========== JOB BOARD ==========*/
	
	/* Accordion Menu */
	
	.accordion li div {
		width: auto;
	}
	
	
	/* ========== FOOTER ========== */
	
	#colophon {
		display:block;
		width:96%;
		margin:0;
		padding:2%;
	}
	
	#footer_text {
		display:block;
	}	
	
	#footer_text .inner {
		display: block;
		width: 100%;
	}
	
	#footer_text .inner.left,
	#footer_text .inner.right {
		text-align: center;
	}
	
	
	
	/* ========== ADVANCED SEARCH ========== */
	
	#advanced-search label {
		display:block;
		clear:both;
	}
	
	#advanced-search input#q,
	#advanced-search input.datepicker {
		display:block;
		width:96%;
		clear:both;
	}

	#advanced-search label#from {
		margin-top:0.8em;
	}

	#advanced-search label.inline {
		padding-left:0;
		margin-top:10px;
	}
	
	
	/* ========== FORUMS ========== */
	
	#content #bbpress-forums .bbp-forums,
	#content #bbpress-forums .bbp-topics {
		padding:0;
	}
	
	
    

}




@media only screen and (max-width: 768px) {
    




@media only screen and (max-width: 991px) { .button-cell span { width: 800px; } }
@media only screen and (max-width: 950px) { .button-cell span { width: 760px; } }
@media only screen and (max-width: 910px) { .button-cell span { width: 720px; } }
@media only screen and (max-width: 870px) { .button-cell span { width: 680px; } }
@media only screen and (max-width: 830px) { .button-cell span { width: 640px; } }
@media only screen and (max-width: 790px) { .button-cell span { width: 600px; } }
@media only screen and (max-width: 750px) { .button-cell span { width: 540px; } }
@media only screen and (max-width: 710px) { .button-cell span { width: 500px; } }
@media only screen and (max-width: 670px) { .button-cell span { width: 460px; } }
@media only screen and (max-width: 630px) { .button-cell span { width: 420px; } }
@media only screen and (max-width: 590px) { .button-cell span { width: 380px; } }
@media only screen and (max-width: 550px) { .button-cell span { width: 340px; } }
@media only screen and (max-width: 510px) { .button-cell span { width: 300px; } }
@media only screen and (max-width: 470px) { .button-cell span { width: 260px; } }
@media only screen and (max-width: 430px) { .button-cell span { width: 250px; } }

@media only screen and (max-width: 767px) { #search_widget #search {width: 92%;} }
@media only screen and (max-width: 646px) { #search_widget #search {width: 91%;} }
@media only screen and (max-width: 561px) { #search_widget #search {width: 90%;} }
@media only screen and (max-width: 496px) { #search_widget #search {width: 90%;} }
@media only screen and (max-width: 446px) { #search_widget #search {width: 89%;} }
@media only screen and (max-width: 406px) { #search_widget #search {width: 88%;} }