/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family: "myriad-pro", sans-serif; border:none; }
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
body {margin: 0px; padding: 0px 0 0px 0; text-align:center; color:#000000;}

* {box-sizing: border-box; background-repeat:no-repeat;}

@keyframes animatedBackground {from { clip-path: polygon(0 0, 0 0, 0 100% ,  0 100%); } to {  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }}
@keyframes animatedZIndex {from { z-index:9; } to { z-index:9; }}

/* ---- MASTER TEMPLATE ---- */
#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; }
#container>div, #container>header, #container>main, #container>main>div, #container>footer {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1400px; max-width: 100%;}
.content {float: left; width: 100%; max-width: 100%; padding:0 5%; }
.marginSmall {padding:40px 0;}
.margin {padding:40px 0;}

@media only screen and (min-width: 768px) {
.marginSmall {padding:50px 0;}
.margin {padding:60px 0;}
}

@media only screen and (min-width: 1024px) {
.content {float: left; width: 100%; max-width: 100%; padding:0 5%; }
.marginSmall {padding:60px 0;}
.margin {padding:80px 0;}
  }

header {height:140px;}
header a.logo {float:left; background-image:url("/wp-content/themes/wsatax/assets/wsatax-logo.png"); width:268px; height:84px; display:block; margin-top:20px; }
header a.payment {display:none; float:right; background-color:#c51e47; padding:7px 30px 15px 30px; color:#fff; margin-left:30px; text-transform:uppercase; font-size:15px; font-weight:600; letter-spacing:1px;}
header a.phone {display:none; float:right; font-size:22px; font-weight:300; color:#666; line-height:40px; letter-spacing:1px;}

@media only screen and (min-width: 1024px) {
header a.payment {display:block;}
header a.phone {display:block;}
}


/*---
#panels {height:calc(100vh - 140px);}
#panels .wrapper {width:1400px;}
#panel1 {background-image:url("/wp-content/themes/wsatax/assets/panel-1.jpg"); background-size:cover; background-position:center center; position:absolute; width:100%; height:calc(100vh - 140px);  z-index:5; animation:animatedZIndex 0.75s linear ;}
#panel2 {background-image:url("/wp-content/themes/wsatax/assets/panel-2.jpg"); background-size:cover; background-position:center center; position:absolute; width:100%; height:calc(100vh - 140px);  z-index:5; animation:animatedZIndex 0.75s linear ;}
#panel3 {background-image:url("/wp-content/themes/wsatax/assets/panel-3.jpg"); background-size:cover; background-position:center center; position:absolute; width:100%; height:calc(100vh - 140px);  z-index:5; animation:animatedZIndex 0.75s linear ;}
#panel4 {background-image:url("/wp-content/themes/wsatax/assets/panel-4.jpg"); background-size:cover; background-position:center center; position:absolute; width:100%; height:calc(100vh - 140px);  z-index:5; animation:animatedZIndex 0.75s linear ;}

#panel1.slider {animation:animatedBackground 0.75s linear(0, 0 33%, 1) ; right:0; z-index:10;}
#panel2.slider {animation:animatedBackground 0.75s linear(0, 0 33%, 1) ; right:0; z-index:10;}
#panel3.slider {animation:animatedBackground 0.75s linear(0, 0 33%, 1) ; right:0; z-index:10;}
#panel4.slider {animation:animatedBackground 0.75s linear(0, 0 33%, 1) ; right:0; z-index:10;}

.panels {display:flex; height:calc(100vh - 140px);}
.panel {width:23%; float:left; border-left:1px solid #646464; flex-grow:1; display:flex; align-items:end; position:relative; z-index:50;}
.panel:after {display:block; content:'I have'; color:#fff; background-color:#000; padding:5px 15px; position:absolute; bottom:340px; left:0px; margin-left:-18px; font-size:12px; transform:rotate(270deg);}
.panel.panel1:after {content:'We are'; position:fixed; left:-2px;}
.panelCopy {margin-bottom:110px;}
.panel.panel1 {width:31%; border-left:0px; }
.panel.panel2:after {content:"I am"; margin-left:-14px;}
.panel.panel3:after {content:"I'm a"; margin-left:-15px;}
.panel.panel4:after {content:"I'm a"; margin-left:-15px;}

.panelCopy {width:90%; float:left; padding-left:10%; position:relative;}
.panelCopy h3 {color:#fff; font-size:34px; font-weight:600; margin-bottom:20px;}
.panelCopy p {color:#fff; font-size:20px; font-weight:400; }
.panelCopy p:first-of-type {display:none;}
.panelCopy p a {color:#fff; background-color:rgba(100,100,100,0.6); padding:10px 55px 10px 15px; font-size:20px; border-radius:10px; margin-top:30px;  display:block; float:left; background-image:url("/wp-content/themes/wsatax/assets/arrow.png"); background-position:right 15px center;}
.panel1 .panelCopy {padding-left:0;font-weight:600; max-width:330px;}
.panel1 .panelCopy h1 {position:relative; font-size:54px; font-weight:600; margin-bottom:150px; padding-bottom:50px; color:#fff;}
.panel1 .panelCopy h1 strong {font-weight:600;}
.panel1 .panelCopy h1:after {display:block; content:''; width:40px; height:1px; background-color:#fff; position:absolute; left:0px;     top: 120px;}
.panel1 .panelCopy p {display:block; color:#fff; font-size:22px;  font-weight:400; }
.panel1 .panelCopy h3 {font-size:34px; font-weight:600; color:#fff; margin-bottom:60px;}
.panel1 .panelCopy h3 strong {font-weight:600;}
.panel4 .panelCopy {width:100%;}

.panel1 .panelCopy {margin-bottom:210px;}
.panel2:hover .panelCopy h3 {color:#414142;}
.panel2:hover .panelCopy p {color:#414142;}
.panel3:hover .panelCopy h3 {color:#414142;}
.panel3:hover .panelCopy p {color:#414142;}
.panel4:hover .panelCopy h3 {color:#414142;}
.panel4:hover .panelCopy p {color:#414142;}

.panel2:hover {backdrop-filter: blur(10px);}
.panel3:hover {backdrop-filter: blur(10px);}
.panel4:hover {backdrop-filter: blur(10px);}
---*/





.copy h1 {color:#930d34; font-size:40px; font-weight:300; margin-bottom:30px;}
.copy h2 {color:#930d34; font-size:28px; font-weight:300; margin-bottom:30px; border-top:1px solid #930d34; padding-top:20px; width:100%;}
.copy h3 {color:#930d34; font-size:24px; font-weight:300; margin-bottom:30px;}
.copy h4 {color:#930d34; font-size:24px; font-weight:300; margin-bottom:30px;}
.copy h5 {color:#930d34; font-size:16px; font-weight:600;}
.copy p {color:#646464; font-size:20px; font-weight:300; margin-bottom:30px;}
.copy p a:not(.button,.buttonWhite) {color:#646464;}
.copy p a:not(.button,.buttonWhite):hover {color:#930d34;}
.copy.intro p:first-of-type {font-size:26px;}
.copy.white p {color:#fff; }
.copy.white h2 {color:#fff; border-top:1px solid #fff;}
.copy p:last-child,.copy h1:last-child, .copy h2:last-child, .copy h3:last-child , .copy h4:last-child , .copy h5:last-child , .copy h6:last-child  {margin-bottom:0px;}
.third {float:left; width:100%; margin-top:30px;}
.third:first-child {margin-top:0px;}
.copy img {margin-bottom:20px;}
.copy>ul {margin-bottom:20px;}
.copy ul li {list-style-type:none; background-image:url("/wp-content/themes/wsatax/assets/bullet.png"); background-position:left top 9px; padding-left:20px; color:#646464; font-size:20px; font-weight:300; margin-bottom:15px;}
.copy>ul>li>ul {margin-top:15px;}

.copy a.button {display:inline-block; border:2px solid #930d34; padding:8px 40px 8px 20px; font-size:16px; background-color:#930d34; color:#fff; border-radius:20px; background-image:url("/wp-content/themes/wsatax/assets/button-arrow.png"); background-position:right 20px center; background-repeat:no-repeat;}
.copy a.button:hover {color:#930d34; background-color:#fff; background-image:url("/wp-content/themes/wsatax/assets/arrow-red.png"); }

.copy a.buttonWhite {display:inline-block; padding:8px 40px 8px 20px; border:2px solid #930d34; font-weight:600; font-size:16px; background-color:#fff; color:#930d34; border-radius:20px; background-image:url("/wp-content/themes/wsatax/assets/arrow-red.png"); background-position:right 20px center; background-repeat:no-repeat;}
.copy a.buttonWhite:hover {background-color:#930d34; color:#fff;  background-image:url("/wp-content/themes/wsatax/assets/button-arrow.png");} 


@media only screen and (min-width: 768px) {
.copy h1 {font-size:45px;}
.copy h2 {font-size:32px;}
.copy h3 {font-size:26px;}
.copy h4 {font-size:26px;}
.copy p {font-size:22px;}
.copy.intro p:first-of-type {font-size:28px;}
.copy ul li {font-size:22px;}
.copy a.button {font-size:18px;}
}

@media only screen and (min-width: 1024px) {
.copy h1 {font-size:50px;}
.copy h2 {font-size:36px;}
.copy h3 {font-size:28px;}
.copy h4 {font-size:28px;}
.copy p {font-size:24px;}
.copy.intro p:first-of-type {font-size:30px;}
.copy ul li {font-size:24px;}
.copy a.button {font-size:18px;}
}


.cta {margin:60px 0; width:100%; float:left;}
.cta p {font-size:18px; margin-bottom:20px; }
.cta img {margin-bottom:15px;}
.cta p a.phone {display:block; font-size:30px; color:#646464; font-weight:300; margin:10px 0 0 0 ;}
.cta p a.email {display:block;font-size:24px; color:#930d34; font-weight:300; margin-bottom:30px;}

.filing {width:100%; float:left; border:2px solid #666; border-radius:20px; padding:30px;}

.wide {float:left; width:100%;}
.right {float:left; width:100%;}

@media only screen and (min-width: 768px) {
.wide { width:70%;}
.right {float:right; width:25%;}
.cta {margin:0 0 60px 0;}
}

@media only screen and (min-width: 1024px) {
.third {width:30%; margin-left:5%; margin-top:0px;}
.third:first-child {margin-left:0px;}
}


/* ---- HOMEPAGE ---- */

.homeButtons {display:flex; flex-wrap: wrap;}
.homeButton {float:left; width:100%; border-radius:20px; border:2px solid #666; padding:30px 25px; margin-top:50px;}

@media only screen and (min-width: 768px) {
.homeButton {width:40%;  margin-right:10%;}	
}




/* ---- FOOTER ---- */

footer {background-color:#646464; padding:60px 0 100px 0;}
footer a.footerLogo {float:left; background-image: url("/wp-content/themes/wsatax/assets/wsatax-logo-footer.png"); display:block; width:264px; height:83px; }
footer .copy p {font-size:20px;}
footer .copy {float:left; width:100%; margin:40px 0;}
footer .copy .third {float:left; width:100%; margin-top:30px;}
footer .copy .third p {font-size:18px;}
footer .copy .third p a {color:#fff;}
footer .copy .third:first-child p {font-size:24px;}
footer .copyRight {float:left; width:100%; margin-bottom:30px;}
footer .copyRight p {color:#fff; font-size:16px;}
ul#menu-footernav {float:left; width:100%;}
ul#menu-footernav li {line-height:1.0em; margin-bottom:10px;}
ul#menu-footernav li a {color:#fff; font-size:16px; }
ul#menu-footernav li a:hover {color:#930d34;}
ul#menu-footernav li:last-child {border:0px; padding-right:0px; margin-right:0px;}


@media only screen and (min-width: 768px) {
footer .copy {float:right; width:50%; margin:60px 0 80px 0;}
footer .copyRight {width:50%; clear:both; }
ul#menu-footernav {float:right; width:50%;}
}


@media only screen and (min-width: 1024px) {
footer .copy {float:right; width:70%; margin:60px 0 80px 0;}
footer .copy .third {width:30%; margin-left:5%; margin-top:50px;}
footer .copy .third:first-child {margin-left:0px;}
footer .copyRight {float:left; width:25%; clear:both; margin-bottom:0px;}
ul#menu-footernav {float:right; width:70%;}
ul#menu-footernav li {float:left; border-right:1px solid #fff; margin-right:15px; padding-right:15px; margin-bottom:0px;}
}



/* ---- CONTACT ---- */

#contact {background-color:#f2f3f3;}

#contact .third {margin-top:30px;}
#contact #contactForm {margin-top:0px;}

#contactForm {float:left; width:100%;}
#contactForm .wpforms-field {padding:15px 0 0 0px;}
#contactForm label {color:#646464; font-size:18px; font-weight:300; margin-bottom:11px;}
#contactForm input[type=text] {border:1px solid #646464; border-radius:0px;}
#contactForm input[type=email] {border:1px solid #646464; border-radius:0px;}
#contactForm input[type=tel] {border:1px solid #646464; border-radius:0px;}
#contactForm textarea {border:1px solid #646464; border-radius:0px; resize:none;}
#contactForm select {border:1px solid #646464; border-radius:0px;}
#contactForm button[type=submit] {border:none; background-color:#930d34; color:#fff; border-radius:20px; padding-right:30px; margin-top:20px; background-image:url("/wp-content/themes/wsatax/assets/button-arrow.png"); background-position:right 15px center; background-repeat:no-repeat;}

@media only screen and (min-width: 768px) {
#contact #contactForm {margin-top:50px;}
}



/* ---- PAYMENT FORM ---- */

/*#Payment Form#*/
#paymentForm {}
#paymentForm .spacer {width:100%; float:left; clear:left; margin-bottom:20px;}
#paymentForm label {float:left; width:200px; margin-bottom:5px;}
#paymentForm input[type=text] {clear:left; width:100%; float:left; border:1px solid #dfdfdf; padding:5px;}
#paymentForm h3 {color:#930d34; font-weight:300; float:left; display:block;  margin-top:15px;}
#paymentForm input[type=submit] {cursor:pointer; background-color:#930d34; width:100%; color:#fff; text-transform:uppercase; padding:8px 0; }

@media only screen and (min-width: 1024px) {
#paymentForm input[type=text] {width:50%;}
#paymentForm input[type=submit] {width:50%;}
  }



/* ---- TESTIMONIAL ---- */

#testimonial {background-color:#787979; background-image:url("/wp-content/themes/wsatax/assets/testimonial-background.png"); background-position: right 10% top 35px ; width:100%;}
.testimonial {float:left; width:100%;}
.testimonial p {font-size:24px; font-weight:300; color:#fff; margin:30px 0;}
.testimonial p em {font-size:14px; font-weight:700;}


@media only screen and (min-width: 768px) {
.testimonial {width:70%;}
.testimonial p {font-size:36px; margin:50px 0;}
.testimonial p em {font-size:18px;}
}




/* ----- BANNER STYLES ----- */


.videoBanner {overflow:hidden;}
#video-background {position: absolute; top: 50%; left: 50%;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto;  height: auto; z-index: 2; overflow: hidden;}

#banner {height:500px; background-size:cover; background-position:center center;}
#banner .content {height:500px; display: flex; align-items: center;}
#banner.bannerShort {height:420px;}
#banner.bannerShort .content {height:420px;} 
#banner .content .message {position:relative; z-index:3; width:70%;}
#banner .content .message h2 {color:#fff; font-size:35px; font-weight:600; margin-bottom:80px; }
#banner .content .message h2:after {width:46px; height:1px; border-top:1px solid #fff; display:block; content:''; position:relative; bottom:-40px;}
#banner .content .message h3 {color:#fff; font-size:22px; font-weight:600; margin-bottom:0px;}
#banner .content .message p {color:#fff; font-size:18px; font-weight:500; margin-top:20px;}
#banner .content img.icon {margin-bottom:50px;}
	
@media only screen and (min-width: 768px) {
#banner .content .message {width:50%;}
#banner .content .message h2 {font-size:44px; }
#banner .content .message h3 {font-size:26px; }
#banner .content .message p {font-size:20px; }
#banner {height:700px;}
#banner .content {height:700px;}
#banner.bannerShort {height:420px;}
#banner.bannerShort .content {height:420px;}
}
	
@media only screen and (min-width: 1280px) {
#banner {height:800px;}
#banner .content {height:800px;}
#banner.bannerShort {height:520px;}
#banner.bannerShort .content {height:520px;}
#banner .content .message {width:30%;}
#banner .content .message h2 {font-size:50px;}
#banner .content .message h3 {font-size:30px;}
#banner .content .message p {font-size:20px;}
}
	


/* ---- CITIZENS ---- */

#citizens {background-color:#fafbfc; padding:30px 0;}
#citizens .citizen {float:left; width:100%; margin-bottom:15px;}
#citizens .citizen:last-child {margin-bottom:0px;}
#citizens .citizen a {font-size:26px; font-weight:600; color:#666; display:inline-block;  padding-right:25px; background-image:url("/wp-content/themes/wsatax/assets/arrow-grey.png"); background-position:right top 10px; position:relative; z-index:5;}
#citizens .citizen a:hover {color:#930d34; border-bottom:1px solid #930d34;  background-image:url("/wp-content/themes/wsatax/assets/arrow-red.png");}
#citizens .citizen p {font-size:18px; font-weight:300;}

@media only screen and (min-width: 768px) {
#citizens {background-color:#fafbfc; padding:45px 0;}
#citizens .citizen {width:33.3333%; margin-bottom:0px;}
#citizens .citizen a {font-size:30px; border-bottom:1px solid #b2b2b2; margin-bottom:20px; padding-bottom:23px; background-position:right top 14px;}
#citizens .content:after {display:block; width:110%; height:1px; border-top:1px solid #b2b2b2; content:''; margin-left:-5%; top:60px; position:relative;  z-index:3;}
#citizens .citizen p {font-size:20px; width:70%;}
}



/* ---- SERVICES ---- */

.servicePreview {float:left; width:100%; margin-top:80px;}
.servicePreview img {margin-bottom:20px;}
.servicePreview h3 {font-size:33px; margin-bottom:20px;}
.servicePreview p {font-size:18px;}
.servicePreview a.button {border:2px solid #930d34; font-weight:600; background-color:#fff; color:#930d34; background-image:url("/wp-content/themes/wsatax/assets/arrow-red.png");}
.servicePreview a.button:hover {background-color:#930d34; color:#fff;  background-image:url("/wp-content/themes/wsatax/assets/button-arrow.png");} 

@media only screen and (min-width: 768px) {
.servicePreview {float:left; width:47.5%; margin-left:5%;}
.servicePreview:nth-child(2n+1) {clear:left; margin-left:0px;}
}
	
@media only screen and (min-width: 1024px) {
.servicePreview {float:left; width:30%; margin-left:5%;}
.servicePreview:nth-child(2n+1) {clear:none; margin-left:5%;}
.servicePreview:nth-child(3n+1) {margin-left:0; clear:left;}
}



/* ---- CONTACT ---- */

#gMap {float: left; width: 100%; height: 400px;}
.lightGrey {background-color:#f2f3f3;}

@media only screen and (min-width: 768px) {
#gMap { height: 550px;}
}
	
@media only screen and (min-width: 1024px) {
#gMap {height: 700px;}
}




/* ---- OUR STORY ---- */

@media only screen and (min-width: 1280px) {
.backgroundLogo {background-image:url("/wp-content/themes/wsatax/assets/background-logo.png"); background-position:left calc(80% + 310px) top 230px;}
.backgroundLogoWSA {background-image:url("/wp-content/themes/wsatax/assets/background-logo-wsa.png"); background-position:left calc(60% + 310px) top 230px;}
}



/* ---- ABOUT US ---- */

#staff {float:left; width:100%;}
.staffPreview {float:left; width:100%; margin:25px 0 25px 0px;}
.staffPreview .image {float:left; width:100%; height:180px; background-size:cover; background-position:center center; margin-bottom:20px;}
.divider {float:left; clear:left; width:100%; margin:30px 0;}
.divider:first-of-type h2 {border:0px;}
.staffPreview .copy h3 {font-size:26px; color:#666; margin-bottom:0px;}
.staffPreview .copy h3 span {font-size:20px;}
.staffPreview .copy h4 {font-size:20px; color:#930d34; margin-bottom:0px;}
.staffPreview .copy p {font-size:18px; margin-top:5px; margin-bottom:0px;}
.staffPreview .copy a.buttonWhite {margin-top:30px;}


@media only screen and (min-width: 768px) {
.staffPreview .copy h3 {font-size:28px;}
.staffPreview .copy h4 {font-size:22px;}
.staffPreview .copy p {font-size:18px;}
.staffPreview {float:left; width:100%; margin:30px 0 30px 0px;}
.staffPreview {float:left; width:47.5%; margin:40px 0 40px 5%;}
.staffPreview:nth-child(2n+1) {clear:left; margin-left:0px;}
}
	
@media only screen and (min-width: 1024px) {
.staffPreview .copy h3 {font-size:30px;}
.staffPreview .copy h4 {font-size:24px;}
.staffPreview .copy p {font-size:20px;}
.staffPreview {float:left; width:30%; margin:40px 0 40px 5%;}
.staffPreview:nth-child(2n+1) {clear:none; margin-left:5%;}
.staffPreview:nth-child(3n+1) {clear:left; margin-left:0px;}
}