/*** Globals Test ***/

  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body p,
  body span,
  body ul,
  body li,
  body a,
  body button,
  body div,
  body input,
  body textarea,
  body select {
    font-family: Nunito!important;
  }



.primary {
  color: #1b2e45!important;
  fill: #1b2e45!important;
}

.primary-bk {
  background-color: #1b2e45!important;
}

.secondary {
  color: #dff0f9;
  fill: #dff0f9;
}

.secondary-bk {
  background-color: #dff0f9;
}

.white {
  color: #ffffff;
  fill: #ffffff;
}

blockquote:before {
  background-color: #1b2e45;
}

/*** Return to Top ***/

#return-to-top {
    background: #1b2e45;
    opacity: .6;
}

/*** Search Button ***/

input.search-submit {
    background: #1b2e45;
    opacity: .6;
}

/*** Lists ***/
body.home section ul li:before,
main article.content ul li:before,
main section.content ul li:before {
    color: #1b2e45;
}

/*** Footer ***/

footer#footer.footer-layout-two #footer-left .footer-nav-row.has-four .menu-footer-menu-container li a,
footer#footer.footer-layout-three #footer-left .footer-nav-row.has-four .menu-footer-menu-container li a {
    color: #1b2e45;
}

footer#footer.footer-layout-two div#footer-left ul.address-blocks li.sig-address:before,
footer#footer.footer-layout-three div#footer-left ul.address-blocks li.sig-address:before {
    background-color: #1b2e45;
}

footer#footer.footer-layout-three .gform_wrapper input, footer#footer.footer-layout-three .gform_wrapper textarea,
footer#footer.footer-layout-five .gform_wrapper input, footer#footer.footer-layout-five .gform_wrapper textarea {
    border-bottom: 4px solid #1b2e45;
}

footer#footer.footer-layout-six .footer-legal:before {
    background-color: #1b2e45;
}

footer#footer.footer-layout-six .footer-form #form-wrapper {
    background-color: #dff0f9;
}

/*** Home Results ***/

section#result-container.result-layout-one div#result-block-wrapper ul#result-block-container button i {
  background-color: #1b2e45;
}

section#result-container.result-layout-two div#result-block-wrapper ul#result-block-container {
  background-color: #dff0f9;
}

div#result-block-wrapper ul#result-block-container ul.slick-dots li {
  background-color: #1b2e45;
  opacity: .5;
}

div#result-block-wrapper ul#result-block-container ul.slick-dots li.slick-active {
  background-color: #1b2e45;
}

/*** Home Practice Areas ***/

section#practice-container.practice-layout-one #blocks-wrapper .area:hover h3.block-title {
    background-color: #1b2e45;
}

section#practice-container.practice-layout-three div.section-block:before {
  background: linear-gradient(180deg, #dff0f9 0%, #1b2e45 100%);
}

/*** Home Testimonials ***/

div#testimonial-block-wrapper ul#testimonial-block-container ul.slick-dots li {
  background: #1b2e45;
}

div#testimonial-block-wrapper ul#testimonial-block-container ul.slick-dots li.slick-active {
  background: #1b2e45;
  opacity: 1;
}

/*** Internal About ***/

body.page-template-page-about #wrapper.internal section#attorney-bio .section-right h2.section-title {
  border-bottom: 3px solid #1b2e45;
}

.ih-item.circle.effect1 a .arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #1b2e45;
}

.ih-item.circle.effect1 a:hover .arrow-right {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid rgba(255,255,255,.5);
}

.ih-item.circle.effect1 .spinner {
    border-left-color: #1b2e45;
    border-top-color: #1b2e45;
    border-right-color: #1b2e45;
}

.ih-item.circle.effect1 .spinner-inner {
    border-right-color:  #1b2e45;
    border-bottom-color:  #1b2e45;
    border-left-color:  #1b2e45;
}

#attorney-container figure.wp-block-image:after {
    background: #1b2e45;
}

/*** Internal Practice Main ***/

body.page-template-page-practice-main section#practice-main-container #prac-block-wrapper .grid-item .area:hover {
    background-color: #dff0f9!important;
}

/*** Internal Testimonials Main ***/

body.page-template-page-testimonials section#testimonial-container div#testimonial-block-wrapper button.slick-arrow {
    color: #1b2e45;
}

body.page-template-page-testimonials section#testimonial-container span.testimonial-name {
    color: #1b2e45;
}

body.page-template-page-testimonials section#testimonial-container svg path {
  fill: #1b2e45;
}

    


/*** Header Color Options ***/

/*** Menu Colors ***/


div.nav-wrapper.closed {
    background-color: ;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div.nav-wrapper.closed ul#nav>li>a, ul.social-icons>li>a {
    color: #ffffff;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-weight: 500;
}

div.nav-wrapper.closed ul#nav>li>a:hover, ul.social-icons>li>a:hover {
    color: #dff0f9;
}

    


div.nav-wrapper:not(.closed) {
    background-color: #1b2e45;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div.nav-wrapper:not(.closed) ul#nav>li>a, ul.social-icons>li>a {
    color: #ffffff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div.nav-wrapper:not(.closed) ul#nav>li>a:hover, ul.social-icons>li>a:hover {
    color: #dff0f9;
}

#header i.far.fa-bars {
    color: #ffffff}

    

/* Sub Menu */


div.nav-wrapper.closed .dropbtn .dropdown-content {
    background-color: #1b2e45;
}

div.nav-wrapper.closed .dropbtn .dropdown-content a:hover {
    background-color: #dff0f9;
}

div.nav-wrapper.closed .dropbtn .dropdown-content a {
    color: #ffffff;
}

div.nav-wrapper.closed .dropbtn .dropdown-content a:hover {
    color: #1b2e45;
}

    


div.nav-wrapper:not(.closed) .dropbtn .dropdown-content {
    background-color: #dff0f9;
}

div.nav-wrapper:not(.closed) .dropbtn .dropdown-content a:hover {
    background-color: #1b2e45;
}

div.nav-wrapper:not(.closed) .dropbtn .dropdown-content a {
    color: #1b2e45;
}

div.nav-wrapper:not(.closed) .dropbtn .dropdown-content a:hover {
    color: #ffffff;
}

    

    


/*** Top Bar ***/


    div#top-bar {
      background: #1b2e45; 
      box-shadow: 0 0 15px #333333;
    }

    div#top-bar a span.top-button {
      color: #1b2e45!important;
      background: #ffffff;
    }

    div#top-bar a:hover span.top-button {
      color: #ffffff!important;
      background: #1b2e45;
    }

    div#top-bar .top-bar-content a {
        color: #ffffff;
    }

    


/* CTA Text Options */


.cta-text {
  color: Array;
}

#left-cta-text {
  color: Array;
}

#header .cta-phone-icon svg {
  fill: Array;
}

.cta-phone a {
    color: ;
}

    


/*** Banner Images ***/

          /** Banner Overlay **/

          #header {
            z-index: 2;
          }

          body.home section#banner {
            position: relative;
          }

          body.home section#banner:before {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background-color: #1b2e45;
              opacity: .25;
              z-index: 0;
          }

          body.home .banner-area {
            z-index: 1;
          }
        
        html.webp body.home section#banner.is-desktop {
          background-image: url('https://saadatspine.com/wp-content/uploads/2021/01/orthopedic-spine-surgeon-los-angeles-saadat.jpg');
        }

        html.no-webp body.home section#banner.is-desktop {
          background-image: url('https://saadatspine.com/wp-content/uploads/2021/01/orthopedic-spine-surgeon-los-angeles-saadat.jpg');
        }

        

      

        @media (max-width: 1200px) {
        
                                }
          

        @media (max-width: 991px) {
        
                                }
              

            html.no-webp #wrapper.internal section#banner.default-banner,
            html.no-webp body.archive #wrapper.internal section#banner.default-banner,
            html.no-webp body.single #wrapper.internal section#banner.default-banner {
                background-image: url('https://saadatspine.com/wp-content/uploads/2021/01/orthopedic-spine-surgeon-los-angeles-saadat.jpg');
            }

            html.webp #wrapper.internal section#banner.default-banner,
            html.webp body.archive #wrapper.internal section#banner.default-banner,
            html.webp body.single #wrapper.internal section#banner.default-banner {
                background-image: url('https://saadatspine.com/wp-content/uploads/2021/01/orthopedic-spine-surgeon-los-angeles-saadat.jpg');
            }
        


        
                  /** Banner Overlay **/

          #header {
            z-index: 2;
          }

          #wrapper.internal section#banner {
            position: relative;
          }

          #wrapper.internal section#banner:before {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background-color: #1b2e45;
              opacity: .25;
              z-index: 0;
          }

          #wrapper.internal .banner-area {
            z-index: 1;
          }
              

/***
*** Button Styles ***
****/

/* Style One */


a.button-style-one,
button.button,
a.wp-block-button__link,
body #wrapper.internal section.content a.button-style-one,
body #wrapper.internal section.content button.button,
body #wrapper.internal section.content a.wp-block-button__link,
body #wrapper.internal article.content a.button-style-one,
body #wrapper.internal article.content button.button,
body #wrapper.internal article.content a.wp-block-button__link,
.gform_footer button.button {
  display: inline-block!important;
  text-decoration: none!important;
  padding: 10px 20px!important;
  text-align: center!important;
  overflow: hidden!important;
  border-radius: 0px!important;
  float: none!important;
  text-transform: uppercase!important;
  background-color:#ffffff!important;
  border: !important;
  transition: all 0.3s ease-out!important;
  z-index: 0!important;
  position: relative!important;
  text-align: center!important;
  font-family: Nunito!important;
  font-style: none!important;
  font-weight: !important;
  font-size: 14px!important;
  line-height: px!important;
  color: #1b2e45!important;
  text-transform: uppercase!important;
}

button.button-style-one:before,
a.button-style-one:before,
a.wp-block-button__link:before,
.gform_footer button.button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: 0px;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

button.button:hover:before,
a.button-style-one:hover:before,
a.wp-block-button__link:hover:before,
.gform_footer button.button:hover:before {
  /* -webkit-transform: scaleX(1); */
  transform: scaleX(1) !important;
  background: #1b2e45;
}

body #wrapper button.button:hover,
body #wrapper a.button-style-one:hover,
body #wrapper.internal main#main a.button-style-one:hover,
body #wrapper a.wp-block-button__link:hover,
body #wrapper.internal section.content button.button:hover,
body #wrapper.internal section.content a.button:hover,
body #wrapper.internal section.content a.wp-block-button__link:hover,
body #wrapper.internal article.content button.button:hover,
body #wrapper.internal article.content a.button:hover,
body #wrapper.internal article.content a.wp-block-button__link:hover,
.gform_footer button.button:hover  {
  color: #ffffff !important;
  border: 1px solid#dff0f9;
}

      
      a.button-style-one i {
        position: relative;
        font-style: normal;
      }

      a.button-style-one i:before {
          content: '\f105';
          font-family: 'Font Awesome 5 Pro';
          font-weight: 500;
          margin-left: 10px;
      }

  

  
  

/* Style Two */


a.button-style-two,
a.wp-block-button__link,
button.button-style-two,
body #wrapper.internal section.content a.button-style-two,
body #wrapper.internal section.content button.button-style-two,
body #wrapper.internal section.content a.wp-block-button__link,
body #wrapper.internal article.content a.button-style-two,
body #wrapper.internal article.content button.button-style-two,
body #wrapper.internal article.content a.wp-block-button__link {
  display: inline-block!important;
  text-decoration: none!important;
  padding: 10px 20px!important;
  text-align: center!important;
  overflow: hidden!important;
  border-radius: 0px!important;
  float: none!important;
  text-transform: uppercase!important;
  background-color:#1b2e45!important;
  border: !important;
  transition: all 0.3s ease-out!important;
  z-index: 0!important;
  position: relative!important;
  text-align: center!important;
  font-family: Nunito!important;
  font-style: none!important;
  font-weight: !important;
  font-size: 14px!important;
  line-height: px!important;
  color: #ffffff!important;
  text-transform: uppercase!important;
}

button.button-style-two:before,
a.button-style-two:before,
a.wp-block-button__link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: 0px;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

a.button-style-two:hover:before,
a.wp-block-button__link:hover:before,
button.button-style-two:hover:before, {
  /* -webkit-transform: scaleX(1); */
  transform: scaleX(1) !important;
  background: #dff0f9;
}

a.button-style-two:hover,
button.button-style-two:hover,
a.wp-block-button__link:hover
body #wrapper.internal section.content a.button-style-two:hover,
body #wrapper.internal section.content button.button-style-two:hover,
body #wrapper.internal section.content a.wp-block-button__link:hover,
body #wrapper.internal article.content button.button-style-two:hover,
body #wrapper.internal article.content a.button-style-two:hover,
body #wrapper.internal article.content a.wp-block-button__link:hover  {
  color: #dff0f9 !important;
  font-weight: bold!important;
  border: ;
}

      
      a.button-style-two i {
        position: relative;
        font-style: normal;
      }

      a.button-style-two i:before {
          content: '\f105';
          font-family: 'Font Awesome 5 Pro';
          font-weight: 500;
          margin-left: 10px;
      }


  
  

/* Style Three */


a.button-style-three,
a.wp-block-button__link,
body #wrapper.internal section.content a.button-style-three,
body #wrapper.internal section.content a.wp-block-button__link,
body #wrapper.internal article.content a.button-style-three,
body #wrapper.internal article.content a.wp-block-button__link {
  display: inline-block!important;
  text-decoration: none!important;
  padding: 10px 20px!important;
  text-align: center!important;
  overflow: hidden!important;
  border-radius: 0px!important;
  float: none!important;
  text-transform: uppercase!important;
  background-color:#ffffff!important;
  border: 1px solid#1b2e45!important;
  transition: all 0.3s ease-out!important;
  z-index: 0!important;
  position: relative!important;
  text-align: center!important;
  font-family: Nunito!important;
  font-style: none!important;
  font-weight: !important;
  font-size: 14px!important;
  line-height: px!important;
  color: #1b2e45!important;
  text-transform: uppercase!important;
}

button.button-style-three:before,
a.button-style-three:before,
a.wp-block-button__link:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: 0px;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

a.button-style-three:hover:before,
a.wp-block-button__link:hover:before {
  /* -webkit-transform: scaleX(1); */
  transform: scaleX(1) !important;
  background: #dff0f9;
}

a.button-style-three:hover,
a.wp-block-button__link:hover
body #wrapper.internal section.content button.button:hover,
body #wrapper.internal section.content a.button-style-three:hover,
body #wrapper.internal section.content a.wp-block-button__link:hover,
body #wrapper.internal article.content button.button-style-two:hover,
body #wrapper.internal article.content a.button-style-three:hover,
body #wrapper.internal article.content a.wp-block-button__link:hover  {
  color: #1b2e45 !important;
  font-weight: bold!important;
  border: 1px solid#efefef;
}


  
  

/*** End Button Styles ***/


/*** Internal Font Styles ***/



#wrapper.internal h1 {
  font-family: Nunito;
  font-weight: 700;
  font-size: 42px;
  line-height: 50px;
  text-transform: none;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-style: none;
  letter-spacing: 1px;
}


  
  
#wrapper.internal  main#main section.content h2,
#wrapper.internal  main#main article.content h2,
div#post-author h2#author-name a {
  font-family: Nunito;
  font-weight: 600;
  font-size: 26px;
  line-height: 33px;
  text-transform: none;
  color: #1b2e45;
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: left;
  font-style: none;
  letter-spacing: 1px;
}
  
  
  
#wrapper.internal section.content h3,
#wrapper.internal article.content h3 {
  font-family: Nunito;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
  text-transform: none;
  color: #212121;
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: left;
  font-style: none;
  letter-spacing: 1px;
}
  
  

#wrapper.internal section.content h4, 
#wrapper.internal article.content h4 {
  font-family: Nunito;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  text-transform: uppercase;
  color: #1b2e45;
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
}
  
  

#wrapper.internal section.content h5,
#wrapper.internal article.content h5 {
  font-family: Nunito;
  font-weight: 700;
  font-size: 16px;
  line-height: 36px;
  text-transform: uppercase;
  color: #1b2e45;
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
}
  
  

#wrapper.internal section.content h6,
#wrapper.internal article.content h6 {
  font-family: Nunito;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-transform: none;
  color: #6d6d6d;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
  padding-left: 40px;
  position: relative;
}
  
#wrapper.internal section.content h6:before,
#wrapper.internal article.content h6:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 7px;
  height: 3px;
  width: 29px;
  background-color: #ffc631;
}
  



body.home main#main section ul,
body.home main#main section ol,
#wrapper.internal main#main section.content p,
#wrapper.internal main#main section.content ul,
#wrapper.internal main#main section.content ol,
#wrapper.internal main#main article.content p,
#wrapper.internal main#main article.content ul,
#wrapper.internal main#main article.content ol {
  font-family: Nunito;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  text-transform: none;
  color: #212121;
  margin-top: 0px;
  margin-bottom: 32px;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
}

body.home main#main section ul li,
body.home main#main section ol li,
#wrapper.internal main#main section.content li,
#wrapper.internal main#main article.content li{
  font-family: Nunito;
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  text-transform: none;
  color: #212121;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
}

  

  
body.home main#main section a:link,
body.home main#main section a:visited,
body.home main#main section a:active,
body #wrapper.internal section.content a:link,
body #wrapper.internal section.content a:visited,
body #wrapper.internal section.content a:active,
body #wrapper.internal article.content a:link,
body #wrapper.internal article.content a:visited,
body #wrapper.internal article.content a:active {
  font-family: Nunito;
  font-weight: 700;
  font-size: 17px;
  line-height: 36px;
  text-transform: none;
  color: #0083b3;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#main #sidebar .widget li>a {
  color: #0083b3;
}
  
  
body.home main#main section a:hover,
body #wrapper.internal section.content a:hover,
body #wrapper.internal article.content a:hover {
  font-family: Nunito;
  font-weight: 700;
  font-size: 17px;
  line-height: 36px;
  text-transform: none;
  color: #1b2e45;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: left;
  font-style: none;
  letter-spacing: 0px;
}

  

body #wrapper.internal article.content div#post-author a:link,
body #wrapper.internal article.content div#post-author a:visited,
body #wrapper.internal article.content div#post-author a:hover,
body #wrapper.internal article.content div#post-author a:active,
body #wrapper.internal section.blogroll a:link,
body #wrapper.internal section.blogroll a:visited,
body #wrapper.internal section.blogroll a:hover,
body #wrapper.internal section.blogroll a:active,
body #wrapper.internal article.content ul.meta a:link,
body #wrapper.internal article.content ul.meta a:visited,
body #wrapper.internal article.content ul.meta a:hover,
body #wrapper.internal article.content ul.meta a:active {
  text-decoration: none;
}

  
blockquote {
  position: relative;
  padding-left: 20px;
  margin-left: 0;
  overflow: hidden;
}

blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background-repeat: no-repeat;
  z-index: -1;
}


body #wrapper.internal blockquote p {
  font-family: Nunito!important;
  font-weight: 700!important;
  font-size: 16px!important;
  line-height: 23px!important;
  text-transform: uppercase!important;
  color: #1b2e45!important;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  text-align: left!important;
  font-style: none!important;
  letter-spacing: 0px!important;
}

  
  
main article.content ul,
main section.content ul {
  list-style: none;
}

main article.content ul li,
main section.content ul li {
    position: relative;
}

main article.content ul li:before,
main section.content ul li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f178';
    position: absolute;
    left: -25px;
    top: 0;
}

main aside.sidebar ul li:before {
    content: none;
    position: relative;
    left: 0;
    top: 0;
}

  

/*** Fonts ***/

        .nunito {
            font-family: 'Nunito'!important;
        }