/*

Theme Name: Weiss Legal PLLC
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

*/

@import url("https://use.typekit.net/lah7mhe.css");


:root {
	--color-prime: #1a2c42; /* dark blue */
	--color-second: #f67063; /* salmon - not used */
	--color-tert: #0583c1; /* light blue */
	--color-quart: #131212; /*  almost black  */
	--color-quint: #646164; /*  gray  */
}


body {
    text-rendering: optimizeLegibility;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    color:var(--color-quart) !important;
}

a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}

 /* #Header
================================================== */

body.home .x-bar-is-sticky, .x-bar-is-sticky .x-bar-content {
    transition-property:height, opacity
}

.x-bar.x-bar-is-sticky {
	-webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
	transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


.header-social { font-size:.5em !important; }


.top-links a {  }
.top-links a:hover {  }

.top-nav a { }

.social-top a {
    margin-right: .8em;
    color:var(--color-tert) !important;
}
.social-top a:hover, .top-info a:hover {
    color:var(--color-second) !important;
}

@media (max-width: 420px) {
    .social-top a {
        font-size: 1.2em !important;
        margin-right:0
    }
}

.top-info a {
    color:var(--color-tert) !important;
}
.top-info a:hover {
    color:#fff !important;
}

li.login a {
	border-radius: 2em !important;
	border: 2px solid var(--color-second) !important;
}
li.login a.x-anchor:hover { color:#1a2c42 !important; }

	@media (max-width: 1024px) {
		li.login a {
			padding:0em;
			border-radius:0em;
			background:transparent;
		}
	}


 /* #Hero
================================================== */
.x-slider-container { margin-top:0px;border:0px solid #ff0000 !important; }

.hero {
	/* height: 13vh; */
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media (max-width: 1024px) {
	/* .hero { height: 15vh; } */
}


@media (max-width: 450px) {
	.rev-welcome { font-size:2.82em !important; }
	.rev-logo img { width:300px !important;height:46px !important;}
}

 /* #Fonts
================================================== */

/* Adobe Garamond Pro Regular */
@font-face {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 400;
	font-style: normal;
}
/* Adobe Garamond Pro Italic */
@font-face {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 400;
	font-style: italic;
}
/* Adobe Garamond Pro Semibold */
@font-face {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 600;
	font-style: normal;
}
/* Adobe Garamond Pro Semibold Italic */
@font-face {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 600;
	font-style: italic;
}
/* Adobe Garamond Pro Bold */
@font-face {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 700;
	font-style: normal;
}
/* Adobe Garamond Pro Bold Italic */
@font-face {
	font-family: "adobe-garamond-pro", serif;
	font-weight: 700;
	font-style: italic;
}

.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}

.white a { color: rgba(255, 255, 255, .9) !important; }
.white a:hover { color: rgba(255, 255, 255, .5) !important; }


.x-text {
    line-height:1.4em !important;
}


h1, h2, h3, h4, h5, h6, .x-brand { 
	font-family: "adobe-garamond-pro", serif !important;
	font-weight: 600;
	line-height:1em !important;
}


h1 {
	font-size:2.4em !important;
	margin-bottom:.8em !important;
}

h2 {
	font-size:2em !important;
	margin-bottom:.8em !important;
}
h3 {
	font-size:1.8em !important;
	line-height:.8em !important;
	margin-top:.6em !important;
	margin-bottom:.2em !important;
}
	h3 small {
		font-size:.6em !important;
		color:#646164 !important;
	}
	

h4 {
	font-size:1.8em !important;
	margin-top:.6em !important;
	margin-bottom:.2em !important;
}


 /* #Footer
================================================== */

.grad-bottom-black {
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.51) 20%, rgba(0, 0, 0, 0) 100%)
}

footer { line-height:.8em !important; }

footer .social { font-size:.7em !important; }
footer a { color:#fff; }
footer a:hover { color:var(--color-prime) !important; }


.social { font-size:.8em !important; }

footer .social a { color:var(--color-quint); }
footer .social a:hover { color:var(--color-prime) !important; }


.footer-links a { color:var(--color-prime) !important; }
.footer-links a:hover { color:var(--color-second) !important; }

.footer-cat {
	color:var(--color-prime);
	text-transform:uppercase;
	letter-spacing:.1em;
	white-space: nowrap; 
}

footer ul {
	margin:0em;
	list-style:none;
}
footer ul li {
	margin-bottom:.4em;
	line-height:normal;
}


.footer-white-line {
	padding-right:1em;
	border-right:1px solid rgba(255, 255, 255, 0.6) !important;
}
@media (max-width: 1024px) {
	.footer-cat { white-space: inherit; }
	.footer-white-line {
		padding-right:0em;
		padding-bottom:1.5em;
		border-right:0px solid rgba(255, 255, 255, 0.6) !important;
		border-bottom:1px solid rgba(255, 255, 255, 0.6) !important;
	}
}


.copyright {
	font-size:0.8em !important;
	color:rgba(255, 255, 255, 0.6) !important;
}



 /* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip {
    position: absolute !important;
    left: -40px !important;
    top: 0 !important;
    width: 44px !important;
    height: 35px !important;
    padding: 0 !important;
    background: url(_img/contact-form-error.png) !important;
    overflow: hidden;
    text-indent: -9999px !important;
    padding: 0;
    border:none !important
}
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }



input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}

input[type="submit"] {
	text-transform:uppercase;
}

textarea.foot {
	height:150px !important;
}

.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-weight: 500;
    color: #646164;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-weight: 500;
    color: #646164;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-weight: 500;
    color: #646164;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-weight: 500;
    color: #646164;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}


.x-btn, .button, .btn-primary, .more-link, #wpsl-search-btn, input[type="submit"] {
	font-size: 1em !important;
	font-weight:600 !important;
	text-transform:uppercase !important;
	letter-spacing:normal !important;
    padding: .813em 2em !important;
    border-radius: 0em;
    text-shadow: 0 0 0 rgba(255, 255, 255, .75) !important;
    text-decoration: none !important;
    white-space: none;
    text-transform:uppercase;
    display:inline-block;
}

.x-btn-global.white {
    color: #a70237 !important;
    border: 2px solid #fff !important;
    background-color: #fff !important;
    text-decoration:none
}

.x-btn-global.white:hover {
    color: #fff !important;
    border: 2px solid #fff !important;
    background-color:#a70237 !important
}

 /* #Misc
================================================== */

a.x-image img {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}

.upper { text-transform:uppercase; }

.normal, .wpsl-wrap { line-height:normal !important; }

.center {
    text-align:center
}

.nowrap { white-space:nowrap; }

.map { /*  max-height:500px !important; */ }


.x-main ul li {
	margin-bottom:.8em;
	line-height:normal;
}

.entry-wrap {
    padding: 0 !important;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .135);
    background-color:transparent
}

.entry-content a {
    text-decoration:none;
}

.entry-content a.none {
    text-decoration:none;
}


.widget {
    text-shadow:0 0 0 rgba(255, 255, 255, .95)
}

.h-widget {
    margin: 0 0 .5em;
    font-size: 2.5em;
    line-height:1
}

.widget .h-widget:before, .widget .h-widget:after {
    opacity:.35
}

.boxes {
   color:#fff;
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


.bg-darblue h1,
.bg-darblue h2,
.bg-darblue h3,
.bg-darblue h4,
.bg-darblue h5,
.bg-darblue p,
.bg-darblue a,
.bg-dblue h1,
.bg-dblue h2,
.bg-dblue h3,
.bg-dblue h4,
.bg-dblue h5,
.bg-dblue p,
.bg-dblue a,
.bg-lblue h1,
.bg-lblue h2,
.bg-lblue h3,
.bg-lblue h4,
.bg-lblue h5,
.bg-lblue p,
.bg-lblue a,
.bg-gray h1,
.bg-gray h2,
.bg-gray h3,
.bg-gray h4,
.bg-gray h5,
.bg-gray p,
.bg-gray a {
    color: #ffffff !important;
	font-weight: 400 !important;
}


.bg-darblue {
	background-color:#101b29 !important;
}
.bg-dblue {
	background-color:#1a2c42 !important;
}
.bg-lblue {
	background-color:#0583c1 !important;
}
.bg-gray {
	background-color:#646164 !important;
}
.bg-darblue:hover, .bg-dblue:hover, .bg-lblue:hover, .bg-gray:hover {
    opacity:.75 !important;
    transition: opacity 0.5s ease-in-out;
}

.bg-darblue,
.bg-dblue,
.bg-lblue,
.bg-gray {
 	padding:2em 2em 2em 2em;
   -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}