/*!
Theme Name: 941Payroll
Theme URI: http://underscores.me/
Author: Wayne Goodman
Author URI: https://waynegoodman.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: payroll
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

941Payroll is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	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;
	clip-path: none;
	color: #21759b;
	display: block;
	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;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


.alignfull {width: 100vw; margin-left: calc(50% - 50vw);}
	
#mega-menu-wrap-topnav #mega-menu-topnav > a.mega-menu-link {text-transform:uppercase}

	html, body  {margin:0; padding:0; position:relative; 
			font-family: 'Open Sans', sans-serif;
			/* to make footer stick to bottom */ 
			display: flex; flex-direction: column; min-height: 100vh; font-size:16px}
.footer {margin-top: auto !important;}
	img {max-width:100%; height:auto}
strong {font-variation-settings: "wght" 700;}


h1, h2 { line-height:1.2; font-family: 'EB Garamond', serif;font-size:30px; font-variation-settings: "wght" 500; color:#2458a3 }
h1 { margin:0 auto 26px; font-size: clamp(28px, 6vw, 40px);  text-align:center;}
h2 { font-size: clamp(26px, 5vw, 35px); margin:22px 0 18px}
h3, h4, h5 {font-variation-settings: "wght" 600; color:#2458a3; font-family: 'EB Garamond', serif;}
h3 {font-size: clamp(24px, 4vw, 30px);}

.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px;overflow:hidden;}
.eyebrows2 {text-transform:uppercase; text-align:center; margin:0 auto; font-variation-settings: "wght" 100; letter-spacing:.2em; margin:8px auto }

.main a {color:#2458a3}
.main a:hover {color:#11838d}

.main .content p, .main .content li {font-size: clamp(.95em, 4vw, 1.2); }


.doubleColumnList a {font-variation-settings: "wght" 600;}

.blogdate {margin:18px 0; display:block; font-style:italic; font-variation-settings: "wght" 600; color:#2458a3}
 
@media only screen and (min-width: 920px){
	
	.doubleColumnList {-moz-column-count: 2; columns:2;   break-inside: avoid-column;  column-gap:6%; }
.doubleColumnList li { break-inside: avoid-column;}
	
}


@media only screen and (min-width: 1080px){
	p { text-align:justify}
}


.logo { position:absolute; width:100%; text-align:center; left:0; right:0; top:47px}
.logo img, .logo svg {max-width:269px; width:100%; height:auto}

.site-header {background:#fff; height:206px; position:relative; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.43); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.43); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.43); z-index:1}

.main-navigation {  position:absolute; padding-top:0;  width:100%; z-index: 4;}


#mega-menu-wrap-topnav .mega-menu-toggle {z-index:99999999; position:relative}

ul.rightHeader { position:absolute;   bottom:8px; display:flex; flex-direction:row;   align-items: center;
  justify-content: center;   z-index:2; margin:0; padding:0; list-style:none; width:100%; list-style:none}
ul.rightHeader li {list-style:none !important}

ul.rightHeader li a {text-decoration:none; color:#fff}

@media only screen and (min-width: 600px) {
	.logo {  position:absolute; max-width:clamp(260px, 18vw, 488px); width:100%; left:4%; top:28px; z-index:2; height:114px; display: flex;  display: -moz-box;  align-items: center;
  justify-content: center;}
	.logo img {max-width:100%; padding-top:18px}
	
	.site-header {height:148px;  }
	ul.rightHeader {right:2%; position:absolute;  top:32px; bottom:0; display:flex; flex-direction:row;  height:110px;  align-items: center;
  justify-content: center;  z-index:2; margin:0; padding:0; list-style:non; width:auto;  height:auto}

}


@media only screen and (min-width: 1100px) {
	
	.site-header {height:134px;  }
	ul.rightHeader {top:0; right:4%}
.main-navigation {position:relative !important; padding-top:48px !important;  z-index:0;  width:auto !important; }
	
.logo {  left:3%; top:0 }
}

@media only screen and (min-width: 1130px) {
	
ul.rightHeader {right:4.5%;}
.logo { left:4%;}
}


/* .content {margin-top:100px;} */

li.contentBtn, li.loginBtn { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display:flex; align-items: center; justify-content: center;   margin:0 4px;  width:66px; height:36px; background:#3477bc; color:#fff;}

li.contentBtn:hover, li.loginBtn:hover {background:#3b90d0;} 


li.contentBtn a, li.loginBtn a, .phoneBtn a {font-weight:bold; font-size:.7em}
.contentBtn {}
.loginBtn {}
.phoneBtn a { padding:0 11px; color:#3477bc !important; font-size:1em; position:relative}
.phoneBtn a:before { position:absolute; left:-15px; content: url('https://941Payroll.com/wp-content/uploads/2024/02/phone.svg')}

	#mega-menu-wrap-topnav #mega-menu-topnav { padding-right:3% }

#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {padding:0 8px 0 8px}


@media only screen and (min-width: 1220px) {
	#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {padding:0 14px 0 14px}
}

@media only screen and (min-width: 1450px) {
	#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {padding:0 18px 0 18px; }
	
	li.contentBtn, li.loginBtn { width:88px; height:40px}
li.contentBtn a, li.loginBtn a {font-weight:bold; font-size:.9em}
	.phoneBtn a {font-weight:bold; font-size:1.2em}
}

@media only screen and (min-width: 1500px) {
	ul.rightHeader {right:6%;}
	.logo { left:5.5%;}
	#mega-menu-wrap-topnav #mega-menu-topnav { /* padding-right:0 */}

	#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item {/*padding:0 11px*/}
	
	
	

}

@media only screen and (min-width: 1546px) {
	#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {/*font-size:18px;*/ }
	
	
}

min-height:300px


/* login modal */

*,
*::before,
*::after {
	box-sizing: border-box; /* Put padding on the inside of elements */
}


		.closeIcon svg {width:32px; height:32px}
		
			.closeIcon .closeX {stroke:#005aab }
		.closeIcon .closeCircle {fill:#ffffff;  stroke:#005aab}
		
			.closeIcon:hover .closeX  {stroke:#ffffff !important }
		.closeIcon:hover .closeCircle {fill:#005aab;  }

/* Fullscreen Menu */

.fullscreen-menu-container {
	
	height: auto; /* Cover the whole height of the viewport */
	position: absolute; 
	top: 12.5rem; /* Add the top value to allow the element to animate up over */
	left: 0; /* Position to the left of the viewport */
	z-index: 100; /* Add z-index to make sure the element is always above everything else */
	width: 100vw; /* Cover the whole width of the viewport */
	
	overflow: scroll; /* Allow scrolling when the content is larger than the viewport */

	background-color: rgba(255,255,255, 1); /* Semi-transparent white background for the menu-overlay */

	opacity: 0; /* Apply 0 transparency to hide the overlay on load */
	pointer-events: none; /* Stop the elements in the menu-container from being clicked */

	transition: top 500ms ease-in, opacity 300ms ease-in; /* Transition the top and opacity */
}

.fullscreen-menu-container.is-open {
	opacity: 1; /* Transition opacity from 0 to 1 */
	top: 0; /* Transition to the top of the viewport */
	pointer-events: auto; /* Re-add pointer events to elements can be clicked again */
}

.fullscreen-menu-container .menu-button {
	position: absolute; /* Position the button absolutely to the image-cotainer */
	top: 3%; /* Position button from the top */
	right: 3%; /* Position button from the left */
}


	.fullscreen-menu__image-container {
		width: 5rem; /* Make square */
		height: 5rem; /* Make square */
		border-radius: 50%; /* Turn the square into a circle */
		background-size: cover; /* Force the background image to cover the container */
		background-position: center center; /* Position the image in the middle */
		margin: 0 auto 1.5rem;
	}



@media only screen and (min-width: 46rem) { /* When the viewport is large enough */
	
	.fullscreen-menu-container { height: 100vh; position:fixed }
	

	.fullscreen-menu-container {
		display: flex; /* Add display flex to the container */
		justify-content: center; /* Align menu contents to the center horizontally */
		align-items: center; /* Align menu contents to the center vertically */
	}

	.fullscreen-menu {
		padding: 0;
	}

	.fullscreen-menu__nav {
		margin: 4rem 0; /* Increase the margin between the navigation and other elements in the menu */
	}

		.fullscreen-menu__nav ul {
			display: flex; /* Turn the unordered list into a flex-container */
			justify-content: space-between; /* Share the available space between the list items */
		}

}
		

		.logoModal {padding:22px 4%; max-width:69%}
		.divContain { height:auto;  flex-direction:column; display: flex;  align-items: center; justify-content: center; padding:42px 0; }
		.main .content{ font-size:17px; font-variation-settings: "wght" 400; max-width:1100px; margin:0 auto; padding:1% 4%;  }
	.divContain h2 {font-size: clamp(18px, 4vw, 32px);}
.content p {line-height:1.6;}
.content li {line-height:1.3;}
.content li {margin-bottom:10px}
		.loginBtns a{text-transform:uppercase; text-align:center;   text-decoration:none !important; color:#3171b8; font-variation-settings: "wght" 700;  display:block; margin: 0px auto 11px; border:1px solid #2861aa; max-width:300px; padding:8px 3px; font-size: clamp(14px, 2vw, 17px); min-width:240px}
		.loginBtns a:hover {background:#2861aa; color:#fff;}
		.facebook {max-width:33px; text-align:center}
		.facebook svg {width:100%; height:auto; margin-top:32px}
		.facebook:hover .facebookSVG { fill:#000}
		.facebook .facebookSVG {fill:#2861aa}
		
		@media (min-width:900px){
			
			.divContain {width:800px}
				.loginBtns {width:820px; }
			.closeIcon svg {width:52px; height:52px}
			.fullscreen-menu-container .menu-button {

	top: 6%; /* Position button from the top */
	right: 6%; /* Position button from the left */
}
			
			.logoModal {padding:11px 4%; width:500px}
			
			.divContain {display:flex; flex-direction:column; display: flex;  align-items: center; justify-content: center;}
		
			
			.loginBtns {width:100%; display: flex;  align-items: center; max-width:700px;
  justify-content: center; flex-direction:row; }
			.loginBtns a { width:50%;}
		}
	
		@media only screen and (min-width: 640px) {
		/* .site-header { transition:all .8s; z-index:100} */
		.site-header { width:100vw; z-index:22  }
				
		}
@media only screen and (min-width: 1099px) {
	.site-header {position:fixed;  }
	figure.topImage {  /*margin:133px 0 0 0;*/ margin:0}

#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {font-size:.95em !important}
	
	#mega-menu-wrap-topnav #mega-menu-topnav[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu  {padding-top:44px}
}


@media only screen and (min-width: 1250px) {
#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {font-size:111% !important}
}

@media only screen and (min-width: 1350px) {
#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {font-size:116% !important}
}


@media only screen and (min-width: 1445px) {
#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {font-size:118% !important}
}
@media only screen and (min-width: 1520px) {
	#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {font-size:120% !important}
}


@media only screen and (min-width: 1640px) {
#mega-menu-wrap-topnav #mega-menu-topnav > li.mega-menu-item > a.mega-menu-link {font-size:1.2vw !important;

	
	}
}


ul.mega-sub-menu {padding-top:88px}


/* main area */



.main {/* padding-top:32px;*/ padding-bottom:32px; min-height:300px}
@media only screen and (min-width: 1099px) {
	.main {padding-top:134px}
	}
	
	@media only screen and (min-width: 640px) {
	figure.topImage {  width:100vw;  position:relative; z-index:0; padding:0 !important;}
	figure.topImage ~ .main {padding-top:22px !important}
	}

	@media only screen and (min-width: 1100px) {
		
		.page-template-homepage_template	figure.topImage {margin-top:132px}
		
}


/* footer work */


		.topAnchor {height:0}
		
		.footer {width: 100vw; min-height:188px; background: #3a84c6;  background-image: linear-gradient(to bottom, #3a84c6, #3278bd, #2c6cb4, #2761ab, #2355a1);  margin-top: auto; position:relative; padding-bottom:28px; overflow:auto}
		.footerContain {width:92%; margin:26px auto 0; color:#fff; text-align:center; }

	
		.footerContent { }
		.phoneAddress {margin-top:18px}
		
		.footerContent a { background:#1d4787; padding:8px; max-width:200px; margin:8px auto 11px; 
			display:block; color:#fff; text-decoration:none; min-height:24px;  font-variation-settings: "wght" 600; -webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;}
		.footerContent a:hover { background:#3a84c6}
		.businessName {text-transform:uppercase; font-variation-settings: "wght" 600;  }
		.footerIcon{display:block; width:88px;  height:auto; opacity:.4; padding-bottom:4px; margin: 0 auto; text-align:center}
		.footerCol1 {padding-bottom:32px}
		.footerCol2 {display:none;}
		.footerCol2 ul {list-style:none; margin:0; }
		.footerCol2 li {margin-bottom:11px; line-height:1}
		.footerCol2 ul:first-of-type {padding-right:26px}
		.footerCol2 ul li:first-child {font-weight:bold; text-transform:uppercase; padding-top:8px}
		.footerCol1 a, .footerCol2 a {text-decoration:none; color:#fff}
		.upArrow {text-align:center;}
		.upArrow svg { transform: rotate(180deg); max-width:44px; opacity:.3}
		.upArrow:hover svg { transform: rotate(180deg); max-width:44px; opacity:1}
		.scrollUpArrowInCircle {fill:#fff}
		
			@media only screen and (min-width: 600px) {
				
				.upArrow{display:none}
				
					.footerContent a { background:none !important; padding:0 !important; max-width:200px;margin:0 0 4px !important; 
			 font-variation-settings:inherit; }
				
			
				.footerIcon{width:33%; max-width:144px;  height:auto;  opacity:.4; padding-bottom:8px; margin:0 24px 0}
				.footerCol2 {display:block}
					.footerCol1 {width:50%;  }
		.footerCol2 {width:50%; color:#fff;}
			.footerContain {display:flex; flex-direction:row; text-align:left}
		}
		
		
			@media only screen and (min-width: 920px) {
				.footerCol1, .footerCol2 { display:flex; flex-direction:row}
					
					.footerCol1 {width:36%;}
		.footerCol2 {width:64%; }
					
		}
		
			@media only screen and (min-width: 1100px) {
				.footerIcon {display:block}
				.footerContain {width:88%;}
					.footerCol1 {width:48%;  }
		   .footerCol2 {width:52%;}
				.footerContent {padding-top:8px;}
				
		}

/* button rule block */

	.ruleBtn {width:100%;   position:relative; height:1px; border-top: 2px solid #2458a3; overflow:visible; margin:62px 0; display: flex;  align-items: center;
  justify-content: center; text-align:center}
	.ruleBtn a:hover {background:#2458a3; color:#fff}
	.ruleBtn a {min-height:22px; background: #fff; width:200px; border:2px solid #2458a3; padding:11px 0 8px; z-index:1; position:absolute; top:-22px; left:0; right:0;  margin: 0 auto; text-decoration:none; line-height:1.2; font-variation-settings: "wght" 600;  }

/* icon rule block */

.iconRule {width:100%;   position:relative; height:1px; border-top: 2px solid #2458a3; overflow:visible; margin:48px 0; display: flex;  align-items: center;
  justify-content: center; text-align:center}
	
	.iconRule .iconCenter {min-height:22px; border:2px solid #fff;  background:#fff url("https://941Payroll.com/wp-content/uploads/2023/12/941_icon-min.svg"); content:''; background-size:100%; height:58px; width:54px;  position:absolute; top:-28px; left:0; right:0;  margin: 0 auto; text-decoration:none; line-height:1.2; font-variation-settings: "wght" 600; 
}


	.noTopFig {width:100vw; height:32px}
	.topImage {position:relative}
	.secondaryTopImage { width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; background-size:100%; background-position:center center}
	
/*
	.panelSection2 {  position:relative; width:100vw; display: flex; flex-direction:row; align-items: center;
 background: rgb(2,0,36);
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); z-index:0}
.panelSection2 img {position:relative; z-index:0}
.panelSection2 img {max-width:100%; max-height:100%; height:auto; }
*/

	.panelSection2 { aspect-ratio:16 / 7; position:relative; width:100vw;  display: flex; flex-direction:row; align-items: center;
 background: rgb(2,0,36); 
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); z-index:0}
.panelSection2 img {position:relative; z-index:0}
.panelSection2 img {max-width:100%; max-height:100%; height:auto; }

	@media only screen and (min-width: 640px) {
		.panelSection2 { aspect-ratio:16 / 5;}
	}
	
	
		.panelSection3 { display: flex; flex-direction:column;flex-direction: column-reverse; position:relative; width:100vw;  align-items: center;
 background: rgb(2,0,36); background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%); z-index:0; }

.panelSection3 img {  max-width:86%; max-height:100%; height:auto; position:relative; z-index:0; width:100%; }
	
	
	.secTopLeft, .secTopRight, .secTopLeft, .secTopLeft2 { z-index:1; color:#fff; }
	.secTopLeft, .secTopLeft2 {padding:0 3% 28px 3%}
	.secTopRight, .secTopLeft2 { text-align:center; }
.secTopLeft2 {max-width:640px; padding:4% 4% 5%}
.secTopRight {padding-top:4%}
.secTopRight img {aspect-ratio:3/2}
	.secTopRight, .secTopLeft2 {max-width:80%; margin:auto}
	.secTopLeft h1, .secTopLeft2 h1 {color:#fff; font-size:60px; font-size: clamp(2rem, 4.3vw, 3.3rem);  line-height:1.05 !important; margin:11px auto}
	.secTopLeft p, .secTopLeft2 p {font-size:1.1; line-height:1.3;  margin:auto; text-align:center}
.secTopLeft p {max-width:500px;}
	.main .content p {margin:0 0 16px }
	.main .content li {margin:0 0 8px;  position:relative}
.main .content li.icon {list-style:none}
	.main .content li.icon:before {color:#fff; background:url('https://941Payroll.com/wp-content/uploads/2023/12/941_icon-min.svg') no-repeat; width:44px; height:auto; content:'.'; position:absolute; left:-88px; margin-left:62px}
	

	
		@media only screen and (min-width: 520px){
			.panelSection3 img {  max-width:400px;}
			.secTopRight { padding:4% 4% 0;}
			
			.secTopLeft p {font-size:1.3em; line-height:1.3;}
	}
	
	@media only screen and (min-width: 920px){
		
		.secTopLeft h1 {margin:0 auto 22px}
		.panelSection2 { aspect-ratio:16 / 4;}
		
	/* .secTopLeft, .secTopRight {  padding:4%} */
		.secTopLeft, .secTopRight, .secTopLeft2 {width:50%; text-align:center; padding:4%}
		.secTopRight { padding:4% 4% 4% 0}
		.panelSection3 img {  height:100%; max-width:100%; max-height:100%; height:auto;}
		
			.panelSection3 { display: flex; flex-direction:row;}
	}
     
	
	
		@media only screen and (min-width: 1099px){
			/* change style sheet for main */
			.main {padding-top: 136px;}
				/* figure.topImage {  margin-top: 126px;} */
			
	}

/* blog nex and previous nav  */

	.nav-links {display:flex; flex-direction:row;   justify-content: center;} 
	.nav-links a {text-Decoration:none; text-transform:uppercase}
	.nav-previous, .nav-next {margin:0 22px}
.projectsNav .nav-previous, .projectsNav .nav-next {margin:0 11px}
  .nav-previous:before {content:'«'; padding-right:8px}
	.nav-next:after, .project-link:after  {content:'»'; padding-left:8px}

.nav-links.projectsNav{display:block; text-align:center}
.nav-links.projectsNav .pipe {visibility:hidden}
@media only screen and (min-width: 820px) {
	.nav-links.projectsNav{display:flex; flex-direction:row;   justify-content: center;}
	.nav-links.projectsNav .pipe {visibility:visible}
	.project-link:after  {content:''; }
}

.noTopFig ~ h1, .panelSection2 ~ h1 {margin-top:38px}
.panelSection3 {margin-bottom:34px}

/* blog page styles */

.galleryNav {margin-top:32px}

.blogPhoto2,  .blogPhoto2 img{  max-width:248px; margin:0 auto;  width:auto; height:auto}

.blogPageExerpt { width: auto;   margin:0; padding:11px 4% 11px 0; }
.blogRow { width:100%; margin:auto; border-bottom:1px solid #ffa955; padding: 32px 0 !important; margin:0 0 32px 0; display:block}
.blogRow:last-of-type {border-bottom:none}
.blogPageExerpt h2 {font-size:1.4em;  text-transform:none !important;  text-align:center; color:#003566}
.blogPageExerpt h2 a {text-decoration:none}

@media only screen and (min-width: 920px){
	
	.blogPhoto2 { max-height:280px;}
	.blogRow { margin:0 0 0 0}
.blogPageExerpt h2 {text-align:left; padding-top:0; margin-top:0}
.blogFlex {display: flex; flex-direction: row-reverse; padding:0}
.blogPhoto2 {  width: 420px; margin:0; display: flex;  align-items: center;justify-content: center; }
	.blogRow h2 { font-size: clamp(24px, 4vw, 30px); margin:22px 0 18px}
.blogPhoto2 img  {max-width:100%; height:auto; max-height:258px; height:auto; }
.blogPageExerpt {  width:100%;  margin:0; padding:11px 4% 11px 0; }
		}


	@supports (-moz-appearance:none) {
  .logo {display:block !important}
}