/* 11/4/2022 Revisions Required Due To Wordpress 6.1 Update */ 

/* Force the right hand slider */html {
  height: 101%;
}

body {
padding-top: 0;
}

/* do not underline links */
body a{
  text-decoration: none;
}




/* BEGIN fade-in animations management */
.fade-me-in {
  animation: fadeInAnimation ease 0.7s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; 
}

body {
  animation: fadeInAnimation ease 1s; 
  animation-iteration-count: 1;
  animation-fill-mode: forwards; 
}

.content-area {
  animation: fadeInAnimation ease 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; 
}

 @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
 }
 /* END fade-in animations management */











.content-area {
  padding-bottom: 10px !important;
}

.master-wrapper{
  margin-top: 15px;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}


/* BEGIN Links OUTSIDE the navigation area styling */
/*p.articles-link > a > span {
  color: #c47931 !important;
  using global style for links
}*/

p.articles-link > a > span:hover {
  color: gold !important;
  transition: color 0.4s ease;
}

a.non-menu-link:hover {
  color: gold !important;
  transition: color 0.4s ease;
}

/* END Links OUTSIDE the navigation area styling  */




/* BEGIN Menu styling ***************/

/* For 11/4/22 WP 6.1 Update */
nav {
  padding-top: 20px;
  color: #ce9694 !important;
  text-transform: uppercase;
  font-size: 90%;
  font-weight: 700;
  line-height: 125% !important;
  /* see Sticky Menu plugin for sticking the menu -- DEACTIVATED on 5/14/25 */
}


/*nav a {
  text-decoration: none;
}*/

nav a:hover {
  color: white !important;
  transition: color 0.4s ease;
  text-decoration: none !important;
}

nav .wp-block-navigation-item {
margin-bottom: 25px;
/*color: #ce9694;*/
}

nav .menu-sub1 {
font-size: 85%;
margin-left: 10px;
margin-top: -12px;
}

/*nav .menu-sub1::before {
  content: ' \2022 \00a0';
}*/

#modal-1 {
  background-color: tan;
}

/*show border only if the responsive menu is open*/
/*.is-menu-open, .has-modal-open {*/
.is-menu-open {
  border: 2px solid black !important;
  /*border-radius: 20px;*/
}
/* END Menu styling ************/




/* BEGIN back to the top link styling*/
#back-to-top {
  margin-top: -15px;
  margin-bottom: 15px;
  font-weight: bold;
}

#back-to-top a:hover {
  color: gold !important;
  transition: color 0.4s ease;
}
/* END back to the top link */




/* BEGIN hamburger styling */
.wp-block-navigation__responsive-container-open {
  color: white !important;
  background-color: tan;
  /*border:1px solid black;*/
  border-radius: 6px;
}
/* END hamburger styling*/



/* BEGIN footer-area styling ********/
.footer-area {
  margin-top: -15px !important;
  padding-bottom: 30px;
  font-size: 90%;
  color: #cccccc;
  /*line-height: 90% !important;*/
}

.mikes-cousin {
  line-height: 210% !important;
}

.footer-area .other {
  margin-top: 0px;
}

 /*hide the 'website by Richard Raymond' line on all pages EXCEPT for the home page*/
 .footer-area .hideme :not(.page-id-69) {
  display: none;
}
/* END footer-area styling */



.content-area {
  padding-top: 20px;
  color: #cccccc;
}

.content-nitty-gritty {
  min-height: 360px;
}

.indent {
  margin-left: 40px;
}

.highlight {
  border-left: 3px solid #cccccc;
  padding-left: 15px;
  /*color: white;*/
}




/*BEGIN How I Practice Law paragraph styling*/
.hipl-paragraph-heading {
  font-size: 125% !important; 
  color: white; 
  margin-top: 20px !important;
  margin-bottom: -30px !important;
}
/*END How I Practice Law paragraph styling*/




/*BEGIN Articles page styling*/
.article-individual-wrapper {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.articles-divider {
  margin-top: 0 !important;
  
}

.articles-divider img {
  height: 5px !important;
  /*max-width: 350px !important;*/
  
}

.articles-title {
  color: white !important;
}

.articles-citation {
  line-height: 1 !important;
  margin-top: 0 !important;
  font-size: 90% !important;
}

.articles-body-text {
margin-bottom: 0 !important; 
}

.articles-link {
  margin-top: 0 !important;
}
/*END Articles page styling*/



/* BEGIN Testimonials page submittal FORM BUTTON STYLING */
.wp-block-button__link {
  padding: 6px 25px 7px 25px !important;
  background-color: orange !important;
  color: black !important;
  font-family: Arial, Tahoma, Sans-Serif !important;
  font-size: 90%;
  font-weight: bold !important;
  box-shadow:-2px -5px 10px rgba(0, 0, 0, 0.6) inset !important;
  opacity: 0.8;
}

.wp-block-button__link:hover {
  box-shadow:-2px -5px 10px rgba(0, 0, 0, 0.6) inset !important;
  border: none !important;
}

.wp-block-button__link:active {
  border: none !important;
  padding: 8px 24px 5px 26px !important;
  box-shadow:-1px -3px 10px rgba(0, 0, 0, 0.65) inset !important;
}
/* END Testimonials page submittal form BUTTON STYLING */




/* ######################################################################################### */
/* #################### BEGIN Strong Testimonials-related custom styling ################### */
/* ######################################################################################### */

/*NOTE: the heading (title) can be turned off in the testimonials view settings*/
.testimonial-heading {
  color: orange;
  margin: 0;
  margin-bottom: 30px;
  font-size: 25px;
}

.testimonial-inner {
  margin-left: -15px;
  width: 90%;
  background-color: #1f2f43;
  color: #ccc;
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 25px 25px 25px 14px;  /*align it better in the column*/
  text-align: left;
  margin-bottom: 50px;
}

/* add large quotes to the beginning of the testimonial text */
.testimonial-content::before {
  content: url("https://mikeslawpractice.com/wp-content/uploads/2022/10/quote-left-icon-ccc-e1666820760725.png");       /* regular quotes */
  display: inline-block;
}

.testimonial-content {
  font-family: Trebuchet MS;
  line-height: 1.2em;
  font-style: italic;
}

.testimonial-content p {
  margin-top: 5px;
}

.wpmtst-testimonial-content > p:nth-child(2) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
  font-size: 13pt !important;
}

.testimonial-field {
  color: #ccc;
  font-family: Trebuchet MS;
  font-weight: normal;
  font-size: 85%;
  margin-top: -5px;
}

.testimonial-name {
  color: white;
  margin-top: 0 !important;
}


/* the FORM */
.strong-form-inner {
  margin-top: 0 !important;
  border-radius: 30px;
  /*border: 1px solid black;*/
  border: 1px solid #ccc;
  font-weight: normal;
  padding: 30px !important;
  /*background-color: tan;
  color: black;*/
  background-color: #1f2f43 !important;
  color: #ccc;
}

.form-field .text {
  background-color: white;
  color: black !important;
  font-weight: 400 !important;
}

input.text, textarea.textarea {
  padding: 8px !important;
  /*color: black !important;*/
  font-size: 12pt;
}

#wpmtst_post_content {
  background-color: white;
  color: black;
}


/* the form BUTTON */
.wpmtst_submit_testimonial {
  border: none;
  border-radius: 20px !important;
  padding: 10px 25px 10px 25px !important;
  background-color: orange !important;
  color: black !important;
  font-family: Arial, Tahoma, Sans-Serif !important;
  font-size: 90%;
  font-weight: bold !important;
  opacity: 0.8 !important;
  box-shadow:-2px -5px 10px rgba(0, 0, 0, 0.6) inset !important;
}
.wpmtst_submit_testimonial:hover {
  opacity: 1 !important;
  cursor: pointer;
  box-shadow:-2px -5px 10px rgba(0, 0, 0, 0.6) inset !important;
}
.wpmtst_submit_testimonial:active {
  padding: 11px 24px 9px 26px !important;
  box-shadow:-1px -3px 10px rgba(0, 0, 0, 0.65) inset !important;
}

/* The form submittal result */
.wpmtst-testimonial-success > p:nth-child(1) {
  /*background-color: #ccc !important;*/
  /*border: 1px solid white;*/
  font-style: italic;
  font-size: 15pt !important;
  color: white;
  /*padding-left: 5px;*/
  text-align: center;
}

/* #################### END Strong Testimonials-related custom styling ################### */ 









/* BEGIN selected images styling */
/* Mike's home page photo */
/* For 11/4/22 WP 6.1 Update */
.wp-image-179 {
  border: 1px solid black;
  border-radius: 30px !important;
}


/* Home page logo/board area styling */
/* decrease space between separator and #graphics-logo-board area */
#home-page-bottom-separator {
  margin-top: 0 !important;
}

#graphics-logo-board-container {
  margin-bottom: 12px;
}

/* add radius to the home page bottom MLP logo */
/* For 11/4/22 WP 6.1 Update */
.wp-image-595 {
  border-radius: 10px !important;
}


/* home page bottom logos */
.wp-image-595, .wp-image-596{
  border: 1px solid black !important;
}


/* align the logo bottom with the board certified bottom*/
/* For 11/4/22 WP 6.1 Update */
/* NOT REQUIRED WITH WP 6.1  */
/*.wp-image-595 {
  margin-bottom: -17px;
}*/

/* END selected images styling*/





/* BEGIN Selkirk Crest video styling */
.selkirk-crest-video-container video {
  /*border: 1px solid rgba(206,150,148,0.5) !important;*/
  border: 1px solid black;
  border-radius: 25px !important;
  width: 70%;
  height: auto;
  box-shadow: 15px 20px 8px rgba(0,0,0,0.35);
}
/* END Selkirk Crest video styling */




/* BEGIN inner page header group ****************/
#header-logo img {
  border: 1px solid black !important;
  border-radius: 10px !important;
}

.inner-page-name {
 margin-top: 30 px;
 margin-bottom: -20px !important;
 font-size: 150%; 
 font-style: italic;
 font-weight: 600;
 color: white;
 /*color: #ce9694;*/
}
/* END inner page header group ************/