/*
 Theme Name:   Ademi LLP
 Description:  GeneratePress sub theme
 Template:     generatepress
 Version:      0.1
*/


h1,h2,h3,h4 {
	margin-block-end: .3em;
	margin-block-start: .3em;
}

h1 {
    font-size:32px;
    color:#b5481d;
    font-weight: 600;
}

h2 {
  font-size:1.75em;
}

header.entry-header {
    border-bottom: 2px solid #b5481d;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

.button:hover {
  cursor:pointer;
}

.one-container .site-content,
body:not(.home) .separate-containers .inside-article, 
.separate-containers .page-header, 
.one-container .container, 
.separate-containers .paging-navigation, 
.inside-page-header {
    padding: 40px 0;
}

.main-navigation .main-nav ul li {
  margin-bottom:2px;
}
.main-navigation .main-nav ul li a {
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 40px;
}

.main-navigation .main-nav ul.sub-menu li a {
    text-transform: none;
    letter-spacing: 0.1px;
}

.dropdown-click .main-navigation.sub-menu-left .sub-menu.toggled-on, 
.dropdown-click .main-navigation.sub-menu-left ul li.sfHover > ul.toggled-on {
    left:0;
    right:auto;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

a {
	text-decoration: none !important; 
  }
  
  #metaslider_315 h3 {
  line-height:1.6;
  font-size:1.2rem;
  }
  
  #metaslider_315.flexslider .caption-wrap .caption {
    padding: 20px 660px 20px 40px;
  }
  

  .site-footer {
    border-top: 1px solid #DDD;
    padding-top: 20px;
    margin-top: 20px;
  }

  .site-footer #menu-footer {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding-left: 0;
    gap:30px;
  }

  .site-footer #menu-footer li {
    margin:0;
  }

  .site-footer #menu-footer li:hover,
  .site-footer #menu-footer a:hover {
    cursor: pointer;
  }
    
  hr.title-bar {
  height:2px;
  }
  
  h3.list-item {
	font-size: 16px;
	margin:24px 0px;
  }
  
  .list-item .icon{
	color: #b5481d;
  }

 .home .entry-header {
    display: none;
}

.home-cols {
    display: flex;
    gap: 40px;
}
  
  body:not(.home) .entry-content {
	min-height:600px;

  }

  header .wp-block-columns.is-layout-flex{
    justify-content: space-between
  }

  .flex-container {
	  display: flex;
	  flex-direction: row;
	  gap: 38px;
  }

  @media (max-width: 800px) {
    .flex-container {
      flex-direction: column;
    }
    body header .is-layout-flex {
      justify-content: center;
    }
  } 

  @media (max-width: 987px) {

    .one-container .site-content,
    .separate-containers .inside-article, 
    .separate-containers .page-header, 
    .one-container .container, 
    .separate-containers .paging-navigation, 
    .inside-page-header,
    .footer-widgets-container {
        padding: 40px;
    }
  }

  .home-cols {
	gap: 40px;
  }

  .home-cols h2 {
    font-size:21px;
    display:block;
    padding:4px 22px;
    background-color: #b5481d;
    color:white;
  }

  .home-cols h2::after {
    position:absolute;
    right:20px;
    content: "\003E"; 
    color: white; 
    font-size:20px;
}

  .home-cols .cases .investigations h2 {
    background-color: #666;
    padding:4px 28px;
    color:white;
  }

  .home-cols .cases .recent h2 {
    color:#000;
    background-color: #DDD;
    padding:4px 28px;
  }

  .home-cols .entry {
    margin: 12px 0;
    padding: 0;
}

  .home-cols .home-main-content {
	flex: 26%;
  }
  .home-cols > .cases {
	flex: 48%;
  }
  .home-cols .updates {
	flex: 26%;
  }

  .home-cols .updates .title {
    font-weight: bold;
  }
  
  .wp-block-search__inside-wrapper {
  max-width:200px;
  max-height:80px;}
  
  input[type="search"] {
  padding-block: 6px;
  padding-inline: 18px;
  border-width: 1px;
  border-radius: calc(6px + 4px);
  }

.case-card {
  background-color: #f5f5f3;
  padding: 20px;
  min-height: 200px;
  margin-bottom: 24px;
}

.single-case .join-link { /* Case */
  margin:6px 0 24px 0;
  font-size: 18px;
  font-weight: 600;
}

.hidden-form { /* Case */
  display:none;
}


/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.single-attorney .entry-content  {
    flex-basis: 66.64%;
}

.single-attorney .divider {
    flex-basis: 1px;
    background-color: #b5481d;
}

.wp-block-column ul li::marker, 
.page-id-45 .entry-content li::marker, .page-id-47 .entry-content li::marker, .page-id-668 .entry-content li::marker, .page-id-670 .entry-content li::marker, .page-id-673 .entry-content li::marker, .page-id-675 .entry-content li::marker {
  color: #b5481d;
}

.single-attorney #sidebar {
    flex-basis: 33.32%;
}

#sidebar ul {
    margin: 12px 0;
    padding: 0 0 0 18px;
}

.attorney-card {
	background-color: #f5f5f3;
	display: flex;
	margin: 0 0 30px;
	justify-content: flex-start;
}

.attorney-card .text {
	color: #666;
	padding: 0 ;
	margin: 0 !important;
  padding: 30px 0 0 30px;
}

.attorney-card p {
	margin-block-start: 4px;
}

.attorney-card h3 {
	font-size: 19px;
	margin-block-end: 9px;
	color: #000;
}

.attorney-card .photo {
	padding:0;
	margin: 0 0 0 auto !important;
	height:180px; 
}

.wp-block-column ul {
	margin:12px 0;
	padding:0 0 0 18px;
}

#sidebar ul li::marker {
	color: #b5481d;
}

.wp-block-column ul li {
	margin-block-end: 9px;
}

.content-titles h2 {
  padding-left:20px;
	margin-block-start: 15px;
	margin-block-end: 20px;
	font-size: 18px;
}

.af-success, .success-message {
  padding:10px 20px;
  background-color: #EEE;
  color:#b5481d;
  font-size: 16px;
  margin-bottom:24px;
}

/*** JOIN ACTION ***/

#acf-join-form .acf-field.is-required .acf-input::after {
  content: "(required)";
  color: #b5481d;
  font-size: 0.8em;
  display: block;
  margin-top: 5px;
}

.acf-field .acf-label {
  margin:0 !important;
}

.acf-fields.-left>.acf-field>.acf-label {
  float: none !important;
  width: 100% !important;
  padding:0 !important;
}

.acf-field p.description,
#acf-join-form .acf-field p.description {
  color: #222 !important;
}

select:not(:-internal-list-box):not([multiple])::picker {
  color: #222 !important;
}


.showhide #acf-join-form {
  display: none; /* show/hide */
}

.acf-field.hidden {
  display: none;
}

#acf-join-form .acf-label label {display: none;}
#acf-join-form .acf-field {
  border:0;
  padding:0;
  margin:0 0 24px;
}

#acf-join-form .share .acf-field {margin:0 0 4px;}

#acf-join-form div.share>div.acf-label label {
  display: block;
  font-weight: 600;
}

.acf-input .acf-table,
.acf-table > thead > tr > th,
.acf-table > tbody > tr > td {
  border: 0px;
  padding: 0;
  background-color: transparent;
}

#acf-join-form .acf-repeater.-row {
 display: flex;
}

#acf-join-form .acf-field.acf-field-group {
  margin:0;
}


@media screen and (max-width: 640px) {
  .acf-fields.-left>.acf-field>.acf-label {
      width: 100%;
  }
}


@media only screen and (min-width: 900px) {

  #acf-join-form .acf-field[data-name="address_more"] .acf-fields,
  #acf-join-form .acf-field[data-name="ja_name"] .acf-fields { 
      display: flex;
  }
  #acf-join-form .acf-field[data-name="ja_city"]{
      flex: 4;
      margin-right:20px;
  }
  #acf-join-form .acf-field[data-name="ja_state"] {
      flex: 2;
      margin-right:20px;
  }
  #acf-join-form .acf-field[data-name="ja_zip"] {
      flex: 40px;
  }

  #acf-join-form .acf-field[data-name="ja_first_name"]{
      flex: 2;
      margin-right:20px;
  }
  #acf-join-form .acf-field[data-name="ja_middle_initial"] {
      flex: 10px;
      margin-right:20px;
  }
  #acf-join-form .acf-field[data-name="ja_last_name"] {
      flex: 2;
  }
}

.acf-repeater .acf-row-handle.order {
  background: transparent;
  color: #aaa;
}
.acf-fields.-border,
.acf-repeater .acf-row-handle.order + td,
.acf-repeater.-row > table > tbody > tr > td, 
.acf-repeater.-block > table > tbody > tr > td {
  border: 0 !important;
}

.acf-fields.-left > .acf-field:before {
  background: transparent !important;
  border:0 !important;
}

.acf-fields.-left > .acf-field > .acf-input {
  width: 100% !important;
  padding: 0 !important;
}

.acf-repeater:hover  acf-row-handle.remove {
  display:block;
}

#acf-join-form .acf-repeater .acf-row .acf-row-handle .acf-icon.-duplicate, 
#acf-join-form .acf-repeater .acf-row .acf-row-handle .acf-icon.-plus {
  display:none !important;
}

.acf-repeater .acf-row:hover > .acf-row-handle .acf-icon.-duplicate, 
.acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon.-plus {
  display:none !important;
}

.share-single .acf-input .acf-fields {
  display: flex;
}
#acf-join-form .share-single .acf-input .acf-fields>div { 
  margin: 0 6px 0 0; 
  width:30%;
}

.acf-repeater .acf-row-handle.order {
  display:none;
}

#acf-join-form .acf-field-repeater {
  margin:42px 0;
}

#acf-join-form .acf-field-repeater.share-buy {
  margin-bottom: 36px;
}

#acf-join-form .acf-repeater > table {
  margin: 0;
  background: transparent;
}
.acf-actions a.acf-button {
  color:white;
  background-color: #b5481d;
  font-weight: 600;
  border-radius:24px;
  font-size: 28px;
  padding:0px 6px;
  line-height: 1.0;
}

.acf-form-submit input.button {
  color:white;
  background-color: #b5481d;
  font-weight: 600;
  font-size: 18px;
  border:0px;
  padding:9px 18px;
}

.acf-field-true-false input[type='checkbox'] {
  margin-right:8px;
}

#acf-join-form .acf-form-submit input:hover  {
  background-color: #333;
}

#acf-join-form .acf-repeater .acf-row-handle.remove {
  background-color: transparent;
}

#acf-join-form .acf-field input{
  padding:  8px;
}

#joincheck .acf-input {
  display: flex;
  justify-content: center;
}

#joincheck .acf-input > div {
  font-weight: 800;
}

.acf-field-65ba479cfb221 {
  font-weight: 800;
}

button.clear.signature {
  color: #999;
  border:1px solid #CCC;
  background-color: #EEE !important;
  padding: 2px  !important;
}

button.clear.signature:hover {
  background-color:#b5481d;
}

/*** end JOIN ACTION ***/



@media (max-width: 800px) {

  .flex-container {
    flex-direction: column;
  }


  header .site-logo img {
    max-width: 280px;
    height: auto;
    margin:0 auto;
  }
  

} 


@media (max-width: 990px) {

  #metaslider_315,
  .home-main-content {
    display:none;
  }

  .home-cols {
    padding:0 20px;
  }

  .home-cols.flex-container,
  .cases.flex-container,
  .site-footer #menu-footer  {
    gap: 10px;
    flex-direction: column;
  }

  .home-cols > div {
    flex: 1 !important;
}

  .home-cols > .cases {
    display:block;
  }   

  .home-cols .cases h2 {
    background-color: transparent !important;
    color: #000 !important;
    padding:7px 0 !important;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-top:12px;
 }



}