/*
 Theme Name:     Jennifer Frank Legal Group
 Author:         Wendy Clark Design	
 Author URI:     http://www.wendyclarkdesign.com
 Template:       dt-the7
*/
 
@import url("../dt-the7/style.css");
 
/*---------------------------------------------------- */

/*
Proxima Nova Regular
font-family: "", sans-serif;
font-weight: 400;
font-style: normal;
Proxima Nova Regular It
font-family: "", sans-serif;
font-weight: 400;
font-style: italic;
Proxima Nova Semibold
font-family: "", sans-serif;
font-weight: 600;
font-style: normal;
Proxima Nova Semibold It
font-family: "", sans-serif;
font-weight: 600;
font-style: italic;
Proxima Nova Bold
font-family: "", sans-serif;
font-weight: 700;
font-style: normal;
Proxima Nova Bold It
font-family: "", sans-serif;
font-weight: 700;
font-style: italic;
*/

.hide {display:none;}

	
 .home #main {padding-top:0px !important;margin-top:0px important;} 
#main {padding-top:30px !important;padding-bottom:50px !important;margin-bottom:0px important;}

.sticky-logo img {margin-top:13px !important;}

#primary-menu * {font-family: "myriad-variable",sans-serif !important;  font-variation-settings: 'wght' 400, 'wdth' 100 !important;}

#box_row .vc_column_container .wpb_content_element, 
.team-member{
	background-color:rgba(200,219,245,.3);
	border:solid 1px rgba(200,219,245,.6);
	padding:20px 10px 0px 10px;
	margin-bottom:32px;
	border-radius:5px;
	}

#box_row .vc_column_container .wpb_content_element {padding:15px 15px 25px 15px;}

body {
  font-family: "myriad-variable",sans-serif !important;
  font-variation-settings: 'wght' 400, 'wdth' 100;
	font-style: normal !important;
	font-size:17px !important;
  }
a.button {
  font-family: "myriad-variable",sans-serif;
  font-variation-settings: 'wght' 400, 'wdth' 100;
  font-size:18px !important;
  border-radius:3px;
  } 

.wpforms-form button[type=submit] {
    background-color: #2e69b1 !important;
    border-color: #2e69b1 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
} 
.wpforms-form button[type=submit]:hover {
    background-color: #3b8ef3 !important;
}
.wpforms-container .wpforms-form .wpforms-field-label {
	font-family:inherit !important;
	font-size:inherit !important;
	}

h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 *, div.widget-title, #primary-menu *, .page-title h1, span.leadin, .page-title-responsive-enabled.page-title h1 {
  font-family: "drummond-variable",serif;
  font-variation-settings: 'wght' 700;
  }
  .leadin {font-size:30px;color:#333333;}
  .page-title h1 {line-height:56px;}
  
 h3 strong {
  font-variation-settings: 'wght' 500;
  font-size:28px;
  }
  .page-title h1 {font-size:45px !important;}

  
#primary-menu>li.menu-item>a>span>span {text-transform:uppercase !Important;}
.welcome {background-image:url('http://franklegalgroup.com/wp-content/uploads/2025/09/planning-for-life-white70.png');
  background-repeat: no-repeat;
  background-position: 65% 20px !important;}

.peace-of-mind {margin-top:100px;margin-bottom:150px;}

.quote, .attribute {
	color:#61779d;
	font-family: "drummond-variable",serif;
	}
 
.smaller {
	font-size:.85em !important;
	line-height:1.2 !important;
	}
.larger, .quote em {
	font-size:1.2em !important;
	line-height:1.35em !important;
	}
.welcome-mobile {display:none;}

/* Footer */

img.wp-image-445 {max-width:115px;}
img.wp-image-446 {max-width:152px;}

#footer.solid-bg {background-image: url('http://franklegalgroup.com/wp-content/uploads/2025/09/blue-mark.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-attachment:fixed;
	padding-top:80px !important;
	}
#footer .widget {margin-bottom:80px !important;}
#bottom-bar * {font-size:13px !important;}

.wpcp-single-content p {
	text-align:left;}

#footer #text-3 {margin-top:-16px;}

#footer * a:link, #footer * a:visited {color:#ffee7d !important;}
#footer * a:active, #footer * a:hover, #footer * a:hover span {color:#ffdd00 !important;}
#footer .custom-nav>li:not(:last-child)>a {padding-bottom:3px;}
.footer .custom-nav li.act > a span {color:#c2cbd9 !important;}

/* Interior Pages  */
#elder_law_intro {background:transparent url('https://franklegalgroup.com/wp-content/uploads/2025/09/elder-law.jpg') no-repeat;
	background-size:cover;}
#special-needs-intro {background:transparent url('http://franklegalgroup.com/wp-content/uploads/2025/09/special-needs-1.jpg') no-repeat;
	background-size:cover;background-position:0 -50px;}
#estate_planning_intro {background:transparent url('http://franklegalgroup.com/wp-content/uploads/2026/02/estate-planning-4.jpg') no-repeat;
	background-size:cover;background-position:0 -50px;}
#specialneeds_yellowbox {margin-top:400px !important;}
#elderlaw_yellowbox {margin-top:450px !important;}
#estateplanning_yellowbox {margin-top:440px !important;}

/* MEDIA QUERIES */
@media (max-width: 1100px) {
#box_row .box {display:block; float:none;margin-right:20%;margin-left:20%;width:60%}
}

@media (max-width: 970px) {
.welcome-mobile {display:block !important;height:600px;background-size:cover;background-repeat:no-repeat;margin-bottom:0px !important;}
.peace-of-mind {margin-top:0px;margin-bottom:15px;}
#footer img.aligncenter {text-align:left !important;margin:0 0 0 0 !important;}
.welcome {background-image:none !important;padding-top:20px;}
.welcome {background:#ffffff url(none) no-repeat;}
#elder_law_intro, #special-needs-intro, #estate_planning_intro {background-size:contain !important;background-position:0 0 !important;}
.page-title-responsive-enabled.page-title h1 {font-size:32px !important; line-height:40px;}
#specialneeds_yellowbox {margin-top:300px !important;}
#elderlaw_yellowbox {margin-top:400px !important;}
#estateplanning_yellowbox {margin-top:300px !important;}
}

@media (max-width: 768px) {
#box_row .box {display:block; float:none;margin-right:10%;margin-left:10%;width:80%}
.medium {display:block;}
.vc_custom_1757440270749 {background-size:contain !important; min-height:80px !important;}
.welcome-mobile {height:500px;background-size:contain !important;}
.peace-of-mind {padding:10px;}
}

@media (max-width: 725px) {
.welcome-mobile {height:475px;}
}
	

@media (max-width: 575px) {
.welcome-mobile {height:375px;}
}
	
@media (max-width: 500px) {
.narrow {display:block !important;}
.wide,  .medium {display:none !important;}
.welcome-mobile {height:350px;background-size:contain !important;}
#specialneeds_yellowbox {margin-top:275px !important;}
#elderlaw_yellowbox {margin-top:300px !important;}
}

@media (max-width:425px) {
.welcome-mobile {height:275px;}
}
	
@media print {
	
}
	
