/*
Theme Name: JohnnyoTheme
Theme URI: https://www.johnnyodesign.com/
Author: Johnnyo Design
Author URI: https://www.johnnyodesign.com/
Description: Sensible design solutions.
*/

/* Import the necessary CSS additions */
@import url( inc/bootstrap.css );
@import url(" /wp-content/themes/johnnyo_design/inc/font-face/font-face.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

html {
    overflow-x: hidden;
}
body {
    background: #f1eee3;
height: 100%;
}
body,td,th {
	color: #666;
}
.fa fa-star {
	letter-spacing: 1px!important;
}
.site-content {
	background: #f1eee3;
	padding: 80px 0 90px 0;
}
a {
    color: #5e0909;
    text-decoration: none;
}
h1, .h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 42px;
    color: #175474;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 0;
}
p {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    color: #444;
    line-height: 30px;
    text-align: left;
    margin: 7px 11px 11px 3px;
}
h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 52px;
    color: #444;
    font-weight: normal;

    margin: 30px 0 0 0;
}
h3 {
	font-family: 'Roboto Slab', serif;
    font-size: 38px;
    color: #175474;
    font-weight: normal;
    margin: 21px 0 16px 0;
}
h4 {
	color: #175474;
	font-size: 38px;
	font-weight: bold;
	line-height: normal;
	margin: 14px 0px 0px 0;
	text-align: left;
	padding: 0px;
    font-family: 'Roboto Slab', serif;
}
h5 {
    font-family: 'Roboto Slab', serif;
    font-size: 26px;
    color: #444;
    font-weight: bold;
    margin: 30px 0 0 0;
	text-transform: uppercase;
}
h6 {
	font-size: 20px;
	color: #175474;
	 font-weight: bold;
}
ul {
    margin: 4px 27px 27px 28px;
    padding: 0px 0px 0px 0px;
    font-family: 'Roboto Slab', serif;
    font-size: inherit;
    line-height: 27px;
    color: #444;
    list-style: initial;

}
.slider h1 {
    color: #ffffff;
    font-size: 62px;
    font-weight: normal;

}
.slider h2 {
    color: #fff;
    font-size: 33px;
    font-weight: normal;
    margin: 4px 0px;

	opacity: 0.5;
}
.slider p {
	color: #fff;
    font-size: 24px;
    font-weight: normal;
    padding: 0;
    margin: 20px 0px;
    line-height: 32px;

}
.slider a, .bigsection a , .btn {
    padding: 14px 40px;
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid #5e0909;
    text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    background-color: #5e0909;
    margin-top: 40px;
	margin-right: 20px;
	border-radius: 1px;
}
.slider a:hover, .bigsection a:hover, .btn:hover {
	text-decoration: none;
    border: 1px solid #022e5a;
    background-color: #022e5a;
	color: #ffffff;
}
.slider a:nth-of-type(2), .bigsection a:nth-of-type(2) {
    color: #ffffff;
    border: 1px solid #fff;
    background-color: transparent;
}
.slider a:nth-of-type(2):hover, .bigsection a:nth-of-type(2):hover {
    border: 1px solid #022e5a;
    background-color: #022e5a;
}
.slide-interior h1 {
    margin-top: 110px;
}
.interiorslider{
	margin-bottom: 30px !important;
}
.navbar {
    z-index: 9999;
    width: 100%;
    position: absolute;
    padding: 40px 40px 40px 30px;
}
.widget_nav_menu {
	margin: 0 !important;
	padding-bottom: 0 !important;
}
#mega-menu-wrap-primary {
    margin: 0px 0;
}
.header-top {
	background: #0d2e3e;
	background: -moz-linear-gradient(left, #0d2e3e 0%, #375869 100%);
	background: -webkit-linear-gradient(left, #0d2e3e 0%,#375869 100%);
	background: linear-gradient(to right, #0d2e3e 0%,#375869 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2e3e', endColorstr='#375869',GradientType=1 );
    height: 43px;
    line-height: 43px;
    text-align: right;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
	color: #999999;
}
.loginlink1 {
    margin-left: 10px;
}
.loginlink {
	color: #fff;
    padding: 13px 16px;
}
.loginlink:hover {
	color: #fff;
	background: #44748c;
	text-decoration: none;
}
.languagelink {
    color: #49b939;
    padding: 13px 16px;
	border-left: 2px solid #44748c;
	border-right: 2px solid #44748c;
}
.languagelink:hover {
	color: #49b939;
	background: #44748c;
	text-decoration: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    opacity: 0.5;
}
.main-navigation {
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
	opacity: 1;
}
#mega-menu-wrap-primary .mega-menu-toggle {
	font-size: 14px;
    font-weight: bold;
    opacity: 0.5;
}
.site-header {
    position: relative;
    z-index: 1;
}
.headlogo {
    position: absolute;
    top: -10px;
    z-index: 1;
    opacity: 1;
}
.headlogo:hover {
    opacity: 0.5;
}
.headlogo img, .footer-left img {
	max-width: 100%;
}
.logowrap {
	    z-index: 1;
    position: relative;
}
.site-branding {
    position: relative;
    display: block;
}
.header-info {
	position: absolute;
        width: 100%;
        top: 48px;
        right: 0;
}
.social-media {
    position: absolute;
    right: 52px;
    top: 10px;
}
.tagline {
	color: #32b8ff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
    padding: 35px;
	font-weight: bold;
	float:right;
}
.mega-menu-link {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fa-linkedin {
    color: #fff;
	font-size: 14px;
    padding: 14px 15px 15px 16px;
}
.fa-facebook {
    color: #fff;
	font-size: 14px;
    padding: 14px 17px 15px 17px;
}
.fa-instagram {
    color: #fff;
	font-size: 14px;
    padding: 14px 15px 15px 16px;
}
.fa-linkedin:hover {
    color: #fff;
    background-color: #1182c2 !important;
	font-size: 14px;
    padding: 14px 15px 15px 16px;
}
.fa-facebook {
    padding: 14px 17px 15px 17px;
	font-size: 14px;
}
.fa-facebook:hover {
    color: #fff;
    background-color: #3b5998 !important;
	font-size: 14px;
    padding: 14px 17px 15px 17px;
}
.fa-instagram:hover {
    color: #fff;
    background-color: #cd486b !important;
	font-size: 14px;
    padding: 14px 15px 15px 16px;
}
.footer-top {
    padding: 20px 0 30px 0;
}
.footer-content {
background-color: #8c8a84;
    box-shadow: 0 0 10px 1px rgba(140, 138, 132, 0.25);
    border-radius: 2px;
}
.site-footer {
}
.footer-top .so-panel {
}
.footer-top .panel-grid-cell {
padding: 0 !important;
}
.footer-top ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    font-size: 0.8em;
    line-height: 21px;
    color: #666;
    list-style: none;
    padding-left: 0px;
}
.footer-top li:hover {
    background-color: #386aa2;
    border-radius: 2px;
}
.footer-top a {
    color: #ccc;
    padding: 0px 6px;
    width: 100%;
    display: block;
	border-radius: 3px;
	font-family: 'Roboto Slab', serif;
    font-size: 11px;
	
}
.footer-top a:hover {
    color: #666;
    text-decoration: none;
    background: #ccc;
}
.footer-top h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f1f1f1;
    margin: 20px 0 8px 0 !important;
}
.footer-top p {
	font-family: 'Roboto Slab', serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 23px;
	color: #ccc;
}
.footmenu {
    margin-top: 46px;
}
#secondary h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    padding: 0px;
    margin: 0 0px 7px 0px;
    text-transform: uppercase;
}
#secondary {
    width: 100%;
	display: inline-block;
}
.blog #secondary, .archive #secondary {
    padding-top: 0;
    display: inline-block;
}
.blog #primary, .archive #primary {
	padding-right: 30px;
}
.site-info {
    padding: 30px;
	    background: #fff;
}
.site-info p {
	text-align: center;
    margin: 24px;
    font-size: 11px;
    color: #cccccc;
    width: fit-content;
    display: inline-block;
}
.site-info a {
    color: #5e0909;
}
.footer-left {
	display: inline-block;
}
.footer-right {
	    float: right;
}
.footer-right img {
	    height: 70px;
}
.slider {
    width: 100%;
}
.slide-content {
    padding-top: 217px;
    width: 80%;
    max-width: 1200px;
    margin: auto;
    height: 100%;
    position: relative;
}
.slide-text {
    top: 40%;
    position: absolute;
    z-index: 1;
}
.slide-image {
    right: 0;
    position: absolute;
    bottom: 5%;
}
.slide-text h1{
    font-size: 80px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 900;
    line-height: 80px;
	text-shadow: 0 0 200px #000;
}
.hbtn {
    font-size: 22px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 900;
    background-color: #32b8ff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 14px;
	transition: all 0.2s ease;
}
.hbtn:hover {
	text-decoration: none;
	background-color: #90c64a;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
}
.btn-top {
    font-size: 22px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: 900;
    background-color: #32b8ff;
    padding: 10px 20px;
    display: inline-block;
	float:right;
	margin: 30px;
	transition: all 0.2s ease;
}
.btn-top:hover {
	text-decoration: none;
	background-color: #90c64a;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s ease;
}
.slider {
    background-color: #022e5a;
}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8 {
    height: 50vh;
	width: 100%;
	background-size: cover;
    background-position: top;
	display: block;
}
.slick-slide img {
    display: initial;
    text-align: center;
    padding-bottom: 50px;
}


.slide1 {
    background-image: url(/wp-content/uploads/2026/03/Johnnyo-Design-Ballard-Fleetwood-Brenham-Law-Firm-137150.jpg);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
    height: 100%;
}
.slide2 {
    background-image: url(/wp-content/uploads/2018/11/Depositphotos_64562047_2400.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.slide3 {
    background-image: url(/wp-content/uploads/2018/11/Depositphotos_31047071_2400.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.slide1test {
    background-image: url(/wp-content/uploads/2020/08/Slider_Test_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 90%;
}
.slide2test {
    background-image: url(/wp-content/uploads/2020/08/Slider_Test_2.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 90%;
}
.slide3test {
    background-image: url(/wp-content/uploads/2020/08/Slider_Test_3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    width: 90%;
}

.slide4 {
    background-image: url(/wp-content/uploads/2018/08/header-interior.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.slide4test {
    background-image: url(/wp-content/uploads/2020/08/Slider_Test_4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.page-id-142 .slide4 {
	background-image: url(/wp-content/uploads/2026/03/Johnnyo-Design-Ballard-Fleetwood-Family-Law-Attorney-596037348-1.jpg);
}
.slide1::after, .slide2::after, .slide3::after, .slide4::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,18,37,0.5) 0%, rgba(0,18,37,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,18,37,0.5) 0%,rgba(0,18,37,1) 100%);
	background: radial-gradient(ellipse at center, rgba(0,18,37,0.5) 0%,rgba(0,18,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80001225', endColorstr='#001225',GradientType=1 );
	display: none;
}
.page-id-142 .slide4::after {
	display: block;
	background: #000;
	opacity: .55;
}
.slide1test::after, .slide2test::after, .slide3test::after, .slide4test::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,18,37,0.5) 0%, rgba(0,18,37,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,18,37,0.5) 0%,rgba(0,18,37,1) 100%);
	background: radial-gradient(ellipse at center, rgba(0,18,37,0.5) 0%,rgba(0,18,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80001225', endColorstr='#001225',GradientType=1 );
}


.home .post, .blog .post, .archive .post, #secondary .post {
    position: relative;
	    margin-bottom: 40px;
}
.home .post h2, .blog .post h2, .archive .post h2{
   /* color: #32b8ff;
	font-size: 30px;*/
	    font-family: 'Roboto Slab', serif;
    font-size: 40px;
    color: #175474;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 0;
}
.home .post p, .blog .post p, .archive .post p {
	/* margin: 4px 6px;*/
}
.home .post:hover, .blog .post:hover, .archive .post:hover, #secondary .post:hover {

}
.home .posthover, .blog .posthover, .archive .posthover, .posthover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.home .post:hover h2, .blog .post:hover h2, .archive .post:hover h2, #secondary .post:hover h2 {

}
.single .posthover {
	display: none;
}
.entry-meta h3 {
font-family: 'Roboto Slab', serif;
    font-size: 22px;
    color: #444;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px 0 0 2px;
}


.social-header .fa {
	transition: all 0.2s ease;
}
.social-header .fa:hover {
	transition: all 0.2s ease;
}
.frm_style_formidable-style.with_frm_style fieldset {
    padding: 0 !important;
}

.header-upper a{
    color: #09607e;
}
.header-upper a:hover, .header-upper a:hover .fa{
	color: #e0ead9;
	text-decoration: none;
}
#recent-posts-2, #archives-2, #categories-2, #text-3 {
    padding: 0;
    margin-bottom: 20px;
}
#secondary a {
    color: #085e7f;
    text-decoration: none;
    font-weight: normal;
}
#secondary a:hover {
    color: #6eb641;
    text-decoration: none;
    font-weight: normal;
}





.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.wp-post-image {
    width: 100%;
    height: inherit;
}
.home .wp-post-image {
    max-width: 500px;
    margin-top: 20px;
}
.blog .wp-post-image {
    max-width: 500px;
    margin-top: 20px;
}
.post-template-default #secondary {
    padding-top: 0;
}
.post-template-default #secondary h2, .blog #secondary h2 {
    margin: 0px 0px 7px 0px;
}
.post-template-default .wp-post-image {
    margin-bottom: 20px;
}





.home-slug {
    background-color: #eee;
    padding: 14px 14px 10px 14px;
    border-radius: 4px;
    margin: 50px 0;
    text-align: center;
}
.home-slug p {
    font-size: 40px;
    color: #728992;
    line-height: normal;
    font-weight: 600;
}
.widget_search {
    margin-bottom: 20px;
}
.screen-reader-text {
    display: none;
}
.search-field {
    display: block;
    width: 100%;
    padding: 4px 8px;
    text-indent: 0;
    background-color: #eeeeee;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin: 0 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    outline: 0 !important;
}
.search-submit {
    background-color: #175474 !important;
    margin: 0 10px !important;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.alignleft {
	float: left;
    margin: 11px 18px 11px 0px !important;
    max-width: 50%;
}
.alignright {
	float: right;
    margin: 11px 4px 11px 18px !important;
    max-width: 50%;
}
.widget_siteorigin-panels-postloop article:not(:first-child) {
	display: none;
}


.slick-slide {
    height: 100vh;
	    min-height: 640px;
	}
.page-template-default .slick-slide, .page-template-page-full .slick-slide, .post-template-default .slick-slide, .blog .slick-slide {
    height: 40vh;
	min-height: auto;
}

.slick-dots {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: right;
	margin: 0;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .7;
    color: #075e80;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .9;
    color: #6eb642;
}
.slidewrap {
    position: absolute;
    right: 0;
    left: 0;
    top: 40vh;
    text-align: left;
}

.slideimg2 {
	display: initial;
    text-align: center;
    padding-bottom: 50px;
    position: initial;
    left: 0;
    right: 0;
}

.slider-mockup {
    height: 40vh;
    position: absolute;
    right: 0;
    top: 10vh;
}
.row1 {
	background-color: #fff;
    padding: 80px 0;
}
.row2 {
	background-color: #eee;
    padding: 80px 0;
}
.row3 {
	background-color: #00a6ff;
    padding: 80px 0;
}
.panel-grid {
    margin-bottom: 0px !important;
}
.home2, .home2 h2 {
	text-align: right;
}
.home2 h2 {
    margin: 160px 18px 0px 0;
    font-size: 42px;
    font-weight: 900;
}
.home2 p {
	margin-top: 20px;
}
.redsection {
	background-color: #5e0909;
	background-image: url('/wp-content/uploads/2018/07/criminaldefense.jpg');
	background:  radial-gradient(ellipse at center, rgba(94, 9, 9, 0.5) 0%,rgba(94, 9, 9, 1) 100%), url('/wp-content/uploads/2018/07/criminaldefense.jpg');
	text-align: center;
	background-size: cover;
	padding: 50px;
	padding: 0;
}
.redsection:hover {
	background:  radial-gradient(ellipse at center, rgba(94, 9, 9, 0.4) 0%,rgba(94, 9, 9, 0.9) 100%), url('/wp-content/uploads/2018/07/criminaldefense.jpg');
	background-size: cover;
}
.redsection2 a {
	background-color: #5e0909;
	background:  radial-gradient(ellipse at center, rgba(94, 9, 9, 0.9) 0%,rgba(94, 9, 9, .95) 100%), url('/wp-content/uploads/2020/08/unnamed-1.jpg');
	text-align: center;
	background-size: cover;
	transition: all 1s ease-in;
	padding: 150px 0;
	    display: block;
	box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.1);
}
.redsection2 a:hover {
	background:  radial-gradient(ellipse at center, rgba(94, 9, 9, 0.85) 0%,rgba(94, 9, 9, 0.9) 100%), url('/wp-content/uploads/2020/08/unnamed-1.jpg');
	background-size: cover;
}
.whitesection {
	background-color: #fff;
	background-image: url('/wp-content/uploads/2018/07/familylaw.jpg');
	background:  radial-gradient(ellipse at center, rgba(255, 255, 255, 0.3) 0%,rgba(255, 255, 255, .8) 100%), url('/wp-content/uploads/2018/07/familylaw.jpg');
	text-align: center;
	background-size: cover;
	padding: 50px;
	padding: 0;
	transition: all 1s ease-in;
	
}
.whitesection:hover {
		background:  radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%,rgba(255, 255, 255, .7) 100%), url('/wp-content/uploads/2018/07/familylaw.jpg');
	transition: all 1s ease-in;
	background-size: cover;
}
.whitesection2 a {
	background-color: #fff;
	background:  radial-gradient(ellipse at center, rgba(255, 255, 255, 0.85) 0%,rgba(255, 255, 255, 0.9) 100%), url('/wp-content/uploads/2020/08/unnamed-1.jpg');
	text-align: center;
	background-size: cover;
	transition: all 1s ease-in;
	padding: 150px 0;
	    display: block;
    box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.5);
}
.whitesection2 a:hover {
	background:  radial-gradient(ellipse at center, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.85) 100%), url('/wp-content/uploads/2020/08/unnamed-1.jpg');
	transition: all 1s ease-in;
	background-size: cover;
}
.bluesection {
	background-color: #022d5a;
	background-image: url('/wp-content/uploads/2018/07/personalinjury.jpg');
	background:  radial-gradient(ellipse at center, rgba(2, 45, 90, 0.5) 0%,rgba(2, 45, 90, 1) 100%), url('/wp-content/uploads/2018/07/personalinjury.jpg');
	text-align: center;
	    background-size: cover;
	padding: 50px;
	    padding: 0;
}
.bluesection:hover {
	background:  radial-gradient(ellipse at center, rgba(2, 45, 90, 0.4) 0%,rgba(2, 45, 90, 0.9) 100%), url('/wp-content/uploads/2018/07/personalinjury.jpg');
	background-size: cover;
}
.bluesection2 a {
	background-color: #022d5a;
	background:  radial-gradient(ellipse at center, rgba(2, 45, 90, 0.9) 0%,rgba(2, 45, 90, .95) 100%), url('/wp-content/uploads/2020/08/unnamed-1.jpg');
	text-align: center;
	    background-size: cover;
	transition: all 1s ease-in;
	padding: 150px 0;
	    display: block;
	box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.1);
}
.bluesection2 a:hover {
	background:  radial-gradient(ellipse at center, rgba(2, 45, 90, 0.85) 0%,rgba(2, 45, 90, 0.9) 100%), url('/wp-content/uploads/2020/08/unnamed-1.jpg');
	background-size: cover;
}
.redsection a:hover, .whitesection a:hover, .bluesection a:hover {
	text-decoration: none;
	
}
.redsection2 a:hover, .whitesection2 a:hover, .bluesection2 a:hover {
	text-decoration: none;
}


.fullsection {
	background-color: #022d5a;
	/*background-image: url('/wp-content/uploads/2020/08/Criminal-Defense-Lawyers.jpg');*/
	/*background:  radial-gradient(ellipse at center, rgba(2, 45, 90, 0.5) 0%,rgba(2, 45, 90, 1) 100%), url('/wp-content/uploads/2018/04/header3.jpg');*/
	text-align: center;
	background-size: cover;
	background-position: center;
	padding: 0;
	margin: 80px 0;
}


.sectionimg {
    width: 60px;
    margin-bottom: 10px;
}

.redsection .img-responsive, .whitesection .img-responsive, .bluesection .img-responsive {
	display: initial;
}
.redsection h2, .whitesection h2, .bluesection h2, .fullsection h2 {
	color: #ccc;
	margin-top: 30px !important;
	color: #fff;
    margin-top: 0 !important;
    margin: 0;
    padding: 0;
	    min-height: 400px;
    line-height: 600px;
    font-size: 34px;
	    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}
.redsection p, .whitesection p, .bluesection p, .fullsection p {
	text-align: center;
}
.redsection2 h2, .whitesection2 h2, .bluesection2 h2 {
	color: #ccc;
	margin-top: 30px !important;
	color: #fff;
    margin-top: 0 !important;
    margin: 0;
    padding: 0;
    font-size: 34px;
	    font-family: 'Roboto Slab', serif;
    font-weight: 600;
}
.redsection2 p, .whitesection2 p, .bluesection2 p {
	text-align: center;
	color: #fff;
}
.whitesection2 h2, .whitesection2 p {
	color: #175473;
}
.homesection {
    padding: 100px 0;
    background: url(/wp-content/uploads/2018/02/seal2.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.homesection p {
    font-family: 'Roboto Slab', serif;
    text-align: left;
    margin: 7px 11px 11px 3px;
    padding-right: 440px;
}

.homesection2 {
    padding: 100px 0;
}
.homesection2 p {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #444;
    line-height: 21px;
    text-align: left;
    margin: 7px 11px 11px 3px;
    padding-right: 440px;
	
}

#pgc-282-1-0, #pgc-282-1-1, #pgc-282-1-2 {
    width: 33.3333% !important;
}
.actbtn {
    padding: 14px 40px;
    display: inline-block;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
background: #ffffff;
    background: -moz-linear-gradient(-45deg, #00a6ff 0%, #65c8ff 100%);
    background: -webkit-linear-gradient(-45deg, #00a6ff 0%,#65c8ff 100%);
    background: linear-gradient(135deg, #00a6ff 0%,#65c8ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ff', endColorstr='#65c8ff',GradientType=1 );
    transition: all 0.4s ease;
box-shadow: inset 0px 0px 0px 2px transparent;
}
.actbtn:hover {
color: #00a6ff;
text-decoration: none;
    background: #eeeeee;
transition: all 0.4s ease;
box-shadow: inset 0px 0px 0px 2px #00a6ff;
}
.slick-slider {
    margin-bottom: 0;
}
.row1 p {
    color: #56c2ff;
    font-weight: 600;
}
.featureimg {
    margin-bottom: 10px;
    margin-left: 10px;
}
.testimonial {
    background-color: #efefef;
    padding: 20px;
    border-radius: 4px;
}
.testimonialname {
font-weight: bold;
    text-align: right;
    color: #01a5ff;
    border-top: 1px solid #ddd;
    padding-top: 18px;
    margin-top: 20px;
    padding-right: 10px;
}
.mockup {
    max-height: 500px;
}
#video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.altrow {
    background: rgb(31, 182, 222);
    background: -moz-linear-gradient(-45deg, #009ac3 0%, #00c9ff 100%);
    background: -webkit-linear-gradient(-45deg, #009ac3 0%,#00c9ff 100%);
    background: linear-gradient(135deg, #009ac3 0%,#00c9ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac3', endColorstr='#00c9ff',GradientType=1 );
	padding: 60px;
}
.altrow p {
    text-align: center;
    font-size: 34px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
line-height: 34px;
}
.rowpad {
padding: 90px 0;
}
:focus {
    outline: none;
}
.site-footer {
    background: #5e0909;
}
.site-interior {
padding: 80px 0;
}
.av {
padding-left: 10px;
color: #f8bf56;
}
.av::before {
content: "■";
color: #27375d;
font-size: 30px;
}
.n-av {
padding-left: 10px;
color: #f8bf56;
}
.n-av::before {
content: "■";
color: #731a22;
font-size: 30px;
}
.sidebar-button {
border: 5px solid #1eb5de !important;
font-size: 18px!important;
text-transform: uppercase!important;
font-weight: 900!important;
}
.header-social {
    position: absolute;
    right: 40px;
    text-align: right;
    left: 0;
}

.blog .blogimage {
    background-size: cover !important;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.single-post .blogimage {
    background-size: cover !important;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
.aligncenter {
	    margin: auto;
    max-width: 100%;
    display: block;
}
.homethings p {
    margin: 20px 26px;
}
.homethings h2 {
	    margin: 0;
}
.homethings h1 {
	    text-align: center;
}
.homethings h2 a {
	    background: #175474;
    color: #fff;
    padding: 12px 30px 10px 30px;
    display: inline-block;
    border-radius: 3px;
}
.homethings h2 a:hover {
	    background: #1d6f95;
	text-decoration: none;
}
.bigbutton {
	    text-align: center;
    display: inline-block;
    background-color: #47b749;
    padding: 20px 40px;
	    border-radius: 3px;
}
.bigbutton:hover {
		    background: #1d6f95;
	    text-decoration: none;
}
.bigbutton h2 {
	font-size: 24px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.bigbutton h3 {
    font-size: 22px;
    color: #ffffff;
    font-weight: normal;
    margin: 20px 0 0 0;
	text-transform: uppercase;
}
.bigbutton:hover h2, .bigbutton:hover h3 {
	text-decoration: none;
}
.home h1 {
	margin: 0;
}
.callustoday h1 {
	text-transform: uppercase;
}
.home .site-content {
	    padding: 0 0 0 0;
}
.callus {
    background: #fff;
    margin-bottom: 60px;
    padding: 20px 0;
}
.homelogos, .home-bottom {
	    margin-top: 80px;
	    background: #fff;
	    padding: 10px 0 14px 0;
}
.social a {
	    display: inline-block;
    position: relative;
    width: fit-content;
    background: transparent;
    padding: 0;
    margin: 0 10px 0 0;
}
.home-bottom h3 {
    font-family: 'bell_gothic_blackregular';
    font-size: 20px;
    color: #666666;
    font-weight: normal;
    margin: 22px 22px 0px 0px;
    display: inline-block;
    text-transform: uppercase;
}
.home-bottom a {
	    font-family: 'bell_gothic_blackregular';
    font-size: 22px;
    color: #444;
    font-weight: normal;
    text-transform: uppercase;
    background: #175474;
    color: #fff;
    padding: 12px 30px 10px 30px;
    display: inline-block;
    border-radius: 3px;
}
.seal {
	float: right;
}
.slick-slide img {
	max-width: 100%;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
	margin-top: 25px;
}
.home3pics {
	position: relative;
}
.home3pics p {
	font-size: 24px;
	color: #fff;
	line-height: 34px;
}
.home3pics:before {
    content: "“";
    position: absolute;
    font-size: 300px;
    color: #fff;
    z-index: 2;
    font-family: 'Roboto Slab';
    left: 40px;
    top: -40px;
}

.bigsection h1, .bigsection h2 {
	color: #fff;
	font-size: 52px;
	line-height: 64px;
}
.bigsection p {
	color: #fff;
}
.sow-accordion-title {
	    font-family: 'Roboto Slab';
}
iframe {
    width: 100%;
    aspect-ratio: 1;
    height: auto;
}
.unders p{
	    border-bottom: 2px solid #5E090A;
    padding-bottom: 15px;
}
.alttitles h2{
	color: #376A84;
	font-size: 24px;
	font-weight: bold;
}
.servicecard {
	box-shadow: 4px -4px 7px 0px #00000033;

}
.servicecard h3{
	font-weight: bold;
	font-size: 24px;
	font-family: 'Roboto Slab';
	    border-bottom: 2px solid #5E090A;
	    padding-bottom: 10px;
}
.servicecard ul{
	font-family: Roboto Slab;
    font-size: 20px;
    line-height: 200%;
    color: #175474;
    margin-bottom: 0;
}
#custom_html-2 {
    position: fixed;
    bottom: 0;
    right: 10px;
    background-color: #fff;
    box-shadow: 4px -4px 7px 0px #00000033;
    border-radius: 10px 10px 0 0;
    z-index: 9999;
    padding: 0px 20px 0 20px;
}
#custom_html-2 h3 {
	font-family: 'Roboto Slab';
	font-size: 26px;
}
#custom_html-2 ul {
color: #376A84;
    font-size: 13px;
    margin: 0px 0px 20px 30px;
}
#custom_html-2 i {
	    background-color: #5E090A;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-left: 20px;
}
.hide {
	display: none !important;
}
@media screen and (max-width: 1055px) {
	.footer-right {
    float: none;
    text-align: center;
}
	.footer-left {
    display: block;
    text-align: center;
}
}
@media screen and (max-width: 781px) {
	.homesection, .homesection2 {
    	background-position-x: center;
		padding-bottom: 300px;
	}
	.homesection p, .homesection2 p, .homesection h1, .homesection2 h1 {
    	padding-right: 20px;
		padding-left: 20px;
		text-align: left;
	}	
	#pgc-282-1-0, #pgc-282-1-1, #pgc-282-1-2 {
    	width: 100% !important;
		margin: 0 !important;
	}
	.slider h2 {
    font-size: 23px;
}
	.slider h1 {
    font-size: 32px;
}
	.sow-icon-container {
	justify-content: left !important;
	}
	
}
@media only screen and (max-width: 1070px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    display: list-item;
    margin: 10px 0;
    clear: both;
    border: 0;
    background: rgba(2, 45, 90, 0.9);
    padding: 0 10px;
}
}
@media only screen and (max-width: 650px) {
	#custom_html-2 {
		display: none !important;
	}
}
@media screen and (max-width: 500px) {
	.headlogo {
		position: relative;
	}
	.homesection h2 {
	margin-left: 20px;
}
#mega-menu-wrap-primary .mega-menu-toggle {
    font-size: 14px;
    font-weight: bold;
    /* opacity: 1;
    background-color: rgba(94, 9, 9, 0.8); */
		    margin-top: 30px;
		    height: 60px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-right {
    float: right;
    margin-right: 16px;
    line-height: 60px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    margin-top: 0px;
}
}

.photo {
	width: 300px;
    float: right;
    margin: 20px 0 20px 20px;
    border: 10px solid #cac5b8;
}

.img-bdr {
    border: 10px solid #cac5b8!important;
	margin-top: 27px!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	margin-bottom: 10px;
	
}
.sow-social-media-button {
	width: auto !important;
}
.so-widget-sow-social-media-buttons-flat-899757b4dac0 .sow-social-media-button {
	padding: 0.5em 7px !important;
}
.so-widget-sow-social-media-buttons-flat-899757b4dac0 .sow-social-media-button:hover {
    color: #001225 !important;
	background: transparent !important;
	    padding: 0.5em 7px !important;
}


.entry-title h2 {
	margin: 30px!important;
}

.img-full {
	max-height: 600px!important;
	overflow: hidden!important;
}