@charset "utf-8";
/*
 Theme Name:   CREC Parent Theme
 Theme URI:    http://creconline.org/wp-content/themes/crec_parent
 Description:  Parent Theme Base for CREC Sites
 Author:       William Cook
 Author URI:   http://crec.net
 Version:      7.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

@viewport {
	width: auto; /* auto | device-width | length | percentage */

	/* 'width' sets both max and min-width. It's a shorthand descriptor. */
	max-width: auto;
	min-width: auto;

	/* 'zoom' equates to 'initial-scale' in meta tag. */
	/* Values of 1.0 or 100% mean no zoom.  */
	zoom: 1.0; /* auto | number | percentage */

	max-zoom: 2; /* Largest allowed zoom factor. */
	min-zoom: .75; /* Smallest allowed zoom factor. */

	/* Can the zoom factor be changed by user interaction? */
	/* Equates to 'user-scalable' in meta tag. */
	user-zoom: zoom; /* fixed | zoom */

	/* Lock orientation or leave to auto. */
	orientation: auto; /* auto | portrait | landscape */
}

@import "https://fonts.googleapis.com/css?family=Dosis|Lato|Montserrat|Raleway";

/* CSS Document */

/*
    Base Level Styling
*/
:root {
    --crec-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12), 0px 1px 5px 0px rgba(0,0,0,0.2);
    --crec-box-shadow-heavy: 0px 2px 2px 2px rgba(0,0,0,0.14), 0px 3px 1px 0px rgba(0,0,0,0.12), 0px 1px 5px 2px rgba(0,0,0,0.2);
    --crec-box-shadow-reverse: 0px -2px -2px 0px rgba(0,0,0,0.14), 0px -3px -1px 2px rgba(0,0,0,0.12), 0px -1px -5px 0px rgba(0,0,0,0.2);
    --crec-simple-shadow: 0px 1px 4px -1px rgba(0,0,0,0.3);
}
* {
    box-sizing: border-box;
    word-break: normal;
}
html {
    background-color: white;
    font-family: Lato, Verdana, Geneva, Tahoma, sans-serif;
}
body {
	font-size:100%;
	margin:0;
    position:relative;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1.25em 0 .75em;
}
h1, h2 {
    font-size: 1.5em;
}
h3, h4 {
    font-size: 1.3em;
}
h5, h6 {
    font-size: 1.15em;
}
h1, h3, h5 {
    font-style: normal;
    font-weight: bold;
}
h2 {font-weight: normal}
h4, h6 {
    font-style: italic;
    font-weight: normal;
}
p:empty {
    display: none;
}
ul, ol {
    padding-left: 1.75em;
}
ul ul {
    list-style-type: circle;
}
ol ol {
    list-style-type: lower-alpha;
}
li + li {
    margin-top: .75em;
}
p:empty {display:none;}

a, a:visited {
    text-decoration: underline #008DFF;
    color:#008DFF;
}
a:hover {
    text-decoration-style: solid;
    color:#1A6CA9;
}
a img {
	border:none;
}
img {
    max-width: 100%;
    height: auto;
}
img.alignleft {
    float:left;
    padding: 1em 1em 1em 0;
}
img.alignright {
    float:right;
    padding-left: .75em;
}
img.aligncenter {
    display: block;
    margin: 0 auto;
}
figure {
    max-width: 100%;
    margin: 0;
}
figcaption {
    font-size: .9em;
    padding: .25em .75em 0;
    font-style: italic;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
    padding: .5em .75em;
    height: auto;
}
td p {
    padding: 1em 1.25em;
}
input {
    padding: .25em .5em;
}
iframe {border: none;}

.btn, .btn:visited, .button, .button:visited {
    display: inline-block;
    color:white;
    font-weight: bold;
    border-radius: .2em;
    border:none;
    text-decoration: none;
    padding: .5em 1em;
    background-color: #2C3651;
    box-shadow: var(--crec-box-shadow);
}
.btn:hover, .button:hover {
    color:white;    
    cursor:pointer;
    opacity: .85;
}
.btn:disabled, .btn:disabled:hover {
    background-color: #ccc;
    color:#888;
}
.btn+.btn {
    margin-left: 2em;
}
#hovertxt {
    font-size:80%;
    display:none;
    text-align:center;
    padding:.25em .5em;
    position:absolute;
    z-index: 99;
    border:thin solid white;
    background-color:lightblue;
    border-radius:.3em;
    box-shadow: var(--crec-box-shadow);
    top:5em;
    left:5em;
    white-space:nowrap;
}

.showhide {
    margin-bottom:.25em;
}
.showhidebtn {
    position: relative;
    display: block;
    padding: .5em 2em .5em 1em;
    background-color: #EBEBEB;
    line-height: 1em;
}
.showhidebtn:hover {
    cursor: pointer;
    opacity: .8;
}
.showhidebtn:after {
    position: absolute;
    right: 1em;
    top: 55%;
    margin-top: -.5em;
    font-style: normal;
    font-size: 120%;
    font-family: FontAwesome;
    content:"\f055";
}
.show .showhidebtn:after {
    content:"\f056";
}
.showhidebtn h2 {
    margin: 0;
    line-height: 1.25em;
}
.showhidecontent {
    overflow:hidden;
    height: 0;
    margin: 0 .25em;
    padding: 0 1em;
    -webkit-transition: height .5s; /* Safari */
    transition: height .5s;
	box-shadow: var(--crec-box-shadow);
}


#content .content-div, footer .content-div {
    position: relative;
    height: auto;
}
.content-div {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    clear: both;
    padding: 0;
    background-color: white;
}
.post-edit-link {
    position: absolute;
    z-index: 99;
    right: 5px;
    top: 5px;
    padding: .25em .5em;
    background-color: aliceblue;
    border: thin solid lightblue;
    border-radius: 5px;
	box-shadow: var(--crec-box-shadow);
}

.pagelinks {
    text-align: center;
    margin: 1.5em;
}
.pagelinks > a, .pagelinks > span {
    display: inline-block;
    padding: .5em .75em;
    border-radius: .2em;
}
.pagelinks > a:hover {
    box-shadow: var(--crec-simple-shadow);
}
.pagelinks > span.current {
    box-shadow: var(--crec-box-shadow);
}

.wp-video {
    margin: 1em auto;
    border: thin solid #ccc;
    max-width: 100%;
}

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*
    End Base Level Styling
*/




/*
    Header Styling
*/
/*  Set homepage header to be full screen 
html, body.home, .home > header {
    width: 100%;
    height: 100%;
}
.home.logged-in {
    margin-top: -32px;
}
.home .navigation-top, .home header .site-branding {
    position: absolute;
    width: 100%;
}
.home .navigation-top {
    bottom: 0;
}
.home header .site-branding {
    bottom:0;
    padding-bottom: 8em;
}*/


/* header and logo styling */
body > header {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;  
    background-size: cover;
    z-index: 1000;
}
.site-branding .content-div {
    position: relative;
    z-index: 1;
    padding: 1em;
}
.site-branding, .site-branding a, .site-branding a:hover {
    color: black;
}
.site-branding a, .site-branding a:hover {
    text-decoration: none;
}
.site-branding-logo > * {
    display: table-cell;
    vertical-align: bottom;
}
.site-branding .custom-logo {
    height: 10em;
    width: auto;
}
.site-title {
    font-size: 2.25em;
    font-weight: bold;
    margin:0;
}
* + .site-title {
    padding-left: 1em;
}
.site-description {
    margin: 0;
}
   
    
/* navigation styling */
.navigation-top, .navigation-top .content-div {
    position: relative;
    background-color: #0d529f;
    z-index: 99;
}

#site-navigation ul, #site-navigation li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#top-menu {
    display: inline-table;
}
#top-menu > li {
    display: table-cell;
    position: relative;
}
#top-menu > li > a {
    white-space: nowrap;
}
#top-menu a {
    padding: 1.5em 1.25em;
    display: block;
    color: white;
    font-size: 0.875em;
    font-weight: bold;
    text-decoration: none;
}
#top-menu > .menu-item-has-children:before,
#top-menu > .menu-item-has-children:after {
    border-style: solid;
	border-width: 0 8px 8px;
	content: "";
	display: none;
	height: 0;
	position: absolute;
	right: 1em;
	bottom: 4%;
	width: 0;
    z-index: 100000;
}
#top-menu > .menu-item-has-children:before {
    border-color: transparent transparent #bbb;
    bottom:5%;
}
#top-menu > .menu-item-has-children:after {
    border-color: transparent transparent white;
}
#top-menu > .menu-item-has-children > a::after {
    font-family: FontAwesome;
    content: "\f107";
    margin-left: .75em;
}
.sub-menu > .menu-item-has-children > a::after {
    font-family: FontAwesome;
    content: "\f105";
    margin-left: .75em;
}

#top-menu .current-menu-item > a, #top-menu .current-menu-ancestor > a {
    color: lightcyan;
}
#top-menu > li:not(.current-menu-item) > a:hover {
    opacity: .8;
}
.sub-menu {
    position: absolute;
    z-index: 99999;
    left: -12.5%;
    right: auto;
    top: 95%;
    width: 125%;
    min-width: 215px;
    background-color: white;
    border: thin solid #bbb;
    display: none;
}
#top-menu > li:hover:before,
#top-menu > li:hover:after,
#top-menu li:hover > .sub-menu {
    display: block;
}
#top-menu .sub-menu a {
    color: black;
}
#top-menu .sub-menu a:hover {
    background-color: #767676;
    color: white;
}
#top-menu .sub-menu .current-menu-item > a:hover {
    color: #eee;
}
#top-menu li {
    position: relative;
}
.sub-menu .sub-menu {
    left: 100%;
    top: 0%;
    width: auto;
    white-space: nowrap;
}
/*.menu-item-has-children:after*/


.call-to-action, .content-div.call-to-action {
    padding: 1em;
    text-align: center;
    box-shadow: var(--crec-box-shadow);
    z-index: 1;
    position: relative;
    border-radius: .15em;
}
.call-to-action.green {
    background-color: #e6ffe6;
    border: thin solid #ccffcc;
}
.call-to-action.yellow {
    background-color: #ffffcc;
    border: thin solid #ffff99;
}
.call-to-action.red {
    background-color: #ffe6e6;
    border: thin solid #ffcccc;
}
/*
    End Header Styling
*/




/*
    Body Styling
*/
.category-no-title > .entry-header .entry-title {
    display: none;
}

#primary, #secondary {
    padding-bottom: 2em;
}
#content {
    position: relative;
}
#content .content-div {
    padding-bottom: 2em;
    min-height: 700px;
}
#primary {
    padding: 1em;
    max-width: 800px;
    min-width: 75%;
    margin: 0 auto;
}
#secondary {
    width: 25%;
}
#secondary+#primary {
    width: 75%;
}


.section-menu {
    text-align: center;
    font-size: 1.1em;
    border: thin solid black;
    border-left: none;
    border-right: none; 
}
.section-menu .menu {
    display: flex;
    justify-content: space-around;
    padding-left: 0;
    margin: .5em;
}
.section-menu li {
    flex: 1 1 auto;
    list-style-type: none;
    margin: 0;
}
.section-menu li {
    border-left: thin solid #ccc;
}
.section-menu li:first-child, .section-menu li:first-child.current-menu-item + li {
    border:none;
}
.section-menu .current-menu-item {
    display:none;
}
.section-menu a {
    text-decoration: none;
}


li.widget {
    list-style-type: none;
}

/*
    End Body Styling
*/

 
/*
    crec.net styling
*/
.crec-orgs {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.crec-org {
    flex-basis:30%;
    text-align:center;
}
.crec-org img {
    max-width:100%;
    max-height:55px;
    object-fit:scale-down;
}
.crec-org p{
    margin:0;
}


/*
    Footer Styling
*/
footer, footer .content-div {
    background-color: #26272a;
    clear: both;
}
footer, footer a, footer a:visited {
    color: white;
    text-decoration-color: white;
}

footer .widget-area {
    display: table;
    width: 100%;
    padding: 2em .75em;
}
footer .widget-column {
    display: table-cell;
    vertical-align: middle;
}
.footer-widget-1 {
    padding-right: 2em;
    width: 75%;
}
.footer-widget-2 {
    padding-left: 2em;
    width: 25%;
}
footer .widget h2 {
    margin: .5em 0;
}
/*
    End Footer Styling
*/



/*
    Home Page Styling
*/
    .home-section-header {
        font-size: 2em;
        margin: 0 .25em .5em;
    }
    .home-section-header i {
        margin-right: .5em;
    }
/*
    End Home Page Styling
*/



/*
    Slider Styling
*/
    #homeslider {
        position: relative;
        background-color: #EEEFEA;
        height: 440px;
        box-shadow: var(--crec-box-shadow);
    }
        #homeslider .content {
            position: relative;
            height: 100%;
        }
            .slider-btn {
                position: absolute;
                z-index: 2;
                top: 50%;
                color:white;
                font-size:1.5em;
                margin-top: -1em;
                padding: .5em .5em .4em .4em;
                cursor: pointer;
            }
                .slider-btn.right {
                    right:0;
                    padding: .5em .4em .4em .5em;
                }
                .slider-btn:before{
                    position: absolute;
                    top:0;
                    left:0;
                    z-index: 0;
                    content: "";
                    width: 100%;
                    height: 100%;
                    opacity:.2;
                    border-radius: 5px;
                    background-color:#ccc;
                }
                .slider-btn:hover:before {
                    opacity:.7;
                }
                .slider-btn:after {
                    position: relative;
                    z-index: 1;
                }
                .slider-btn.left:after {
                    content: "\f053";
                }
                .slider-btn.right:after {
                    content: "\f054";
                }
            #homeslider .slides {
                position: relative;
                height: 100%;
                width:100%;
                overflow: hidden;
            }
                #homeslider .slide {
                    width: 100%;
                    height: 100%;
                    transition: opacity .3s linear;
                    background-size: cover;
                }
                #homeslider .slide:first-child:not(.current) {
                    opacity: .2;
                }
                #homeslider .slide + .slide {
                    position: absolute;
                    top: 0;
                    left: 105%;
                    box-shadow: 0px 0px 10px 0px #777;
                    width: 100%;
                    height: 100%;
                    transition: left .3s linear;
                    background-size: cover;
                }
                #homeslider .slide.current {
                    left:0;
                }

                #homeslider .hiddenbtn {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    color: transparent ;
                    text-decoration: none;
                }
                #homeslider .slidetxt {
                    position: absolute;
                    display: table-cell;
                    vertical-align: middle;
                    height: 100%;
                    max-width: 50%;
                    color:white;
                    padding: 1em;
                }
                #homeslider .slidetxt.dark {
                    color: black;
                }
                #homeslider .slidetxt.left {
                    left:0;
                }
                #homeslider .slidetxt.right {
                    right:0;
                }
                #homeslider .slidetxt.high {
                    padding-top: 2em;
                }
                #homeslider .slidetxt.bg {
                    background-color: rgba(0,0,0,0.5);
                }

                #homeslider h1 {
                    font-size: 2em;
                    margin:0;
                    padding: 0;
                    white-space: nowrap;
                    border-bottom: none;
                }
                #homeslider .slidetxt.bg h1, #homeslider .slidetxt.wrap h1 {
                    white-space: normal;
                }
                #homeslider p {
                    white-space: normal;
                    margin-left:.15em;
                    margin-bottom:2em;
                }
                #homeslider .btn {
                    margin-left:.15em;
                }
                #homeslider .btn:hover {
                    opacity: 1;
                }
        #homeslider .slidemarkers {
            position: absolute;
            bottom:15px;
            width:100%;
            text-align: center;
        }
        #homeslider .marker {
            display: inline-block;
            margin:0 .25em;
            width:12px;
            height: 12px;
            background-color: white;
            border-radius: 6px;
            cursor: pointer;
            box-shadow: var(--crec-box-shadow);
        }
        #homeslider .marker:hover {
            box-shadow: var(--crec-box-shadow-heavy);
        }
        #homeslider .marker.current {
            background-color: #4278d0;
        }
/*
    End Slider Styling
*/



/*
    Front Page Events Styling
*/
    #front-events {
        position: relative;
        padding: .25em 0 .5em;
        clear: both;
        font-size: .85rem;
    }
    .events-sidebar {
        font-size: .85em;
    }
        .event-nav { display: none;}
        #front-events .event-nav {
            position: relative;
            display: block;
            margin-bottom: -1.75em;
            width:100%;
            z-index: 100;
        }
        #front-events .event-nav > div {
            display: inline-block;
            width: 50%;
        }
        #front-events .event-nav > div:last-child {
            text-align: right;
        }
        #front-events .event-nav a {
            display: inline-block;
            font-family: 'Lato', Verdana, Geneva, Tahoma, sans-serif;
            letter-spacing: .05em;
            font-weight:600;
            font-size: 1.075em;
            padding: .25em .5em;
        }
        #front-events .event-nav a.hide {
            display: none;
        }
        #front-events .event-nav .left {
            padding-left: .4em;
        }
        #front-events .event-nav .right {
            padding-right: .4em;
        }
        #front-events .events {
            width: 100%;
            overflow-x: hidden;
        }

        #front-events .events-slider {
            position: relative;
            white-space: nowrap;
            display: block;
            border-spacing: 0;
            border-collapse: collapse;
            -webkit-transition: margin .5s;
            -moz-transition: margin .5s;
            transition: margin .5s;
        }
        #front-events .event {
            white-space: normal;
            position: relative;
            display: table-cell;
            vertical-align: top;
            width: 33.333333333%;
            min-width: 266.66666666px;
            max-width: 33.333333333%;
            height: 100%;
            padding: .25em;
        }
        .event + .event {
            margin-top: 1.5em;
        }
        #front-events .event + .event {
            margin-top: 0;
        }
        .events .event-block {
            position: relative;
            display: block;
            width: 100%;
            background-color: white;
            border-radius: 3px;
            box-shadow: var(--crec-box-shadow);
        }
        .events-slider .event-block {
            height: 100%;
        }
        #front-events .event-block {
            border: thin solid #ccc;
        }
        .events .event-top {
            border-bottom: thin solid #ccc;
        }
        .events .events-sidebar .event-top {
            border-bottom: none;
        }
        .events .events-sidebar .event-top + .event-top {
            border-top: thin solid #ccc;
        }

        .events .event-top > div {
            display: table-cell;
            vertical-align: middle;
            padding: 1em;            
        }
        .events .dateblock {
            font-size: 1.5em;
            border-right: 2px solid #f37c20;
            text-align: center;
        }
            .date-line:not(.double) {
                white-space: nowrap;
            }
            .date-line > * {
                display: inline-block;
            }
            .date-line .month + .day {
                font-size: .875em;
            }
            .events .events-compact .dateblock {
                font-size: 1.4em;
            }

            .events .events-header .month, .events .events-header .day {
                display: inline-block;
            }
            .events .day.double {
                font-size: .875em;
                padding-bottom: .125em;
                white-space: nowrap;
            }
            .events .month {
                font-size: .875em;
                font-weight: bold;
                color: #0d529f;
                text-transform: uppercase;
            }
            .events .events-header .date-line, .events .events-compact .date-line {
                min-width: 3.5em;
            }

        .events-header h1 {
            margin: 0px 0px .5em .5rem;
        }
        .events-compact h3 {
            font-weight: normal;
            font-size: 1.05em;
            margin: 0px 0px 1em .5rem;
        }
        .events-header .event-meta, .events-compact .event-meta {
            width: 100%;
        }
        .events-header .event-btns {
            float: right;
        }
        .events .events-header event-block {
            border:none;
            height: auto;
        }
        .events .timeorplace {
            margin-bottom: .25em;
        }
        .events .events-archive .timeorplace {
            display:none;
        }
        .events .event-type {
            font-style: italic;
        }
        .events .event-meta > div:before, .events-compact-extras div:before {
            font-family: "Font Awesome 6 Pro";
            display: inline-block;
            width:2.5rem;
            text-align: center;
            font-style: normal;
        }
        .events .time:before {
            content:"\f017";
        }
        .events .place:before {
            content:"\f5a0";
        }
        .events .online:before {
            content:"\f109";
        }
        .events .inperson:before {
            content:"\f0c0";
        }
        .events .timeorplace.online:before {
            content:"\f0ac";
            font-weight: 300;
        }
        .events .event-info {
            width: 100%;
            padding: 1em;
            text-align:center;
        }
        .event-logo {
            border-bottom: thin solid #ccc;
        }
        .events .event-title {
            font-size: 1.05em;
            margin: .5em 0 1em;
            text-decoration: none;
        }
        .events .events-sidebar .event-title {
            margin: .5em 0;
        }
        .events .event-btns {
            text-align: center;
        }
        .events .event-extras {
            display: table;
            font-size: .75em;
            width: 100%;
        }
        .events .event-extras > div  {
            display: table-cell;
            vertical-align: middle;
        }
        .events-compact-extras {
            display: table;
            width: 100%;
        }
        .events-compact-extras .event-btns {
            text-align: right;
        }
        .events-compact .events-compact-extras > div  {
            display: table-cell;
            vertical-align: middle;
        }
        .events-compact .events-compact-extras > div:first-child  {
            width: 70%;
        }

        .events-compact .event-btns {
            font-size: .75em;
        }
        .events-compact .event-icons > div {
            display: inline-block;
        }
        .events-compact .event-icons > div + div {
            margin-left: 1em;
        }
        .events .event-extras > div:first-child {
            width: 30%;
        }
        .event-pricing li {
            list-style-type: none;
        }

        #filelist > ul {
            font-weight: bold;
        }
        #filelist > ul ul {
            font-weight: normal;
        }
        #filelist li {
            list-style-type: none;
            margin-top: .5em;
        }
/*
    End Front Page Events Styling
*/



/*
    Front Page News Styling
*/
#homenews {
    position: relative;
    font-size: .75em;
    padding: .25em 0 .5em;
}
    #homenews article {
        display: table-cell;
        vertical-align: top;
        width: 33.333%;
    }
/*
End Front Page News Styling
*/

/*
    Article Styling
*/

    /*
        Styling for icontact
    */
    .fusionResponsiveCanvas p {
        padding: 0;
        line-height: 1.5em;
    }

    .fusionResponsiveCanvas td {
        padding: 0;
    }

    article {
        clear: both;
        padding: 2em 0;
    }
    .article-list article:first-child {
        padding-top: 0;
    }
    .article-list article:last-child {
        padding-bottom: 0;
    }
    article + article {
        border-top: thin solid #ccc;
    }
    article + article:last-of-type {
        border-bottom: thin solid #ccc;
    }
    article .newstitle {
        margin: 0 0 .5em;
    }
    article .entry-title {
        margin:1em 0 .5em;
    }
    article .post-category {
        margin-bottom: .5em;
    }
    article .newsdate time{
        font-style: italic;
    }
    article.category-uncategorized .post-category {
        display: none;
    }
    article .newsimg {
        float:right;
        width: 35%;
        height: auto;
        padding: 0 0 .75em .75em;
        text-align: center;
    }
    .single-post article .newsimg {
        float: none;
        width: 100%;
        padding: 0 1em 1em;
    }
    .newstitle a, .newstitle a:visited {
        color: black;
        text-decoration: none;
    }
    .newstitle a:hover {
        text-decoration-style: solid;
        color:#1A6CA9;
    }
    
    .navigation.pagination {
        margin-top: 1em;
        text-align: center;
    }
    .navigation.pagination .nav-links {
        display: inline-block;
    }
    .navigation.pagination .page-numbers {
        padding: .25em .5em .35em;
        text-decoration: none;
    }
    .navigation.pagination a.page-numbers:hover {
        background-color: #EBEBEB;
        border-radius: 15%;
    }
    .navigation.pagination i {
        font-size: 80%;
    }

    .navigation.post-navigation {
        display: table;
        width: 100%;
        border-top: thin solid #ccc;
        border-bottom: thin solid #ccc;
    }
    .navigation.post-navigation .nav-links {
        display: table-row;
    }

    .navigation.post-navigation a {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding: 1em;
        text-decoration: none;
    }
    .navigation.post-navigation a:hover {
        background-color: #EBEBEB;
    }
    .navigation.post-navigation .meta-nav, .navigation.post-navigation .meta-nav:hover {
        display: block;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 90%;
        color: black;
        margin-bottom: .5em;
    }
    .navigation.post-navigation a:last-of-type {
        text-align: right;
    }

    /* Tag links style */

    .entry-tags {
        margin: 1em 0;
    }
    .entry-tags .tag-links a {
        background-color: #767676;
        border-radius: 0 2px 2px 0;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2727272727;
        margin: 2px 4px 2px 10px;
        padding: 3px 7px;
        position: relative;
        text-transform: uppercase;
        text-decoration: none;
    }

    .entry-tags .tag-links a:hover {
        background-color: #41a62a;
        color: #fff;
    }

    .entry-tags .tag-links a:before {
        border-top: 10px solid transparent;
        border-right: 8px solid #767676;
        border-bottom: 10px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        top: 0;
        left: -8px;
        width: 0;
    }

    .entry-tags .tag-links a:hover:before {
        border-right-color: #41a62a;
    }

    .entry-tags .tag-links a:after {
        background-color: #fff;
        border-radius: 50%;
        content: "";
        height: 4px;
        position: absolute;
        top: 8px;
        left: -2px;
        width: 4px;
    }
/*
End Article Styling
*/



/*
    Job Posting Styling

h1.job-title, h3.job-title {
    margin-bottom: 0;
}
.job-meta {
    margin-top:.25em;
}
article.crec_job_posting .job-meta {
    border-bottom: thin solid #ccc;
}
.job-link {
    margin-top: 2.5em;
    text-align: center;
}
/*
End Job Posting Styling
*/



/*
    Board Page Styling
*/
#board-list h2:not(:first-child) {
    margin-top:2em;
}

.board-header {
    margin-top: 2em;
}

.board-header > * {
    display: table-cell;
    vertical-align: middle;
}
.board-header .board-img {
    padding-right: 1.75em;
}
.board-header .board-img .board-photo {
    height: 150px;
    width:115px;
    box-shadow: var(--crec-box-shadow);
    border: thin solid white;

    background-size: cover;
    background-position-x: center;
}
.board-header .board-member-name {
    font-weight: normal;
    font-size: 1.25em;
    margin: 0;
}
.board-header p {
    margin: .5em 0 0;
}
/*
    Board Page Styling
*/



/*
    WooCommerce & LearnDash Styling
*/
.related.products {
    clear: both;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
    opacity:1 !important;
}
/*body.logged-in .ld_course_grid_price:not(.ribbon-enrolled) {
    display: none;
}*/

article[class*="sfwd"] .newsmeta, article.product .newsmeta {
    display: none;
}
body.woocommerce-page nav.post-navigation {
    display: none;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
    display: inline-block;
}
.ld-course-status-price > div {
    display:block;
}
.ld-course-status-price .old-price{
    position: relative;
    font-size: 0.6em;
    font-style: italic;
    margin-bottom: .35em;
}
.ld-course-status-price .old-price:after {
    content: "";
    height: 0;
    border-top: .15em solid #728188;
    margin-top: -.05em;
    position: absolute;
    top: 50%;
}
.ld-course-status-price .old-price.wid4:after {
    width: 2.75em;
    left: .675em;
}
.ld-course-status-price .old-price.wid6:after {
    width: 3.75em;
    left: .165em;
}

.ld_course_grid_price .old-price {
    position: relative;
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
    /*margin-bottom: .35em;*/
}
.ld_course_grid_price .old-price:after {
    content: "";
    height: 0;
    width: 110%;
    left: -3%;
    border-top: .15em solid white;
    margin-top: -.05em;
    position: absolute;
    top: 50%;
}
/*
End WooCommerce & LearnDash Styling
*/


/*
    Adaptive Styling
*/

@media screen and (max-width: 675px) {
    .site-branding .content-div > .site-branding-text {
        display: block;
        padding: 0 1em;
    }
}