/*======================================
Theme Name: La Spina Law - child theme 2025
Description: custom Divi child theme for La Spina Law 2025
Author: BeiBay
Author URI: https://www.beibayproductions.com
Template: Divi
Version: 2.1

======================================*/

/* DIVI base colors customizer overrides */
/* HOLD body #main-header {background-color:#1b1b1b;}
body #main-header span {color:#fff; font-size: 20px; text-transform:uppercase;} /* text site title */
body #top-menu li a {color:#35393c;}
body #top-menu li a:hover {color:#b08d57 !important; opacity:1 !important;}

/* HOLD  body #top-menu li.current-menu-ancestor > a, 
body #top-menu li.current-menu-item > a, 
body #top-menu li.current_page_item > a,
body .entry-content a,
#et_search_icon:hover{color:#199332 !important;}*/

body #main-footer {background-color: #222; /* was #222*/}
body #footer-bottom {backgorund-color:rgba(0,0,0,0.32);}
/* tbd hold body #footer-bottom .et-social-icon a {color:#a4ea62;}
body #footer-bottom a {}*/

body .mobile_menu_bar:before, body .mobile_menu_bar:after, 
body #top-menu li.current-menu-ancestor>a,
body #top-menu li.current-menu-item>a {color:#5f6477 !important;}
body .et_mobile_menu {border-top-color:#222;}
/* -- end base overrides -- */


/* menu inline with logo -- TBD */
#db_title_and_tagline {display:none;}

/* HTML5 Reset
normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}/*small{font-size:80%}*/sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing ------------------------------------------- */
html,
input[type="search"] {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Defaults & Typography 1 */
html { font-size: 62.5%; /* 10px browser default */
-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	}

body {
	background: #fff;
	color: #010101;
	/* TBD font-family: ____;*/
	font-size: 16px; 
	font-size: 1.6rem;
	font-weight: 400; /* or 400;*/
	letter-spacing: .5px;
	line-height: 1.3; 
	margin: 0;
	/* overflow-x: hidden;  maybe TBD  */ 
}
/* Chrome fix */
body > div {  font-size:16px; /*add the px -- pr 16 */ font-size: 1.6rem;}
/* Font rendering */
body #wrap_all{
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* basic typography */
p {-webkit-hyphens: auto; /* for Safari */
    hyphens: auto;
	margin: 0 0 10px;
	margin: 0 0 1rem;
	padding: 0;}
/* tbd hold .et_pb_text_1 p {
font-size: 16px;
}*/
small {font-size: 87%;}
large {font-size:130%;}

em,
i { font-style: italic;}


/* Form Styles TBD  */
body .et_pb_text_1, body .et_pb_section p { font-weight:400;} /* was 300*/

body .et_pb_contact_captcha_question {background-color:#fff; font-size:13px;}
body .et_pb_contact_field label,
.et_pb_contact_form_0 .input, .et_pb_contact_form_0 .input[type="checkbox"]+label, .et_pb_contact_form_0 .input[type="radio"]+label, .et_pb_contact_form_0 .input[type="checkbox"]:checked+label i:before, .et_pb_contact_form_0 .input::placeholder {color:#222 !important;font-weight: 500;}

body .et-pb-contact-message p {background-color:#fff; color:#111; font-size: 15px; 
padding:15px!important; border-radius:10px;}


/* ## Objects ------------------------------------------ */
embed,
iframe,
img,
object,
video,
.featured-content img.entry-image,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}
/*Fancybox*/
a.fancybox {display: inline-block !important;/*fixes Edge display issue */}


/* ## Gallery TBD 
--------------------------------------------- */

/* divi gallery grid all same size -- TBD grid extra css name .blaw-portraits*/
@media only screen and (min-width: 768px) {
  .blaw-portraits .et_pb_gallery_grid .et_pb_gallery_image {
      padding-top: 56.25%; /* Change this value to be whatever aspect ratio you want, for example if you wanted portrait - try 180% | or square would be 100% */
      display: block;
  }

  .blaw-portraits .et_pb_gallery_grid .et_pb_gallery_item img {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: cover;
  }
}
/* GALLERY END */

/* clearing elements & basic customs*/
.clearer {display: block; clear: both; width: 100%; height: 10px;}
.centered {text-align:center; margin-left: auto; margin-right: auto; display: block; }
.no-btm-margin {margin-bottom:0 !important}
.no-top-margin {margin-top:0 !important}

hr,
body hr.wp-block-separator {  margin: 1.65em auto; border-top: 1px solid #f0ede5; border-bottom: 0;
background-color: #f0ede5; color:#f0ede5; height:0px; border-collapse: collapse;}

p.serif, .serif p {font-family:'Times New Roman',Georgia,"Times New Roman",serif;}
/* content selections */
::-moz-selection {
	background-color: #fbf5ea;
	color: #010101;
}

::selection {
	background-color: #fbf5ea;
	color: #010101;
}

/* links & buttons TBD */
* :focus { outline: 0; }
a {
	color: #ad343e; font-weight: 400;
	text-decoration: none;
}

.dark-links a {color: #010101;}
.dark-bg a {color:#fff;}
a:hover, .dark-links a:hover, .dark-bg a:hover {
	color: #811b33;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img { /* maybe */
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}



/*custom CSS IMPORTANT*/
/*Inline CSS with divi settings Custom CSS
• Featured images: Search Results, Archives -  max-height: 300px;   object-fit: cover;
• Post Body: - border-bottom: 1px solid #333; padding-bottom: 2em;
*/

/*style the Divi blog link text as a button. Default Gutenberg editor settings*/
.et_pb_post a.more-link, .wp-block-button__link {
  color: #ffffff;
	background: #35393c;
	border: 2px solid #35393c;
	padding: 1em 1.3em !important;
	margin-top: 20px;
	border-radius: 50px;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.et_pb_post a.more-link {font-size:95%;}
.wp-block-button__link {font-size:1.6rem; font-weight:400; letter-spacing:2px; text-transform: uppercase;}

.faqs-layout .wp-block-button__link {text-align:center; margin:0 auto; display:block; max-width:300px;}

.wp-block-button.is-style-outline--1 .wp-block-button__link {
	background: transparent;
	color: #35393c;
	border: 2px solid #35393c;
	transition: all 0.3s ease-in-out;
}

/*style the Divi blog link text as a button on hover*/

.et_pb_post a.more-link:hover, .wp-block-button__link:hover, .wp-block-button.is-style-outline--1 .wp-block-button__link:hover {
	background:#ad343e; color:#fff;
} 

.post-meta .entry-categories {font-size:90%; font-style:italic;}


/*style the Divi blog link text as a button on hover*/

.et_pb_post a.more-link:hover {
	background: transparent;
	color: #35393c;
	border: 2px solid #35393c;
	transition: all 0.3s ease-in-out;
}


/* anchor link fixes TBD */

/* LISTS TBD */
ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}
/* entry-content lists ok  */
.entry-content ol,
.entry-content ul {
		margin-left: 15px;
	margin-left: 1.5rem;
	margin-bottom: 26px;
	margin-bottom: 2.6rem;}
.entry-content ol ol,
.entry-content ul ul {
	margin-left: 15px;
	margin-left: 1.5rem;
}

.entry-content ol > li {
	list-style-type: decimal;
}
.entry-content ol > li > li,
.entry-content ol li li { list-style-type: lower-alpha;}
.entry-content ol li li li { list-style-type: circle;}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content ol ul > li,
.entry-content ul ul > li { 
	list-style-type: circle;
}

.entry-content code {
	background-color: #130f30;
	color: #eee;
}

.entry-content ul.cases-list > li, .cases-list li {margin-bottom:1.5rem; margin-bottom:15px !important;}
ul.cases-list a:hover {color:#811b33 !important;}
/* end entry-content lists */

/* ## Forms TBD
--------------------------------------------- */
input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #eee;
	color: #3d3d3d;
	font-size: 11px;
	font-weight: 300;
	padding: 12px;
	width: 100%;
}

input:focus,
textarea:focus,
form.post-password-form input[type="password"]:focus {
	border: 1px solid #5f6477;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
	background: #5f6477;/* was #fbbe00*/
}

::-moz-placeholder {
	color: #3d3d3d;
	font-weight: 300;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #3d3d3d;
	font-weight: 300;
}
/* AND */
::-moz-placeholder {
	color: #130f30;
	opacity: 1;}

::-webkit-input-placeholder {
	color: #130f30;}

::-ms-input-placeholder {
	color: #130f30;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #130f30;
	opacity: 1;
}

::placeholder {
	color: #130f30;
	opacity: 1;
}



/* ## Tables  TBD-- also see mobile tables
--------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

table.no-btm-margin {margin-bottom: 0px;}
tbody {
	border-bottom: 1px solid #FAF9F7;
}

td,
th {
	text-align: left;
}

td, .table2b.gold td, .table2b.gold th {
	border: 1px solid #d8ba76;
	padding: 10px;
}

th {
	font-weight: 400;
}

body .split-table table.wp-block-table.has-fixed-layout,
body .split-table table tr {width: 100% !important; margin: 10px 0;}
.split-table table.table2 tr:nth-child(odd)  {background-color: #f2f2f2;}
.split-table table.table2 tr:nth-child(even) {background-color: #fff;}


/* Divi custom */
/*place button modules next to each other in the same column*/
.bb-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.bb-inline-buttons {
    text-align: center !important;
}


#main-header, #main-header.et-fixed-header {background:rgba(255,255,255,.8); }
body .mobile_menu_bar:before { color:#222 !important; }
#top-menu li a { font-size:15px !important;}
#top-menu li li a {color:#010101; }
#top-menu li a { }

#footer-info p { }
#footer-info a { }
#footer-bottom .et-social-facebook a.icon:before { }


/* ## WordPress & ALIGNMENTS - center at 600px break
--------------------------------------------- */
a.aligncenter img {
	display: block;
	margin: 0 auto;
}
a.alignnone {
	display: inline-block;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption {background-color:transparent !important; border:1px solid #e0dad2; }
.wp-caption-text { /* !!* */
	font-family:'Times New Roman',Georgia,"Times New Roman",serif;
	font-size: 90% !important;
	letter-spacing: 1px;
	color:#e0dad2;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}



/*adjust Divi Menu module breakpoint -- was 1149 default; 800, but some layout issues*/
@media only screen and (min-width: 840px) {
body #et_mobile_nav_menu {
		display: none; } 
#top-menu {
 display:block;
 }
	/* THEME  Specialty */
	/* content in auto-2 columns at larger screen sizes */
	.twocols { 
		column-count: 2;
		column-gap: 15px;} 
	.threecols { 
		column-count: 3;
		column-gap: 15px;} 
} /* end min-800*/
.mobile_menu_bar:before { }
.et_mobile_menu .menu-item-has-children > a { }
.et_mobile_menu { }

/* THEME  Specialty */

/* DIVI QUESRIES */
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}
/* MEDIA QUERIES */
.mobile-show, .tablet-show {display:none;}
.mobile-hide, .tablet-hide {display:block;}
	
@media only screen and (max-width: 850px) {
.tablet-show {display:block;}
.tablet-hide{display:none;}
} 
/* end /@media max 850 */

@media all and (min-width: 800px) and (max-width: 834px) {
	/* menu and logo size issues - fix Sept. 2025 */
 
}


@media only screen and (max-width: 600px) {
/* image alignments to center -- 600px break*/
img.alignleft, .alignright, .wp-caption.alignright,
.wp-caption.alignleft,
img.alignright,  body .wp-block-image .alignleft,  body .wp-block-image .alignright, body .wp-block-image .alignright>figcaption, 
body .wp-block-image .alignleft>figcaption, body figure.alignright, .alignright { 
	display:block; clear:both;
	margin: 10px auto !important; margin: 1rem auto !important; 
	text-align: center!important;
	 float:none !important;}
} 

/* end /max 600 */

@media only screen and (max-width: 500px) {
	.mobile-show {display:none;}
	.mobile-hide {display:block;}
	
}
/* --- end break min-501px -- */
@media only screen and (min-width: 501px) {
	.mobile-show {display:none;}
	.mobile-hide {display:block;}
}
/* --- end break min-501px -- */