/* 
Theme Name: Proceed
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Proceed is a child theme of Hello Elementor, created by Rodriguez Valle Creative, LLC
Author: Rodriguez Valle Creative
Author URI: https://rodriguezvalle.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* IBM Plex Sans (Google)
  Use a value from 100 to 700 for IBM Plex Mono
  font-family: "IBM Plex Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
*/

/* Mislab (Adobe)
  font-family: mislab-std, serif;
  font-family: mislab-narrow-std, serif;
*/

/* REM is based on the root element's font size. We'll use REM. In this case that's 16px. */

/* Variables */
:root {
    --navy: #0A0541;
    --green: #00A596;
    --newGreen: #30BFB8;
    --blue: #5FA0FF;
    --ltGrey: #EBEBEB;
    --mGrey: #D8D8D4;
    --dkGreen: #007382;
    --skBlue: #2D73D2;
    --dkGrey: #646464;
    --white: #ffffff;
    --black: #000000;
}

html {font-size:16px;}
a {color: var(--highlight);}

/* Use IBM Plex Sans site-wide for body text and form controls. */
body, button, input, select, textarea {
  font-family: 'IBM Plex Sans', sans-serif;
  font-optical-sizing: auto;
}

body:not([class*=elementor-page-]) .site-main {max-width:1400px;padding:0;}
a {color: var(--blue);}

/* PROCEED Gradients */
.proceed-header .action-items {background-image: linear-gradient(to right, var(--newGreen) 5%, var(--blue) 20%, var(--navy) 100%);}
.service-points {background-image: linear-gradient(to right, var(--navy) 20%, var(--blue) 100%);}

/* Buttons */
.elementor-button {
  border-radius:50px;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.proceed-action-button .elementor-button {
  font-size:.875rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
}
.proceed-action-button .elementor-button:hover {
  background: var(--blue);
}
.proceed-contact-button .elementor-button {
  font-size:.875rem;
  line-height:1;
  padding:10px 15px;
  background: var(--green);
  color: var(--navy);
  border:1px solid var(--green);
}
.proceed-contact-button .elementor-button:hover {
  background: var(--blue);
  border:1px solid var(--blue);
}
.proceed-header .logo-nav {
  background:var(--navy);
}
.proceed-header .logo-nav .proceed-menu {
  font-family:"IBM Plex Sans", sans-serif;
  font-weight:600;
  font-style:normal;
  font-size:1rem;
  line-height:1;
}
.proceed-header .logo-nav .proceed-menu .light {
  font-weight:300 !important;
}
.proceed-header .logo-nav .proceed-menu .sub-menu li a {
  font-size:.875rem;
  padding:15px 30px 15px 12px;
}

/* Proceed Announcements */
.proceed-announcements-loop-item p {
  font-family:"IBM Plex Sans", sans-serif;
  font-weight:500;
  font-style:normal;
  font-size:.75rem;
  line-height:1;
  color:var(--white);
}
.proceed-announcements-loop-item .announcement-button .elementor-button {
  font-weight: 500;
  font-size:.75rem;
  line-height:1;
  padding:5px 10px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
}
.proceed-announcements-loop-item .announcement-button .elementor-button:hover {
  background: var(--green);
}

/* Proceed Footer */
.new-footer .footer-column-head {
  font-family: mislab-std, serif;
  font-size:1.25rem;
  font-weight:500;
}
.proceed-footer-cta {color:var(--white);}
.proceed-footer-cta .cta-title p {
  font-family: mislab-std, serif;
  font-size:3rem;
  line-height:3rem;
  color:var(--white);
}
.proceed-footer-cta .cta-text p {color:var(--white);}
.proceed-footer-cta .cta-button .elementor-button {
  font-size:1rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
}
.proceed-footer-cta .cta-button .elementor-button:hover {background: var(--blue);}
.proceed-hero h1 {
  font-family: mislab-std, serif;
  font-size:4.75rem;
  font-weight:400;
  line-height:4rem;
  color:var(--white);
}
.proceed-hero p {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:1.125rem;
  line-height:1.5rem;
  color: var(--white);
}
.proceed-hero .hero-button .elementor-button {
  font-size:1rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
}
.proceed-hero .hero-button .elementor-button:hover {
  background: var(--blue);
}

.page-button .elementor-button {
  font-size:1rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--navy);
  border:1px solid var(--navy);
}
.page-button .elementor-button:hover {
  background: var(--blue);
  border:1px solid var(--blue);
}

.page-button-ko .elementor-button {
  font-size:1rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
}
.page-button-ko .elementor-button:hover {
  background: var(--navy);
  border:1px solid var(--navy);
}

.service-offerings p {
  color:var(--navy);
  font-size:16px;
  line-height:1.5rem;
}
.proceed-stats h3 {
  font-family: "mislab-std", serif;
  font-size:3rem;
  line-height:2.5rem;
  color:var(--white);
}
.proceed-stat .elementor-counter-title {
  font-family: "mislab-std", serif;
  font-size:1rem;
  font-weight:500;
}

/* Subheads */
.subhead1, .subhead1 p {
  font-family: "mislab-narrow-std", serif;
  font-size:1.125rem;
  text-transform:uppercase;
  letter-spacing:.15rem;
  margin:0 0 10px 0;
}
.subhead2 p {
  font-family: "mislab-std", serif;
  font-size:3rem;
  line-height:2.75rem;
  font-weight:500;
  margin:0 0 30px 0;
}
.subhead3 p {
  font-size:1.125rem;
  font-weight:700;
  line-height:1.75rem;
  color:var(--navy);
  margin:0;
}
/* Used specifically in Ways Proceed Helps Scroller */
.subhead4 {
  font-size:1.75rem;
  line-height:1.5;
  font-family: mislab-std, serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  color:var(--white);
}
/* Used specifically with page icons */
.subhead5 p {
  font-size:1.25rem;
  line-height:1.25;
  font-family: mislab-std, serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  color:var(--white);
  margin:0 0 10px 0;
}
/* Used on form CTAs */
.subhead6, .subhead6 p {
  font-family: mislab-std, serif;
  font-size:2.5rem;
  line-height:2.75rem;
  font-weight:500;
  margin:0;
  letter-spacing:-.045rem;
}

.emphasis, .emphasis p {
  font-family: "mislab-std", serif;
  font-size:1.25rem;
  line-height:1.75rem;
  font-weight:500;
  letter-spacing:-.015rem;
}
.appellate-expert-headshots, .appellate-expert-headshots p {margin:4px 0;padding:0;}

.overline, .overline p {
  font-size:1rem;
  font-weight:500;
  line-height:1;
  margin:0;
}

.service-of-process .elementor-counter-number {
  letter-spacing:-.75rem;
}


/* Styling Gravity Forms */
#gform_fields_2 input[type=submit] {
  background:transparent;
  color:var(--navy);
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:.875rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  border:1px solid var(--navy);
  border-radius:50px;
}
#gform_fields_2 input[type=submit]:hover {
  border:1px solid var(--blue);
  background:var(--blue);
  color:var(--white);
}


.proceed-difference p {
  color:var(--navy);
}
.proceed-difference .hero-button .elementor-button {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:1rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--navy);
  border:1px solid var(--navy);
}
.proceed-difference .hero-button .elementor-button:hover {
  background: var(--blue);
  border:1px solid var(--blue);
}
.ways-proceed-helps h3 {
  font-family: mislab-std, serif;
  font-size:3rem;
  line-height:2.75rem;
  color:var(--white);
}



/* Happenings Scroller */
.proceed-happening-loop-item .happening-loop-item-title p {
  color:var(--navy);
  font-size:1.25rem;
  line-height:1.5rem;
  font-weight:500;
  font-family: mislab-std, serif;
}
.proceed-happening-loop-item .happening-loop-item-excerpt p {
  color:var(--navy);
  font-size:.875rem;
  line-height:1.25rem;
  font-weight:400;
  font-family: "IBM Plex Sans", sans-serif;
}
.proceed-happening-loop-item-button .elementor-button {
  font-size:.875rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--navy);
  border:1px solid var(--navy);
}
.proceed-happening-loop-item-button .elementor-button:hover {
  background: var(--blue);
  border:1px solid var(--blue);
  color:var(--white);
}

/* Pages */
.page-title h1 {
  font-family: mislab-std, serif;
  font-size:3.5rem;
  font-weight:500;
  line-height:3rem;
}
.services-page-title h1 {
  font-family: mislab-std, serif;
  font-size:4.75rem;
  font-weight:500;
  line-height:4rem;
}
.services-page-title p {
  font-weight:500;
}
.two-column ul {
  margin:0;
  padding:0 0 0 20px;
}
.two-column ul li {
  margin:0 0 5px 0;
}

/* Experts */
.experts-grid h2 {
  font-size:1.75rem;
  line-height:1.5;
  font-family: mislab-std, serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  color:var(--white);
}
.experts-grid .experts-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:.875rem;
  line-height:1rem;
  color: var(--blue);
}

.experts-grid .appellate-experts-title {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:1rem;
  line-height:1rem;
  color: var(--blue);
}

/* Individual Experts Pages */
.expert-details .expert-bio {
  font-weight: normal;
  font-style: normal;
  font-size:1rem;
  line-height:1.5rem;
  color:var(--navy);
}
.experts-sidebar {
  font-weight: normal;
  font-style: normal;
  font-size:.875rem;
  line-height:1.25rem;
  color: var(--navy);
}
.experts-sidebar p {
  font-weight: normal;
  font-style: normal;
  font-size:.875rem;
  line-height:1.25rem;
  color: var(--navy);
}
.experts-sidebar ul {padding:0 0 0 15px;}
.experts-sidebar ul li {margin:0 0 5px 0;}

/* Experts Testimonials */
.expert-testimonial {
  width:100%;
  max-width:1000px;
  margin:15px 0;
  padding:20px 0 6px 0;
  border-radius:0;
  border-top:1px dotted var(--mGrey);
}
.expert-testimonial p {margin:0;}
.expert-testimonial .ex_client_quote {
  font-size:1.25rem;
  font-weight:400;
  color:var(--navy);
}
.expert-testimonial .ex_client_name_title {
  font-size:.75rem;
  line-height:1;
  color:var(--blue);
  text-transform:uppercase;
  letter-spacing:.025rem;
  margin:10px 0;
  font-weight:500;
}
/* Post Tables */
.experts-table {background:var(--white);}
.experts-table a {color:var(--navy);}
.experts-table a:hover {color:var(--blue);}
.experts-table .posts-table-controls.posts-table-below {
  margin-top:10px;
  padding:10px 0;
  border-top:1px dotted var(--mGrey);
  font-style: normal;
  font-size:.875rem;
  line-height:1;
}
.experts-table .posts-data-table thead {color:var(--navy);}
.experts-table .posts-table-controls .dataTables_paginate a.paginate_button {
  border:1px solid var(--mGrey) !important;
  background:transparent !important;
  padding:5px !important;
}
.experts-table .posts-table-controls .dataTables_paginate a.paginate_button:hover {
  background:var(--navy) !important;
  border:1px solid var(--navy) !important;
  color:var(--white) !important;
}
.experts-table .posts-table-controls .dataTables_paginate a.paginate_button.current {
  border:1px solid var(--navy) !important;
  background:var(--navy) !important;
  color:var(--white) !important;
  padding:5px !important;
}











.proceed-ways-we-help-loop-item h4 {
  font-size:1.75rem;
  line-height:1.5;
  font-family: mislab-std, serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  color:var(--white);
}

.proceed-ways-we-help-loop-item {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size:1rem;
  line-height:1.5rem;
  color:var(--white);
}

.proceed-service-button .elementor-button {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:.875rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
  margin:30px 0 0 0;
}
.proceed-service-button .elementor-button:hover {
  background: var(--blue);
  border:1px solid var(--blue);
  color:var(--white);
}

/* Contact */
.page-form {
  font-family: "IBM Plex Sans", sans-serif;
}
.page-form .gfield_label {
  font-size:.75rem;
  color:var(--navy);
  font-weight:400;
}
.page-form .gfield_required {
  color:#f50867;
  font-weight:400;
}
.page-form .gfield input[type="text"] {
  border:1px solid var(--mGrey);
}
.page-form .gfield input[type="email"] {
  border:1px solid var(--mGrey);
}
.page-form .gfield input[type="tel"] {
  border:1px solid var(--mGrey);
}
.page-form .gfield textarea {
  border:1px solid var(--mGrey);
}
.page-form .gfield_validation_message {
  color:#f50867;
}
.page-form .gform_validation_errors .gform_submission_error {
  color:#f50867;
}
.page-form .gform_validation_errors .gform-icon {
  color:#f50867;
}
.page-form .gform_wrapper .gform_footer input[type="submit"] {
  font-family: "IBM Plex Sans", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size:.875rem !important;
  line-height:1 !important;
  padding:10px 15px !important;
  background: transparent !important;
  color: var(--navy) !important;
  border:1px solid var(--navy) !important;
  border-radius:50px !important;
}
.page-form .gform_wrapper .gform_footer input[type="submit"]:hover {
  background: var(--blue) !important;
  border:1px solid var(--blue) !important;
  color:var(--white) !important;
}


/* Alternate Hero */
.proceed-alt-hero h1 {
  font-family: mislab-std, serif;
  font-size:4.25rem;
  font-weight:400;
  line-height:3.75rem;
  color:var(--white);
}
.proceed-alt-hero p {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:1.125rem;
  line-height:1.5rem;
  color: var(--white);
}
.proceed-alt-hero .hero-button .elementor-button {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:1rem;
  line-height:1;
  padding:10px 15px;
  background: transparent;
  color: var(--white);
  border:1px solid var(--white);
}

.proceed-alt-hero .hero-button .elementor-button:hover {
  background: var(--blue);
}


.expertise {
  color:var(--navy);
}
.expertise .expertise-subhead p {
  font-family: mislab-std, serif;
  font-size:1.25rem;
  font-weight:500;
  line-height:1.5rem;
  margin:0 0 5px 0;
}
.expertise .expertise-text p {
  font-size:.8rem;
  font-weight:400;
  line-height:1.25rem;
}

.proceed-message-loop-item {
  color:var(--white);
  font-size:1.125rem;
}

.small-proceed-button .elementor-button {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size:.75rem;
  line-height:1;
  padding:5px 10px;
  background: transparent;
  color: var(--navy);
  border:1px solid var(--navy);
}
.small-proceed-button .elementor-button:hover {
  background: var(--blue);
  border:1px solid var(--blue);
  color:var(--white);
}

.photo-caption {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:.75rem;
  line-height:1;
  background: transparent;
  color: var(--navy);
}

.single-happening h1 {
  font-family: "mislab-std", serif;
  font-size:3rem;
  line-height:2.75rem;
  font-weight:500;
  color:var(--navy);
  letter-spacing:-.015rem;
}

.cja-filing .cja-step, .cja-step p {
  font-size:5rem;
  line-height:1;
  margin:0;
}

.cja-filing .details p {
  font-size:.875rem;
  line-height:1.25rem;
}


/* Mobile */
.proceed-mobile-menu .action-items {
  background-image: linear-gradient(to right, var(--newGreen) 5%, var(--blue) 20%, var(--navy) 100%);
}






/* Global */
.hide-this {display:none;}
.sitecredit {margin:0 0 0 30px;}


/* Media Queries */
@media only screen and (max-width: 1400px){   
    body:not([class*=elementor-page-]) .site-main {max-width:1400px;padding:10px;}
    .proceed-alt-hero h1 {
      font-size:3.25rem;
      line-height:2.75rem;
    }
}

@media only screen and (max-width: 1200px){   
	.proceed-hero h1 {
		font-size:3.5rem;
		line-height:3.5rem;
	}
	.services-page-title h1 {
		font-size:3.5rem;
		line-height:3.5rem;
	}
	.page-title h1 {
		font-size:3.5rem;
		line-height:3.5rem;
	}
	.subhead2 p {
		font-size:2rem;
		line-height:2.25rem;
		margin:0 0 20px 0;
	}
}

@media only screen and (max-width: 900px){   
    .proceed-alt-hero h1 {
      font-size:2.25rem;
      line-height:2.25rem;
    }
	.proceed-hero h1 {
		font-size:3rem;
		line-height:3rem;
	}
	.services-page-title h1 {
		font-size:3rem;
		line-height:3rem;
	}
	.page-title h1 {
		font-size:3rem;
		line-height:3rem;
	}
}

@media only screen and (max-width: 767px){
	.proceed-action-button .elementor-button {font-size:.75rem;}
	.proceed-contact-button .elementor-button {font-size:.75rem;}
	.proceed-hero h1 {
		font-size:2.5rem;
		line-height:2.5rem;
	}
	.services-page-title h1 {
		font-size:2.5rem;
		line-height:2.5rem;
	}
	.page-title h1 {
		font-size:2.5rem;
		line-height:2.5rem;
	}
}

@media only screen and (max-width: 500px){
    
}