/*!
Theme Name: Denver Management Advisors (DMA) 2026
Theme URI: https://them.es/starter
Author: Tiger Studios
Author URI: 
Description: 2026 DMA theme
Version: 3.6.2
*/

/*#_Basics/Colors#*/
/*
Col 1 #862633 134, 38, 51 Logo Red
Col 2 #F4F4F4 Light Gray
Col 3 #EFEFEE Med Gray
Col 4 #C4BFB6 Logo Beige
*/

html, body {font-family: 'Roboto', sans-serif!important; font-size: 13pt; font-weight: 400!important}

h1, h2, h3, h4, h5 {font-family: "Roboto Condensed", sans-serif; color:#000; font-weight: 400!important; line-height: 120%!important}

h1 {font-size: 3.8em; margin: 0 0 20px 0;}
h2 {font-size: 3.2em; margin-bottom: 20px;}
h3 {font-size: 2.6em; margin-bottom: 20px;}
h4 {font-size: 1.8em; margin: 0 0 20px 0;}
h5 {font-size: 1.2em;line-height: 140%!important; margin: 0 0 20px 0;}

a {color:#000; text-decoration:underline}
a:hover {color:#862633}
p {line-height: 170%;}

hr {color:#C4BFB6}
.clear {clear: both}
.screentext {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.skip-to-content {position: absolute; width: 1px; height: 1px;overflow: hidden;clip: rect(0,0,0,0);margin: 0} 
.skip-to-content:focus, .skip-to-content:active {position: static;height: auto;width: auto;overflow: visible;clip: auto}

.btn {font-size: 0.95em; border-radius: 100px; padding: 8px 7%; text-transform:uppercase}
.redbtn {background:#862633; color: #fff; text-decoration:none!important}
.redbtn:hover, .redbtn:focus {background-color: #000; color: #fff;}

/*# Header Styles ----------------------------------#*/
header {padding-left: 10px; padding-right: 10px; border-bottom: 2px solid #EFEFEE}
.navbar-brand img {padding: 15px 0; max-width: 300px; width: 100%; height: auto;}
#navbar {margin-top: 0px}
.navbar-nav li a {margin: 0 0 0 10px; color:#000; font-size: 0.95em; font-weight: 600; text-transform:uppercase; text-decoration:none!important;}
.navbar-nav li a:hover {color:#862633}
.dropdown-menu {border-radius: 0; border: 0;}
.dropdown-menu[data-bs-popper] {left: -100%!important;}
.dropdown-menu li a.dropdown-item {margin: 0; padding: 3px 10px; font-size: 0.8em; font-weight: 500;}
.dropdown-menu li a:hover, .dropdown-item.active {color:#862633; background-color: #F4F4F4}
.navmore .nav-link::after {display:none!important}

.offcanvas, .offcanvas-header.bg-dark {background-color: #fff!important}
.offcanvas-title {color:#888;}
.offcanvas-header {background-color: #fff; border-bottom: 1px solid #ddd}
.navbar-toggler {position:absolute; top: 25px; right: 0; border-color: #862633!important; background-color:#862633!important}
.navbar-toggler-icon 
{background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important}

/*# Footer ----------------------------------#*/
footer {background-color: #F4F4F4; padding: 85px 0 20px 0;}
footer .col-lg-4 {margin-bottom: 45px}
footer .logo img {float:right}
footer p {line-height: 150%; margin-bottom: 10px!important}
footer .copyright {font-size: 0.8em; font-weight: 300;}
footer a {text-decoration:none}

/*# Home Page ----------------------------------#*/
#hero {height: 500px; color: #fff}
#hero .heroheader, #hero .herosubheader {text-shadow: 0px 0px 20px #000, 0px 0px 10px #000;  font-family: "Roboto Condensed", sans-serif;}
#hero .heroheader {font-size: 4em;}
#hero .herosubheader {font-size: 1.6em; padding-bottom: 120px}
.img-right {float:right}

/*.whitetop, .whitebtm, .whitebkgrnd {max-width: 1170px; margin: 0 auto;}*/
.whitetop {padding-top: 100px}
.whitebtm {padding-bottom: 100px}
.whitebkgrnd {padding-top: 100px; padding-bottom: 100px}

.graybkgrnd {background-color:#F4F4F4; padding-top: 80px; padding-bottom: 80px;
background: linear-gradient(to bottom right, #F4F4F4 50%, #EFEFEE 50%);}

.redsubheading, .redsubheading a {margin-bottom: 36px; color:#862633; font-weight:600; text-transform:uppercase; text-decoration:none}
.redsubheading a:hover {color:#000}

#homeboxes {padding-left: 20px; padding-right: 20px}
#homeboxes a {font-size: 1.25em; line-height: 130%; color:#fff; font-weight: 600; text-decoration:none!important; transition: font-size 0.3s ease-in-out;}
#homeboxes a:hover {font-size: 1.4em;}
#homeboxes .homespecialty div {align-content:center; text-align: center; height:200px; border-radius: 10px}
#homeboxes .bkgrnd {background-color:rgba(0,0,0,0.50);}

#homeboxes .selffunded {background: url('/wp-content/uploads/2026/08/Self-Funded-header.jpg') no-repeat center; background-size: cover;}
#homeboxes .medmngmt {background: url('/wp-content/uploads/2026/08/medical-mngmt-header.jpg') no-repeat 40% center; background-size: cover;}
#homeboxes .medprovider {background: url('/wp-content/uploads/2026/08/provider-header.jpg') no-repeat center; background-size: cover;}
#homeboxes .healthcare {background: url('/wp-content/uploads/2026/08/Healthcare-header.jpg') no-repeat 60% center; background-size: cover;}
#homeboxes .insurance {background: url('/wp-content/uploads/2026/08/insurance-header.jpg') no-repeat 75% center; background-size: cover;}
#homeboxes .lifeinsurance {background: url('/wp-content/uploads/2026/08/life-insurance-header.jpg') no-repeat 65% center; background-size: cover;}

#wpforms-407 {width:100%; max-width: 500px}
#wpforms-407 input {height: 43px}
button.wpforms-submit {font-size: 0.95em!important; border-radius: 100px!important; padding: 8px 7%!important; text-transform:uppercase!important; background:#862633!important; color: #fff!important;}
button.wpforms-submit:hover {background-color: #000!important;}


/*# Main body text area ----------------------------------#*/
#pagetitle {position:relative; z-index: 0; height: 350px; margin-bottom: 100px; background-color:#F4F4F4!important;}
#pagetitle h1 {color:#fff; margin-left: 2rem; position:relative; z-index: 100;}
#pagetitle .textarea {position:absolute; z-index: 10; top: 0; width: 100%; height: 100%;
 background: linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, 0.55) 50%);}

#plainpageheader {height: 150px;}

.solutions h4 {padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #862633}
.solutions .panel-grid-cell {padding: 0 30px 30px 30px; margin-bottom: 40px;}
.outcome {padding: 20px; margin-top: 40px; border: 2px solid #862633}
.outcome h3 {margin-top: 0!important;}

.bulletsblock ul li::marker {content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #862633; font-size: 1.2em;}
.bulletsblock ul li {padding-left: 10px;margin-bottom: 8px}

.teammember img, .roundedpict img {border-radius: 10px}
.teammember, .teammember a {text-align:center; margin: 0 auto;}
.teammember img {width:100%; height: auto; max-width: 200px!important;}
.teammember h3 {font-size: 1.4em; font-weight: 600!important; margin: 5px 0;}
.teammember h3 a {text-decoration:none}
.teammember h4 {font-size: 1.2em; margin-bottom: 0}
.team {margin-top: 60px; margin-bottom: 60px}
.team h3 {padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #862633}

.blogposts ul.sow-recent-posts {margin-top: 60px; font-size: 1em; display: flex; width: 100%; gap: 30px;}
.blogposts li.sow-recent-posts-item {flex: 1 1 0; padding: 20px; border: 1px solid #F4F4F4}
.blogposts .sow-recent-posts-item-inner {height: 100%; }
.blogposts h4.sow-recent-posts-title, .category-news h1 {padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #862633}
.singlepost {margin-top: 60px; margin-bottom: 60px;}
.singlepost header {padding: 0; border: 0}

.casestudies {margin-top: 60px; margin-bottom: 60px;}
.casestudies article {margin-bottom: 30px}
.casestudies .casecard {height: 100%; padding: 20px; border: 1px solid #F4F4F4}
.casestudies h4 {padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #862633}
.casestudies h4 a {text-decoration:none}
.category-case-studies h1 {font-size: 1.8em;}
.category-case-studies h2 {font-size: 2.6em; font-weight: 600!important; padding-bottom: 10px; margin-bottom: 40px; border-bottom: 2px solid #862633}
.category-case-studies h3 {margin-top: 40px; color: #862633; font-size: 1.8em; font-weight: 600!important}



/*# Responsive adjustments ----------------------------------#*/
@media (max-width: 575px) {
h1 {font-size: 3em;}
h2 {font-size: 2.3em;}
h3 {font-size: 1.9em;}
h4 {font-size: 1.4em;}
footer .logo img {float:none;}

#hero {height: auto; background-position: 65% top!important}
#hero .heroheader {font-size: 3em; padding-top: 60px; line-height: 120%;}
#hero .herosubheader {font-size: 1.4em; padding-bottom: 60px;}
#specialties h2 br {display:none}
.homespecialty {margin-bottom: 10px}
.img-right {float:left} 
  
#pagetitle {height: auto; margin-bottom: 50px}
#pagetitle h1 {height: 250px; margin-left: 1rem; margin-bottom: 0px; display: flex; align-items: flex-end;}
.whitetop {padding-top: 50px}
.whitebtm {padding-bottom: 50px}
.whitebkgrnd, .graybkgrnd {padding-top: 50px; padding-bottom: 50px}
#pie-chart img {width: 100%; height: auto}
iframe {width: 100%;}
#plainpageheader {margin-top: 50px; height: auto;}
.page-template-page-case-study #plainpageheader {margin-top: 0; margin-bottom: 50px; height: auto;}
.blogposts ul.sow-recent-posts {margin-top: 0px; margin-bottom: 50px; display: block;}

}

@media (min-width: 576px) and (max-width: 780px) {
h1 {font-size: 3.3em;}
h2 {font-size: 2.6em;}
h3 {font-size: 2.2em;}
h4 {font-size: 1.7em;}
footer .logo img {float:none;}

#hero {height: auto;}
#hero .heroheader {font-size: 3.3em; padding-top: 80px; line-height: 120%;}
#hero .herosubheader {padding-bottom: 80px;}
#specialties h2 br {display:none}
.homespecialty {margin-bottom: 10px}

#pagetitle {height: auto; margin-bottom: 50px}
#pagetitle h1 {height: 250px; margin-left: 1rem; margin-bottom: 0px; display: flex; align-items: flex-end;}
.whitetop {padding-top: 50px}
.whitebtm {padding-bottom: 50px}
.whitebkgrnd, .graybkgrnd {padding-top: 50px; padding-bottom: 50px}
.img-right {float:left} 
#plainpageheader {margin-top: 50px; height: auto;}
.page-template-page-case-study #plainpageheader {margin-top: 0; margin-bottom: 50px; height: auto;}
.blogposts ul.sow-recent-posts {margin-top: 0px; margin-bottom: 50px; display: block;}
}

@media (min-width: 781px) and (max-width: 991px) {
h1 {font-size: 3.3em;}
h2 {font-size: 2.6em;}
h3 {font-size: 2.2em;}
h4 {font-size: 1.7em;}
#pagetitle h1 {height: 330px; margin-left: 1rem; display: flex; align-items: flex-end;}
footer .logo img {float:none;}

#hero {height: auto;}
#hero .heroheader {padding-top: 80px;}
#specialties h2 br {display:none}
.homespecialty {margin-bottom: 10px}
.img-right {float:left} 
}

@media (min-width: 992px) and (max-width: 1200px) {
h1 {font-size: 3.5em;}
h2 {font-size: 2.8em;}
.navbar-nav li a {margin: 0 0 0 5px; font-size: 0.85em;}
.dropdown-menu[data-bs-popper] {left: -130%!important;}
#specialties h2 br {display:none}
}