@charset "utf-8";/* CSS Document */
/* © Copyright 2024 Medical Marketing Guru. All Rights Reserved.*/
/* Permalink - Advertising and Marketing for Dental & Mecical industries https://medicalmarketingguru.com */
html, body {max-width:2000px;margin:0 auto;padding:0;}
body {line-height:1.5em;font-size:1em;color:#3e485c;
	font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {line-height:normal;font-family: "Amiri", serif}
h1 {font-size:clamp(1.3em, 2vw + 1em, 1.8em);color:#000000;}
h2 {font-size:clamp(1.2em, 2vw + 1em, 1.4em);}
h3 {font-size:clamp(1.1em, 2vw + 1em, 1.25em);}
h4 {font-size:clamp(1em, 2vw + 1em, 1.1em);}
h5 {font-size:0.9em;}
h6 {font-size:0.8em;}
h1 span {text-transform:uppercase;font-weight:300;font-family: "Open Sans", sans-serif;}

a {color: #8a9c30;text-decoration: none;font-weight: 500;transition: color 0.3s ease, text-decoration 0.3s ease;}
a:hover,a:focus {text-decoration: underline;}

blockquote {margin: 50px;font-style: italic;font-size: 1.1em;position:relative;}
blockquote::before {content:'" ';font-size: 3em;font-family:"Sorts Mill Goudy", serif;position:absolute;top:0;left:-25px;}

img {max-width:100%;height:auto;border:none;}
img a {text-decoration:none;}
img.blog {max-width:96%;padding:5px;margin:0 15px;box-sizing:border-box;float:right;box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.imgContent {padding:8px 20px}
.imageCredit {display:inline-block;font-size:0.8em;color:#A6A6A6;}
.imageCredit a {color:#A6A6A6;}
.imageCredit p {margin:0;}

.clearFix {clear:both;max-height:0px;width:100%;}

/*ADA key-board accessible*/
a:focus img {}
a:focus {text-decoration:underline !important; color:#888888;}
a.skipcontent {padding:8px 15px;color:#ffffff;color:#888888;background-color:#e5e5e5;border:solid 1px #ffffff;position:absolute;left:-9999px;top:25px;z-index:200;}
a.skipcontent:focus {position:absolute; left:25px; top:50px;}

#plustext, #minustext, #resettext {display:none;}
#handicapBtn-normal {width:40px;height:40px;display:block;border:solid 1px transparent;background-image:url(../images/handicap-symbol-hover.png);background-repeat:no-repeat;background-size:90% auto;background-position:center center;background-color: #bfc642;position:absolute;top:24px;right:0;z-index:500;}
#handicapBtn-normal:hover {background-color:#000000;background-image:url(../images/handicap-symbol.png);}
#handicapBtn {display:none;}

@media (max-width:1024px) {#handicapBtn, #handicapBtn-normal{display:none;}}

/***************************Page Theme**************************/
/***************************************************************/
.wrapper {position:relative;z-index:100;overflow-x:hidden;}
.container {width:96%;max-width:1200px;margin:0 auto;padding:1px 0;position:relative;box-sizing:border-box;}
.contentContainer {width:100%;display:table;margin:0 auto;padding:0;position:relative;box-sizing:border-box;clear:both;}
.content {display:table-cell;padding:0px;vertical-align:top;position:relative;z-index:1;}
.content.left {width:70%;padding-right:20px;box-sizing:border-box;}
.content.right {width:70%;padding-left:20px;box-sizing:border-box;}
.content.leftsidebar {width:30%;padding-right:20px;}
.content.rightsidebar {width:30%;padding-left:20px;}
.content.splitEven {width:50%;box-sizing:border-box;}
.content.splitThrids {width:33%;box-sizing:border-box;}
.content.splitEven:first-child, .content.splitThrids:first-child {padding-right:20px;}
.content.splitEven:last-child, .content.splitThrids:last-child {padding-left:20px;}
.content.splitEven.fullDiv {vertical-align: middle;}
.content.splitEven.fullDiv:first-child, .content.splitThrids.fullDiv:first-child {padding-right:0px!important;}
.content.splitEven.fullDiv img {display:block;}

.ineditmode {position:inherit ;z-index:auto ;overflow:visible ;}
.ineditmode .content {position:initial;z-index:auto;}

.marginBoth {margin-top:100px !important;margin-bottom:100px !important;}
.marginTop {margin-top:100px !important;}
.marginBottom {margin-bottom:100px !important;}
.paddingBoth {padding-top:150px !important;padding-bottom:150px !important;}
.paddingTop {padding-top:110px !important;}
.paddingBottom {padding-bottom:110px !important;}

.lightcolorbg {color:#4e4e4e;position:relative;}
.lightcolorbg::before {width:100vw;height:100%;content:'';position:absolute;top:0;left:50%;z-index:-1;transform:translate(-50%, 0);}
.lightcolorbg::before {background-color:#f2f3f4;}
.lightcolorbg a {}
.lightcolorbg a:hover {}
.lightcolorbg h1, .lightcolorbg h2, .lightcolorbg h3, .lightcolorbg h4, .lightcolorbg h5, .lightcolorbg h6 {}
.lightcolorbg blockquote {}

.darkcolorbg {color:#FFFFFF;position:relative;}
.darkcolorbg::before {width:100vw;height:100%;content:'';position:absolute;top:0;left:50%;z-index:-1;transform:translate(-50%, 0);}
.darkcolorbg::before {background-color:#575757;}
.darkcolorbg a {color:#f5f5f5}
.darkcolorbg a:hover {color:#baf5f7}
.darkcolorbg h1, .darkcolorbg h2, .darkcolorbg h3, .darkcolorbg h4, .darkcolorbg h5, .darkcolorbg h6 {}
.darkcolorbg blockquote {}

.content.right.lightcolorbg::before, .content.right.darkcolorbg::before, .content.left.lightcolorbg::before, .content.left.darkcolorbg::before {width:70vw;top:0;left:0;z-index:-1;transform:translate(0, 0);}
.content.rightsidebar.lightcolorbg::before, .content.rightsidebar.darkcolorbg::before, .content.leftsidebar.lightcolorbg::before, .content.leftsidebar.darkcolorbg::before {width:30vw;top:0;left:0;z-index:-1;transform:translate(0, 0);}
.content.splitEven.lightcolorbg::before, .content.splitEven.darkcolorbg::before {width:50vw;top:0;left:0;z-index:-1;transform:translate(0, 0);}

.backgroundImage {color:#ffffff;position:relative;}
.backgroundImage.two {}
.backgroundImage.three {}
.backgroundImage::after, .backgroundImage::before {width:100vw;height:100%;content:'';position:absolute;top:0;left:50%;z-index:-1;transform:translate(-50%, 0);}
.backgroundImage::before {background-repeat:no-repeat;background-position:center top;background-size:cover;}
.backgroundImage::after {}
.backgroundImage h1, .backgroundImage h2, .backgroundImage h3, .backgroundImage h4, .backgroundImage h5, .backgroundImage h6 {color:#ffffff;}
.backgroundImage .title {min-width: 50%;padding:0px 30px;font-size: 1.3em; font-style: italic;background-color: rgba(255,255,255,0.85);color: #000;position: absolute;bottom: 10px;right: 0;}

.parallax {padding:200px 0px;position:relative;color:#ffffff;}
.parallax.two {}
.parallax.three {}
.parallax::after, .parallax::before {width:100vw;height:100%;display:block;content: '';position:absolute;top:0;left:0;z-index:-1;pointer-events: none;}
.parallax::before {background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;}
.parallax::after {background-color: rgba(0,0,0,0.65);}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {color:#ffffff;}
.parallax a {color:#ffffff;}
.parallax h2 {font-size:clamp(1.2em, 2vw + 1em, 1.5em);}
.parallax .bannerText {font-size:clamp(0.8em, 2vw + 1em, 1.2em);font-weight:600}

.parallaxContainer {width:100%;padding-top:38%;margin:0 auto;position:relative;overflow:hidden;}
.parallaxScrolly  {width: 100%;position:absolute;top:0;left:50%;transform: translate(-50%, 0);z-index:0;}
.parallaxScrolly-inner {width: 100%;padding:0px 0px 0px 0px;position:relative;font-family: "Montserrat", sans-serif;}
.parallaxScrolly-inner img {width:100%;height:auto;}
.parallaxScrolly-inner::before {width:100vw;height:100%;display:block;content: '';position:absolute;top:0;left:0;z-index:1;}
/*REMOVE*/.parallaxScrolly-inner p {width: 100%;max-width: 1200px;display:block;margin:1.5em 2em;font-size:clamp(1.5em, 2vw + 1em, 4.5em);font-family: "Amiri", serif;color:#fff;line-height:1.3em;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);position: absolute;z-index: 100;top: 0;left: 0;left:50%;transform: translate(-50%, 0);box-sizing: border-box;}
		.parallaxScrolly-inner p .large {display:block;padding-left:0.75em;font-size:clamp(1.125em, 2vw + 1em, 1.3em);text-transform: uppercase;font-weight:700;}
		.parallaxScrolly-inner p .small {display:inline-block;margin-top:-10px;font-size:clamp(0.5em, 2vw + 1em, 0.6em);vertical-align: top;}
@media  (max-width: 1024px) {
  .parallax::before {background-attachment: scroll;}}
@media (max-width:768px) {
	.content.left, .content.right, .content.leftsidebar, .content.rightsidebar, .content.splitEven, .content.splitThrids {width:100%;display:block;padding:0;}
	.marginBoth {margin-top:20px !important;margin-bottom:20px !important;}
	.marginTop {margin-top:20px !important;}
	.marginBottom {margin-bottom:20px !important;}
	.paddingBoth {padding-top:30px !important;padding-bottom:30px !important;}
	.paddingTop {padding-top:25px !important;}
	.paddingBottom {padding-bottom:25px !important;}
	.backgroundImage.paddingTop {padding-top:110px !important;}
	.backgroundImage.paddingBottom {padding-bottom:110px !important;}
	.parallaxContainer {padding-top: 0;}
	.parallaxScrolly {position:relative;left:auto;top:0 !important;transform: translate(0, 0);}
	.parallax {padding:50px 0px;}}

/**************************** Header ***************************/
/***************************************************************/
#sticky-nav {transition: top 0.4s ease, padding 0.4s ease;position: relative;}
#sticky-nav.sticky {width: calc(100% - 40px);max-width:1200px;margin:4px 20px;position:fixed !important;top: -100px;left: 50%;transform: translateX(-50%);z-index:999;box-sizing:border-box;border:solid 1px #f4f4f4;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
#sticky-nav.sticky.visible {top: 0;}

.header {position:relative;z-index:110;background-color:#fff;}
ul.headerCalls {display:block;margin:15px 0 0 0;padding:0;float:right;}
ul.headerCalls li {display:inline-block;}
ul.headerCalls li a {display:block;}
ul.headerCalls a.action-button {min-width:125px;margin:2px 4px;padding:clamp(0.4em, 2vw, 0.8em) clamp(0.2em, 2vw, 1.5em);color:#fff;background-color:#bfc642;text-decoration:none;text-align:center;overflow: hidden;position: relative;}
ul.headerCalls a.action-button::after {width: 0;height: 4px;content: '';background-color: #fff;position: absolute;bottom: 2px;left: 0;transition: width 0.4s ease-in-out;}
ul.headerCalls a.action-button:hover::after {width: 100%;}

.logo {display:block;float:left;}
.logo a {display:block;}
.logo img {width:422px;}

/**********************************Menu******************************************/
/********************************************************************************/
#menu-container {margin:8px 0 0 0;padding:0;float:right;}

/************Menu Top************/
.menuTop {display:block;margin:0;padding: 0px;position:relative;z-index:100;}
.menuTop ul {display:block;padding:0;margin:0 auto;list-style:none;box-sizing:border-box;}
.menuTop ul li {display:inline-block;padding:0;margin:0 auto;box-sizing:border-box;position:relative;}
.menuTop ul li a {display:block;padding:10px;line-height:36px;text-decoration:none;text-transform:capitalize;color:#000000;font-size:0.9em;box-sizing:border-box;}
.menuTop ul li:hover a, .menuTop ul li a:focus {background-color:#efefef}
/**second level**/
.menuTop ul ul {min-width:200px;padding:0px 4px;background-color:#ffffff;text-align:left;position:absolute;top:100%;left:0;z-index:101;visibility:hidden;max-height:0px;overflow:hidden;white-space:nowrap;transition: all 0.3s ease-in;}
.menuTop ul ul li {display:block;padding:0;border:none;text-align:left;float:none;position: unset;}
.menuTop ul ul a {padding:10px 12px 10px 12px;line-height:normal;white-space: nowrap;border-bottom:solid 1px #e5e5e5;}
.menuTop ul ul li:first-child a {color:#000000;background-image:none;background-color:transparent;}
.menuTop ul ul li:first-child:hover a {background-image:none;background-color:transparent;}
.menuTop ul ul:hover, .menuTop ul li.active ul {overflow:visible;}
.menuTop ul li:hover ul li a, .menuTop ul ul li a:focus {color:#333333;background-color:#ffffff;}
.menuTop ul ul a:hover, .menuTop ul ul a:focus {color:#333333 !important;background-color:#efefef !important;}
.menuTop ul ul li a.nav-dropdown {margin:0 auto;background-image:url("../images/menu-flyout-arrow-right.png");background-position: right 20px top 15px;background-size:6px auto;}
.menuTop ul ul li:hover a.nav-dropdown {background-image:url("../images/menu-flyout-arrow-right.png");}
/**third level**/
.menuTop ul ul ul {min-height: 100%;top:0px;left:100%;}
.menuTop ul ul ul li a.nav-dropdown {padding:10px;background-image:none !important;}
/**hide & show the sub levels**/
.menuTop ul li:hover ul {visibility:visible;max-height:600px;}
.menuTop ul li:hover > ul, .menuTop ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.menuTop ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.menuTop ul :hover ul :hover ul {visibility:visible;max-height:600px;}

/************Menu Sitemap************/
/************Enhanced Nested Sitemap Menu************/
.sitemap_menu {display: block;padding: 2rem;background-color: #fff;font-family: sans-serif;}
.sitemap_menu ul {list-style: none;margin: 0;padding-left: 1rem;}
.sitemap_menu > ul {padding-left: 0;}
.sitemap_menu ul li {margin: 0.5rem 0;padding-left: 0.5rem;position: relative;}
.sitemap_menu ul li > a {display: inline-block;font-size: 1em;text-decoration: none;color: #000;padding: 0.2rem 0;transition: color 0.3s ease;}
.sitemap_menu ul li > a::before {content: '» ';color: #bfc642;}
.sitemap_menu ul li > a:hover {color: #bfc642;}
.sitemap_menu ul ul {margin-top: 0.5rem;padding-left: 1.5rem;border-left: 2px solid #eee;}
.sitemap_menu ul ul ul {padding-left: 1.5rem;border-left: 2px dashed #ccc;}
@media (max-width: 768px) {
	.sitemap_menu {padding: 1rem;}
    .sitemap_menu ul ul {padding-left: 1rem;}}

/************Mobile Menu************/
.mobileWrapper {width:100%;display:block;margin:20px auto;}
.mobileItem {width:100%;display:block;margin:0px 0px 10px 0px;box-sizing: border-box;}
.mobileHeader {width: 100%;display: flex;align-items: center;gap: 10px;padding: 18px;background-color: #eee;color: #444;text-align: left;cursor: pointer;box-sizing: border-box;font-size: 1em;border: none;transition: all 0.2s ease-out;}
.mobileHeader .hamburger {width: 20px;height: 16px;display: inline-block;position: relative;}
.mobileHeader .hamburger span {width: 100%;height: 2px;background: #444;position: absolute;left: 0;transition: all 0.3s ease;}
.mobileHeader .hamburger span:nth-child(1) { top: 0; }
.mobileHeader .hamburger span:nth-child(2) { top: 7px; }
.mobileHeader .hamburger span:nth-child(3) { top: 14px; }
.mobileContent {height:auto;max-height:2000px;padding:18px;overflow:hidden;background-color:#ffffff;transition: all 0.8s ease-out;}
.mobile_menu .mobileItem.revealMenu .mobileHeader {background-color: #ccc;}
.mobile_menu .mobileItem.hideMenu .mobileContent {max-height:0;padding:0 18px;}
.mobile_menu {display:none !important;margin:0;padding: 0px;text-align:left;position:relative;z-index:100;}
.mobile_menu ul {display:block;padding:0;margin:0 auto;list-style:none;box-sizing:border-box;}
.mobile_menu ul li {display:block;padding:8px 0px;margin:0 auto;position:relative;box-sizing:border-box;}
.mobile_menu ul li a {display:block;padding:0 10px;font-size:1rem;font-weight:normal;line-height:normal;color:#000000;text-decoration:none;box-sizing:border-box;}
/**second level**/
.mobile_menu ul ul {max-height:0px;margin-left:10px;overflow:hidden;white-space: nowrap;text-align:left;visibility:hidden;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;}
.mobile_menu ul ul li {display:block;padding:6px 0px;border:none;text-align:left;float:none;}
.mobile_menu ul ul a {line-height:normal;white-space: nowrap;text-transform:capitalize;}
.mobile_menu ul ul:hover, .mobile_menu ul li.active ul {overflow:visible;}
/**third level**/
.mobile_menu ul ul ul {top:0px;left:100%;}
/**hide & show the sub levels**/
.mobile_menu ul li:hover ul {visibility:visible;max-height:600px;}
.mobile_menu ul li:hover > ul, .mobile_menu ul li.active > ul {display:block;visibility:visible;max-height:600px;}
.mobile_menu ul :hover ul ul {visibility:hidden;max-height:0px;overflow:hidden;}
.mobile_menu ul :hover ul :hover ul {visibility:visible;max-height:600px;}
@media (max-width:1024px) {
	#menu-container {display:none;}
	.mobile_menu {display:block !important;}}

/**breadcrumbs**/
nav ol.breadcrumb {margin:0;padding:0;list-style-type:none;}
nav ol.breadcrumb li {margin:0;padding:0 10px;display:inline-block;list-style-type:none;}
nav ol.breadcrumb li:first-child {padding:0 10px 0 0;}
nav ol.breadcrumb li:before {content:'»  ';}
nav ol.breadcrumb li {font-size:0.7em;color:#A6A6A6;}
nav ol.breadcrumb li a {color:#A6A6A6;}
nav ol.breadcrumb li a:focus {border:solid 1px #A6A6A6;}

/*********************************Banner******************************************/
/*********************************************************************************/
.banner {position:relative;}
.banner p {margin:0;}
.banner img {width:100%;height:auto;}
.bannerInner {width:100%;max-width:1200px;padding:20px;color: #000;font-size:1.2em;font-family: "Merriweather", serif;background:rgba(255,255,255,0.85);text-align:center;position:absolute;bottom:15px;left:50%;
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);}

/*********************************Buttons*****************************************/
/*********************************************************************************/
/*custom button*/
.customButton {display: inline-block;min-width: 200px;padding: 18px 20px;margin: 4px 15px;color: #fff;text-decoration: none;text-align: center;font-family: "Raleway", sans-serif;font-weight: bold;background-color:transparent;text-transform: uppercase;z-index: 1;transition: color 0.6s ease;position: relative;overflow:hidden;}
.customButton::before {width: 200%;height: 100%;content: '';background: linear-gradient(to right, #f2f3f4 50%, #bfc642 50%);position: absolute;top: 0;left:-100%;z-index: -1;transition: left 0.6s ease;}
.customButton::after {width: 20px;height: 13px;margin-left: 10px;content: "";display: inline-block;background-image: url("../images/hot-button-arrow-white.png");background-size: contain;background-repeat: no-repeat;vertical-align: baseline;transition: background-image 0.4s ease;}
.customButton:hover::before {left:0;}
.customButton:hover {color: #000;}
.customButton:hover::after {background-image: url("../images/hot-button-arrow.png");}

.customButton.Dev::before {width: 100%;/*height: 4px;*/height:100%;content: "Coming soon";position: absolute;top: 2px;left: -100%;background-color: #fff;transition: left 0.6s ease;z-index: 1;}


#promo-popup {width: 300px;padding: 20px;background: #fefefe;border: 2px solid #bfc642;border-radius: 8px;position: fixed;bottom: 20px;right: 20px;box-shadow: 0 5px 15px rgba(0,0,0,0.3);z-index: 9999;animation: slideIn 0.5s ease forwards;
display: none; /* Start hidden */}
#promo-popup h1, #promo-popup h2 {margin-top: 0;color: #bfc642;}
#promo-popup p {margin: 10px 0;color: #333;}
#promo-popup .textSmall {font-size: 0.7em;color: #777;line-height:normal;}
#promo-close {background: none;border: none;font-size: 1.5em;color: #aaa;position: absolute;top: 10px;right: 10px;cursor: pointer;}
#promo-close:hover {color: #333;}
/* Slide-in animation */
@keyframes slideIn {
  from {transform: translateX(150%);}
  to {transform: translateX(0);}}
@media (max-width: 768px) {
  #promo-popup {width: 90%;right: 5%;left: 5%;bottom: 10px;padding: 15px;font-size: 0.9em;}
  #promo-popup h2 {font-size: 1.2em;}
  #promo-popup p {font-size: 0.9em;}
  #promo-close {font-size: 1.8em;top: 5px;right: 5px;}}
@media (max-width: 400px) {
  #promo-popup {display: none;}}

/* Call-to-action base */
.call-to-action, .call-to-action ul {display:block;margin:0;padding:0;}
.call-to-action li {display:block;margin:15px 0px;padding:0;background-color:#bfc642;position: relative;z-index: 1;}
.call-to-action a {display:block;margin:0;padding:18px 20px;color:#fff;text-decoration:none;text-align:center;font-family: "Raleway", sans-serif;font-weight: bold;text-transform: uppercase;position: relative;transition: color 0.6s ease;}
.call-to-action a::after {width: 20px;height: 15px;display: inline-block;margin-left: 10px;content: "";background-image: url("../images/hot-button-arrow-white.png");background-size: contain;background-repeat: no-repeat;position: relative;z-index: 2;}
.call-to-action a::before {width: 0%;height: 100%;content: "";background-color:#f2f3f4;position: absolute;top: 0;left: 0;transition: width 0.6s ease;z-index: -1;}
.call-to-action a:hover {color:#000;}
.call-to-action a:hover::after{background-image: url("../images/hot-button-arrow.png");}
.call-to-action a:hover::before {width: 100%;}

.tooltip-text {width: 220px;padding: 8px;background-color: #333;color: #fff;text-align: center;border-radius: 6px;border:solid 1px #fff;position: absolute;bottom: 130%;left: 50%;transform: translateX(-50%);transition: opacity 0.3s ease;z-index: 1;visibility: hidden;opacity: 0;}
.tooltip-text::after {margin-left: -5px;content: '';border-width: 5px;border-style: solid;border-color: #333 transparent transparent transparent;position: absolute;top: 100%;left: 50%;}
.hot-buttons li:hover .tooltip-text, .call-to-action li:hover .tooltip-text {bottom:3.7rem;visibility: visible;opacity: 1;}

.review-slider {position:relative;overflow:hidden;padding: 0 clamp(1rem, 5vw, 8rem);}
.review-wrapper {height:auto;position:relative;transition: height 0.4s ease;}
.review-slide-group {width: 100%;min-height:300px;position: absolute;top:0;left:1000%;opacity:0.1;transition: opacity 0.6s ease-in-out;pointer-events: none;}
.review-slide-group.active {position:relative;left:0;opacity:1;}
.review-slide {flex: 1;padding: 20px;box-sizing: border-box;text-align: left;font-family: "Times New Roman", Times, serif;font-size:1.2em;}
.reviews {display:block;padding:0 0 20px 0;font-size: 3em; color: #fcb040;}
.dots-container { text-align: center;padding: 15px 0;}
.dot {width: 12px;height: 12px;display: inline-block;margin: 0 5px;background: #bbb;border-radius: 50%;cursor: pointer;transition: background 0.3s ease-in-out;}
.dot.active { background-color:#000000;}
.quotationMarks {color:#b2bb1c;font-family: "Sorts Mill Goudy", serif;font-size:clamp(6em, 15vw, 20em);opacity:50%;position:absolute;top: 0;left: 0;}
@media (max-width: 1024px) {
  .review-slide-group {display: block;}
  .review-slide {flex: none;width: 100%;}}

.content-row {display: flex;flex-wrap: wrap;justify-content: center;gap: clamp(0.5rem, 2vw, 1.2rem);padding: 0;margin: 2rem 0;list-style: none;}
.content-row li {flex: 0 1 clamp(80px, 10vw, 150px);}
.content-row img {width: 100%;height: auto;display: block;object-fit: contain;}

ul.content-list {display: flex;flex-wrap: wrap; padding: 0;margin: 0;list-style: none;}
ul.content-list li {box-sizing: border-box; padding: 10px;}
ul.content-list.two li {flex: 0 0 50%;}
ul.content-list.three li {flex: 0 0 33.3%;}
ul.content-list.four li {flex: 0 0 25%;}
ul.content-list.five li {flex: 0 0 20%;}

ul.column-list {column-gap: 20px;padding: 0;margin: 0;list-style: none;}
ul.column-list.two {column-count: 2;}
ul.column-list.three {column-count: 3;}
ul.column-list.four {column-count: 4;}
ul.column-list.five {column-count: 5;}
@media (max-width:768px) {
	ul.content-list.two li, ul.content-list.three li, ul.content-list.four li, ul.content-list.five li {flex: 0 0 100%;}
	ul.column-list.two, ul.column-list.three, ul.column-list.four, ul.column-list.five  {column-count: 1;}}

/*********************************Footer******************************************/
/*********************************************************************************/
.footer {font-size:0.9em;line-height:normal;}
.footer .footerLink a {display: inline-block;padding:12px 0px;text-decoration: none;text-transform: uppercase;}
.footer .footerLink img {max-width:155px;}
.footer hr {margin:60px auto;}

.footerCredit {margin:40px auto;display:table;border-spacing:15px 0px;font-size:0.9em;}
.footerCredit div {display: table-cell;margin:0px auto;vertical-align:bottom;text-align:left;}
.footerCredit img {width:100px;height:auto;}
.footerCredit a {color:#ffffff;}


/*******************************Responsive****************************************/
/*********************************************************************************/
@media (max-width:1024px) {
	.logo img {max-width: 250px;width:90%;}
}
@media (max-width:768px) {
	.logo, ul.headerCalls {float:none;text-align:center;}
	.quotationMarks {top:5rem;}
	
	.review-slide-group {min-height:90px;}
	
	.footerLink li {padding: 5px 10px;}
    .footerLink li p {margin: 4px 0;font-size: 0.95em;}
	.footerLink a {padding: 6px 0;font-size: 0.95em;}
    .footer .footerCredit {text-align: center;padding: 10px 0;}
    .footer .footerCredit div {margin-bottom: 10px;}}

/*******************************Concrete 5****************************************/
/*********************************************************************************/
/**C5 override**/
.ccm-logo img {width:auto;height:100%;}
#ui-datepicker-div {z-index:1000 !important;}

/**page navigation**/
.ccm-block-next-previous-header.previous {float:left;}
.ccm-block-next-previous-header.next {float:right;}
.ccm-block-next-previous-parent-link {width:100%;text-align:center;}
.ccm-block-next-previous-parent-link, .ccm-block-next-previous-header h5 {margin:0;font-size:0.9em;font-weight:bold;}
.ccm-block-next-previous-wrapper {display:block;padding:10px;border:solid 1px #DCDCDC;box-sizing:border-box;border-radius:5px 5px 5px 5px;font-size: 0.9em;}
.ccm-block-next-previous-wrapper a {color:#385670;text-decoration:none;font-weight:normal;transition: color 0.3s ease, transform 0.2s ease;}
.ccm-block-next-previous-wrapper a:hover {color: #1d2f45;text-decoration: underline;transform: translateX(2px);}

/**pagination**/
.ccm-pagination-wrapper {text-align: center;margin: 2rem 0;}
.ccm-pagination-wrapper .pagination {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.4rem;padding-left: 0;list-style: none;margin: 0;}
.ccm-pagination-wrapper .page-item {display: inline-block;}
.ccm-pagination-wrapper .page-link {display: inline-block;padding: 0.4rem 0.75rem;font-size: 0.95rem;color: #1a3c3d;background-color: #ecf9f9;border: 1px solid #b5e3e4;border-radius: 6px;text-decoration: none;transition: all 0.25s ease;}
.ccm-pagination-wrapper .page-item.active .page-link {background-color: #0eb9bd;color: #ffffff;font-weight: 600;cursor: default;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);}
.ccm-pagination-wrapper .page-item.disabled .page-link {color: #a3b1b1;background-color: #f4fafa;border-color: #d7f0f1;cursor: not-allowed;}
.ccm-pagination-wrapper .page-link:hover:not(.disabled):not(.active) { background-color: #d0f4f4;color: #0e5d5f;border-color: #91dede;transform: translateY(-1px);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);}
@media (max-width: 480px) {
    .ccm-pagination-wrapper .page-link {padding: 0.35rem 0.6rem;font-size: 0.9rem;}}

/** page list for blog posts**/
/**standard**/
.ccm-block-page-list-page-entry {margin:10px auto;padding:10px;box-sizing:border-box;border:solid 1px #DCDCDC;}
.ccm-block-page-list-description {color:#000000;font-size:1em;}
.ccm-block-page-list-title a {color:#385670; font-weight:normal;}
.ccm-block-page-list-page-entry-thumbnail {}
.ccm-block-page-list-page-entry-thumbnail img {height:auto;}
.ccm-block-page-list-date {margin-left:10px;padding-left:15px;background-image:url(../images/blog-clock.png);background-repeat:no-repeat;background-position:left center;color:#686565 !important;font-size:0.8em;float:none !important;}

/* Base navigation bar */
.nav {list-style: none;margin: 0;padding: 0;display: flex;justify-content: flex-start;flex-wrap: wrap;background: transparent;}
.nav > li {position: relative;}
.nav > li > a {display: block;padding: 14px 20px;color: #000;text-decoration: none;font-weight: 500;transition: background 0.2s ease, color 0.2s ease;}
.nav > li > a:hover {background: rgba(0, 0, 0, 0.05);color: #000;}
/* Dropdowns */
.nav li ul {display: none;position: absolute;top: 100%;left: 0;list-style: none;background: #fff;margin: 0;padding: 0;min-width: 200px;z-index: 999;border: 1px solid #ddd;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.nav li:hover > ul {display: block;}
/* Submenu links */
.nav li ul li a {display: block;padding: 12px 16px;color: #000;text-decoration: none;font-weight: 400;transition: background 0.2s ease;}
.nav li ul li a:hover {background: rgba(0, 0, 0, 0.05);}
/* Optional: mobile responsiveness */
@media screen and (max-width: 768px) {
  .nav {flex-direction: column;}
  .nav > li {width: 100%;}
  .nav li ul {position: static;box-shadow: none;border: none;}}