@charset "UTF-8";

/*
Theme Name: Women's Center Beaver County
Theme URI: https://pacerstudios.com
Author: Pacer Studios
Author URI: http://pacerstudios.com
Description: This is the main theme for your site.
Version: 2022
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0

*/

/* Imports */
/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url(css/sp-portrait.css);
@import url(css/sp-landscape.css);
@import url(css/tablet-portrait.css);
@import url(css/tablet-landscape.css);

[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	scroll-behavior: smooth
}

body {
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
}

p, .gform_wrapper {
	font-family: 'Cabin', sans-serif;
	line-height: 1.7;
}

a {
	text-decoration-skip-ink: auto
}

a[href^="tel"] {
	color: inherit;
	text-decoration: none
}

button {
	outline: 0
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

q {
	display: inline;
	font-style: italic
}

q:before {
	content: '"';
	font-style: normal
}

q:after {
	content: '"';
	font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0
}

input[type="search"] {
	-webkit-appearance: textfield
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th,
td {
	padding: 2px
}

big {
	font-size: 120%
}

small,
sup,
sub {
	font-size: 80%
}

sup {
	vertical-align: super
}

sub {
	vertical-align: sub
}

dd {
	margin-left: 20px
}

kbd,
tt {
	font-family: courier;
	font-size: 12px
}

ins {
	text-decoration: underline
}

del,
strike,
s {
	text-decoration: line-through
}

dt {
	font-weight: bold
}

address,
cite,
var {
	font-style: italic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

* {
	transition: all .5s ease-out;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {
    float: right;
    margin-left: 2vw;
    margin-bottom: 2vw;
}

.alignright::after {
    clear: both;
}

.alignleft {
    float: left;
    margin-right: 2vw;
    margin-bottom: 2vw;
}

.alignright::after {
    clear: both;
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
}

.aligncenter::after {
    clear: both;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important;
	word-break: normal
}

.screen-reader-text:focus {
	background-color: #f7f7f7;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto!important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #007acc;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap
}

/* Globals */
#wpadminbar {
	display: fixed !important;
}

.mec-single-event .mec-events-event-image {
    border: 0;
    width: 100% !important;
    height auto !important;
}

div.mec-events-event-image > * {
	width: 100% !important;
	height auto !important;
}

#mec_skin_6076 > article > div.col-md-8 > div.mec-events-event-image > img {
width: 100% !important;
	height auto !important;}

/* Workaround for clearing out DIVs that don't behave */
.cleardiv { clear:both; font-size:0px; line-height:0px; height:0; overflow:hidden; }

#pojo-a11y-toolbar {
	transform: scale(1.5);
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-left {
    left: -225px !important;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open {
    left: 45px !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
	text-decoration: none !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a:hover {
	text-decoration: underline !important;
}

.pojo-a11y-toolbar-text {
	font-weight: bold;
}

/* Desktop */
@media screen and (min-width: 1280px) {
    
    #wrapper {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
    }

	#container {
		display: block;
        width: 100%;
        height: auto;
        position: relative;
		overflow: auto;
	}

    #header {
        display: block;
        width: 100%;
        height: 6.25vw;
        position: relative;
        background-color: #ffffff;
    }

    #branding {
        display: block;
        width: 25vw;
        height: 6.25vw;
        position: absolute;
		background: url(images/wc-901-logo-rgb.png) center center no-repeat;
		background-size: 10.36vw 4.79vw;
        left: 7vw;
        top: 0vw;
    }

	#branding a {
		display: block;
		width: 100%;
		height: 6.25vw;
		text-decoration: none;
	}

    #menu {
        display: block;
        width: 65vw;
        height: 6.25vw;
        position: absolute;
        left: 27vw;
        top: 1.7vw;
    }

    /* Level One Menu */
    #menu ul {
        z-index:99999;
    }
    
    #menu ul li {
        list-style:none;
        float:left;
        position:relative;
    }
    
    #menu ul li a {
        color:#65666a;	
        display:inline-block;
        padding: 1vw;
		font-size: .75vw;
        text-decoration:none;
        text-transform:uppercase;
    }

	#menu ul li a:hover {
		color: #28657c;
	}
    
    /* Level Two Menu */
    #menu ul li ul {
        display:none;
        min-width: 15vw;
    }
    
    #menu ul li:hover ul {
        display:block;
        background:#28657c;
        position:absolute;
    }
    
    #menu ul li ul li {
        width:100%;	
    }

	#menu ul li ul li:hover {
		background: #5d8b9c;
	}

	#menu ul li ul li a {
        color: #ffffff !important;
    }

    /* Level Three Menu */
    #menu ul li ul li ul {
        position: absolute;
        left: 15vw;
        top: 0vw;
        display: none !important;
    }

    #menu ul li ul li:hover ul {
        display: block !important;
    }

    /* Mobile Toggle */
    .mobile_icon {
        display:none;	
    }

    #search {
        float: right;
    }

	#search input[type="search"]{
		border: 1px solid #999;
		line-height: 1vw;
		padding: .5vw;
	}

	#search input[type="submit"]{
		display: inline-block;
		line-height: 1.9vw;
		margin-left: -.25vw;
		vertical-align: top;
		background: #5d8b9c;
		border: 1px solid #5d8b9c;
		color: #ffffff;
	}
	

    /* Slider */
    .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    
    .swipe-wrap {
        overflow: hidden;
        position: relative;
    }
    
    .swipe-wrap > div {
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    #homeindex_slider {
		display: block;
		width: 100%;
		height: 36.36vw;
		position: relative;
	}

    .homepage_slide {
        background-color: #eee !important;
    }

	#homepage_sliderwrap {
		display: block;
		width: 100%;
		height: 36.36vw;
		position: relative;
	}

	.homeswipe-wrap {
		width: 100%;
		height: 36.36vw;
		overflow: hidden;
		position: relative;
	}
	
	.homeswipe-wrap > div {
		float: left;
		width: 100%;
		height: 36.36vw;
		text-align: center;
		position: relative;
		background-color: #171717;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
	}

	.homeswipe-wrap > div img {
		width: auto;
		height: 36.36vw;
		margin: 0 auto;
	}

	.slider_content {
		display: block;
		width: 50.83vw;
		height: auto;
		padding: 1.56vw;
		background-color: rgba(93, 139, 156,.7);
		position: absolute;
		right: 10vw;
		bottom: 3vw;
	}

	.slider_content h2 {
		font-size: 2.40vw;
		font-weight: 600!important;
    	color: #fff !important;
		text-shadow: 1px 1px 1px #000000;
		margin-bottom: 1vw;
	}

	.slider_content p {
		color: #ffffff;
		line-height: 1.1vw;
		margin-bottom: 1vw;
		text-shadow: 1px 1px 1px #000000;
	}

	.slider_content a {
		display: inline-block;
		padding: .5vw 1vw;
		background: #28657c;
		border: 1px solid #ffffff;
		text-shadow: none;
		text-decoration: none;
		font-size: 1vw;
		color: #ffffff;
	}

	.slider_content strong {
		font-size: 1.5vw;
		font-family: 'Montserrat', sans-serif;
	}

	#arrow_prevhome {
		width: 3vw;
		height: 4vw;
		background: url(images/slider_arrow.png) top left no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 999;
		top: 16vw;
		left: 0vw;
		cursor: pointer;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	#arrow_nexthome {
		width: 3vw;
		height: 4vw;
		background: url(images/slider_arrow.png) top left no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 999;
		top: 16vw;
		right: 0vw;
		cursor: pointer;
	}

    /* Home Page */


    /* Content */
    .post-edit-link {
        display: inline-block;
        text-decoration: none;
        background: #28657c;
        color: #FFF !important;
        padding: .5vw;
        margin-bottom: 1vw;
    }

	.gform_button {
		display: inline-block;
		font-weight: bold;
		text-transform: uppercase;
		font-size: .9vw;
		padding: .8vw 1vw;
		color: #28657c !important;
		background-image: none !important;
		background: #ffffff !important;
		border: 3px solid #28657c !important;
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

    #content {
        display: block;
        width: 100%;
        height: auto;
        padding: 7vw 20vw;
        position: relative;
    }

    #content h1 {
        font-size: 2.3vw;
        margin-bottom: 1vw;
		color: #5d8b9c;
    }

    #content h2 {
        font-size: 2.0vw;
        margin-bottom: 1vw;
		color: #5d8b9c;
    }

    #content h3 {
        font-size: 1.7vw;
        margin-bottom: 1vw;
		color: #5d8b9c;
    }

    #content h4 {
        font-size: 1.4vw;
        margin-bottom: 1vw;
		color: #5d8b9c;
    }

    #content h5 {
        font-size: 1.1vw;
        margin-bottom: 1vw;
		color: #5d8b9c;
    }

    #content h6 {
        font-size: .8vw;
        margin-bottom: 1vw;
		color: #5d8b9c;
    }

    #content p {
        font-size: .8vw;
        margin-bottom: 1vw;
    }

	#content a {
		color: #e56a54;
		text-decoration: none;
	}

	#content a:hover {
		background: #28657c;
        color: #FFF !important;
	}

    #content ul {
        list-style: disc;
        margin-bottom: 1vw;
    }

    #content ul li {
        margin-left: 2vw;
		font-family: 'Cabin', sans-serif;
		font-size: .8vw;
    	line-height: 1.7;
    }

    #content ol {
        list-style: decimal;
        margin-bottom: 1vw;
    }

    #content ol li {
        margin-left: 2vw;
		font-family: 'Cabin', sans-serif;
		font-size: .8vw;
    	line-height: 1.7;
    }

    #content strong {
        font-weight: bold;
    }

    #content em {
        font-style: italic;
    }

    #content blockquote {
        display: inline-block;
        padding: 1vw;
        margin-left: 2vw;
        background: #eee;
        font-style: italic;
        font-size: 1.4vw;
        border: 1px solid #65666a;
    }

	#content img {
		max-width: 100%;
		height: auto;
	}

	#content td h4 {
		font-size: 1vw;
	}

	#column_left {
		display: inline-block;
		width: 47%;
		vertical-align: top;
	}

	#column_right {
		display: inline-block;
		width: 47%;
		vertical-align: top;
	}

	#sp-tab__ul {
		margin: 0 !important;
	}

    /* Subpages */

	#featured_image_subpage {
		display: block;
		width: 100%;
		height: 36vw;
		background-position: center center !important;
		background-size: cover !important;
		position: relative;
	}

	#featured_image_subpage h1 {
		font-size: 4vw;
		color: #FFF;
		text-shadow: 1px 1px 5px #000000;
		background-color: rgba(0, 0, 0, .6);
		padding: 1vw 1.5vw 1.5vw 1vw;
		position: absolute;
		bottom: 5vw;
		left: 20vw;
	}

	.mec-container {
		display: block;
		width: 100%;
		height: auto;
		padding: 5vw 20vw 10vw 20vw;
		position: relative;
	}

	.donate_button {
		box-shadow:inset 0px 1px 0px 0px #a4e271;
		background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
		background-color:#89c403;
		border-radius:6px;
		border:1px solid #74b807;
		display:inline-block;
		cursor:pointer;
		color:#ffffff !important;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #528009;
	}
	
	.donate_button:hover {
		background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
		background-color:#77a809;
	}
	
	.donate_button:active {
		position:relative;
		top:1px;
	}
	
		   

    /* Footer */
    #footer {
        display: block;
        width: 100%;
        height: auto;
        padding: 3.5vw 7vw;
        position: relative;
        background: #ffffff;
		border-top: 2px solid #28657c;
    }

	#footer a {
		text-decoration: none;
		color: #28657c;
	}

	#footer a:hover {
		text-decoration: underline;
	}

	.wsite-multicol-table {
		position: relative;
		border-collapse: collapse;
		table-layout: fixed;
		width: 100%;
		margin: 0 !important;
		border: 0 !important;
		padding: 0 !important;
	}

	.wsite-multicol-table td {
		padding: .5vw;
		line-height: 1.5vw;
	}

	.wsite-multicol {
		position: relative;
		direction: ltr;
	}

	.styled-hr {
		display: block;
		height: 0px;
		border-top: 1px solid #5d8b9c;
	}

	.wsite-multicol h2 {
		font-family: 'Maven Pro', sans-serif;
	}

	#get-away {
		display: block;
		width: 100%;
		height: 3vw;
		position: fixed;
		bottom: 0vw;
		background: #0bab00;
		cursor: pointer;
	}

	.go_now {
		color: #f7f7f7;
		font-size: 2vw;
		line-height: 3vw;
		font-weight: bold;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
	}
	
	.tooltip {
		display: block;
		width: 1.5vw;
		height: 1.5vw;
		background: rgba(255, 255, 255, .6);
		border-radius: 1.5vw;
		position: absolute;
		top: .8vw;
		right: 43vw;
		display: inline-block;
		border-bottom: 1px dotted black;
	}

	.tooltip p {
		display: block;
		width: 1.5vw;
		height: 1.5vw;
		position: absolute;
		text-align: center;
		line-height: 1.5vw;
		color: #FFF;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		text-shadow: 1px 1px 1px #000000;
		top: 0vw;
		left: 0vw;
	}
	  
	.tooltip .tooltiptext {
		visibility: hidden;
		width: 30vw;
		height: auto;
		background-color: black;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		line-height: 1.5;
		position: absolute;
		bottom: 0vw;
		z-index: 1;
		transition-duration: 0s all !important;
	}
	  
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

	#copyright {
		color: #65666a;
		font-size: .7vw;
		line-height: 2vw;
		margin-bottom: 3vw;
	}


/* END Desktop */
}

/* ===================================
   WC Events Styling
   =================================== */

/* Archive - Events Listing */
.wc-events-archive {
    display: block;
    width: 100%;
    margin: 2rem 0;
}

.wc-event-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}

.wc-event-item:last-child {
    border-bottom: none;
}

.wc-event-thumbnail {
    flex: 0 0 250px;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.wc-event-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #ddd;
}

.wc-event-content {
    flex: 1;
    min-width: 300px;
}

.wc-event-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.3;
}

.wc-event-title a {
    text-decoration: none;
}

.wc-event-title a:hover,
.wc-event-title a:focus {
    text-decoration: underline;
}

.wc-event-date {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #666;
}

.wc-event-excerpt {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.wc-event-excerpt .read-more-link {
    font-weight: 600;
    text-decoration: none;
}

.wc-event-excerpt .read-more-link:hover,
.wc-event-excerpt .read-more-link:focus {
    text-decoration: underline;
}

.wc-event-pdf {
    margin-top: 1rem;
}

.wc-event-pdf .pdf-link {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}

.wc-event-pdf .pdf-link:hover,
.wc-event-pdf .pdf-link:focus {
    background-color: #e5e5e5;
    text-decoration: none;
}

/* Single Event Page */
.wc-event-date-single {
    font-size: 1.2rem;
    margin: 1.5rem 0;
    padding: 1rem;
    background-color: #f9f9f9;
    border-left: 4px solid #333;
}

.wc-event-pdf-download {
    margin: 2rem 0;
    text-align: center;
}

.pdf-download-button {
    display: inline-block;
    padding: 1rem 2rem;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.pdf-download-button:hover,
.pdf-download-button:focus {
    background-color: #555;
    color: #fff;
    text-decoration: none;
}

.wc-event-footer {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ddd;
}

.back-to-events a {
    text-decoration: none;
    font-weight: 600;
}

.back-to-events a:hover,
.back-to-events a:focus {
    text-decoration: underline;
}

/* Screen Reader Text - Accessibility */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

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

/* Responsive Design */
@media screen and (max-width: 768px) {
    .wc-event-item {
        flex-direction: column;
    }
    
    .wc-event-thumbnail {
        flex: 0 0 100%;
        margin-right: 0;
        max-width: 100%;
    }
    
    .wc-event-content {
        flex: 0 0 100%;
    }
    
    .wc-event-title {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 480px) {
    .wc-event-title {
        font-size: 1.2rem;
    }
    
    .wc-event-date {
        font-size: 0.9rem;
    }
    
    .pdf-download-button {
        padding: 0.8rem 1.5rem;
        font-size: 1rem;
    }
}

/* Single Event - Featured Image inside content */
.single-wc_events .entry-title {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.wc-event-featured-image {
    margin: 0 auto 2rem auto;
    max-width: 700px;
}

.wc-event-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
    .single-wc_events .entry-title {
        margin-top: 1rem;
        font-size: 1.5rem;
    }
}