@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.cdnfonts.com/css/gobold');

/*
Font Families

font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "proxima-nova", sans-serif;
font-weight: 400;
font-style: italic;

font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "proxima-nova", sans-serif;
font-weight: 700;
font-style: italic;


font-family: 'Gobold', sans-serif;
font-family: 'Gobold Bold', sans-serif;
font-family: 'Gobold Thin', sans-serif; - USE



COLORS 

Yellow - #fdd53dz


*/


/* CSS RESET
===================================
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END OF CSS RESET
=================================== */

@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

html { font-size:62.5%; /* font-size 1em = 10px on default browser settings */ }
body, html { height:100%; }

.post, .page { /*padding:0; margin:0;*/ }

body {
	color:#38311f;
    font-weight:400;
	font-size:1.8rem;
	line-height:1.25em;
	letter-spacing:normal;
	background:#fff;
    padding:0;
    margin:0;
	hyphens:none;
    word-break:break-word;
	font-family:"proxima-nova", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.25em;
	padding:0;
	margin:0;
	hyphens:none;
    word-break:break-word;
	color:#38311f;
}

h1 { font-size:6rem;  }
h2 { font-size:4rem;  }
h3 { font-size:3rem;  }
h4 { font-size:2.5rem; }
h5 { font-size:2rem; }
h6 { font-size:1.8rem; }

h1{ font-family:'Gobold Thin', sans-serif; text-transform:uppercase; }
h2, h3, h4, h5, h6 { font-family: "proxima-nova", sans-serif; }

main .content-wrap h1 { padding:0 0 0.5em; }

p { font-size:2.4rem; line-height:1.35em; padding:0.5em 0; hyphens:none; word-break:break-word; }
a { color:#2a576a; transition:300ms; font-weight:800; text-decoration:underline; hyphens:none; word-break:break-word; }
a:hover { color:#444; text-decoration:none; }

a.phone { text-decoration:none; color:#444; }

ul, ol  { font-size:1.8rem; line-height:1.25em; padding:0.5em 0 0.5em 2em; }

ul { list-style-type:disc; }
ol { list-style-type:decimal; }

main .content-wrap ul:first-of-type { font-size:2.4rem; }

ul li { list-style-type:disc; padding:0.4em 0; }
ol li { list-style-type:decimal; padding:0.4em 0; }

strong, b { font-weight:700; }
em, i { font-style: italic; }

sub, sup { vertical-align:baseline; position:relative; font-size:70%; }
sub { bottom:-0.6em; }
sup { top:-0.6em; }

small,
small a { font-size:1.2rem; }

small { display:block; padding:0.5em 0; line-height:1.5em;}

table { table-layout:fixed; width:100%; }

td, th { text-wrap:wrap; }
td { word-wrap:break-word; }

.uppercase { text-transform:uppercase; }

.center { text-align:center; }
.flex { display:flex; }

.xtra-pd-top { padding:0.5em 0 0; }
.xtra-pd-bot { padding:0 0 0.5em; }

.inner { max-width:1520px; width:100%; margin:0 auto; padding:4em;  }

hr.wp-block-separator { border-top:none; border-bottom:none; margin:2em auto; }

/* Top Button */
#topbtn {
  display:none;
  position:fixed;
  bottom:2em;
  right:3em;
  z-index:999;
  background-color:rgba(253,215,61,1.00);
  color:#000;
  padding:1em;
  border:none;
  border-radius:1em;
  cursor:pointer;
}
#topbtn svg { transform:translate(0, -20%) rotate(180deg); vertical-align:middle; width:1.6rem; }
#topbtn svg path { stroke:none; stroke-width:0!important; fill:black; }


#ticket-counter { margin:2em auto 0; padding:2em; background-color:rgba(253,215,61,1.00); }
#ticket-counter table {}
#ticket-counter table th { background-color:transparent; font-family:"proxima-nova", sans-serif; font-size:2rem; color:#333; }
#ticket-counter table td { border:none; font-size:5rem; text-align:center; color:#333; padding:0.5em; font-family:'Gobold Thin', sans-serif; }


/* HEADER STYLING
=================================================== */

#header {
	background-color:rgba(255,255,255,1.0);
	box-shadow:1px 5px 5px rgba(0,0,0,0.2);
	position:relative;
	padding:0;
	width:100%;
	z-index:200;
}
#header .inner { padding:0; }
#header.scroll { position:fixed; top:0; left:0; }

#header .header-flex {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	gap:2em;
	padding:2em;
}

#header .header-flex.is-active { /*position:fixed; bottom:0;*/ }

#branding #site-title a {
	background-image:url(/wp-content/uploads/2025/08/occ-logo-web-md.png);
	background-repeat:no-repeat;
	width:259px;
	height:0;
	padding:100px 0 0;
	overflow:hidden;
	display:block;
	font-size:1%;
	color:#fff;
}



/* WEB INQUIRY FORM
Slide-in/Slide-out function
button.close { background-color:#ffdb00; padding:0.8em; border:1px solid #999; cursor:pointer; }

.forminator-row .forminator-field-html h2 { font-size:3.5rem; }
.forminator-row .forminator-field-html { font-size:2rem; }

.web-inquiry { 
	margin:-680px auto 0;
	transition:margin-top;
	transition-timing-function:ease-out;
	transition-duration:400ms;
	max-width:1180px;
}

.web-inquiry.is-active {
	transition:margin-top;
	transition-timing-function:ease-in;
	transition-duration:400ms;
	margin-top:0;
	padding:1em 0 0;
}

button.formbtn  { font-size:1.6rem; cursor:pointer; padding:1em 2em; }
button.formbtn.btn:hover,
button.formbtn.is-active { background-color:rgba(255,255,255,1.0); color:#38311f; /*transform:scale(1.01);*/ /*}

.forminator-row .top-content { text-align:center; }
.forminator-row .top-content h2 { font-size:3.4rem; font-family:'Gobold Thin', sans-serif; }
.forminator-row .top-content p { font-size:2.4rem; font-family:"proxima-nova", sans-serif; }

*/

/* Menu */
#header #menu { flex-shrink:0; display:flex; flex-direction:row; column-gap:12em; }
#header #menu .menu { display:flex; flex-direction:row; gap:1em; align-items:center; }
#header #menu ul, #header #menu ul li { list-style-type:none; padding:0; margin:0; }


.menu li a {
	 color:#38311f;
	 text-decoration:none;
	 font-size:2rem;
	 line-height:1.25em;
	 padding:0.6em;
	 transition:all 300ms;
}
.menu li a:hover { color:#ffdb00; }

#header .header-flex.is-active .menu li a { color:#38311f; }



.menu .menu-item-type-custom.current-menu-item a { color:#38311f; }
.menu .menu-item-type-custom.current-menu-item a:hover { color:#ffdb00; }

.menu li.current-menu-item a,
.menu li.current-page-ancestor a { color:#efcc04; }

.mobile-nav li.current-menu-item a,
.mobile-nav li.current-page-ancestor a { color:#efcc04; }



/* Mobile Menu */
button.menu-toggle { visibility:hidden; display:none; padding:0.6em; border-radius:0; }
button.menu-toggle.btn:hover { background-color:rgba(253,215,61,1.0); }
button.menu-toggle .bar, button.menu-toggle:after, button.menu-toggle:before {
    content:'';
    display:block;
    width:28px;
    height:2px;
    background-color:#000;
    margin:5px 0;
    transition:0.1s;
}

button.menu-toggle.is-active:before { transform:rotate(-45deg) translate(-5px, 4px); }
button.menu-toggle.is-active:after { transform:rotate(45deg) translate(-5px, -5px); }
button.menu-toggle.is-active .bar { opacity:0; }

.mobile-nav {
	visibility:hidden;
	display:none;
	opacity:0;
	transition: opacity 2s linear;
	list-style-type:none;
	padding: 0;
	margin:0
}

.mobile-nav.is-active {
	visibility:visible;
	display:block;
	opacity:1;
	position:fixed;
	width:100%;
	transition: visibility 0s 2s, opacity 2s linear;
	z-index:200;
}

.mobile-nav li { list-style-type:none; padding:0; margin:0; background-color:rgba(249,249,249,1.0); }

.mobile-nav li a {
	padding:1em;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	background-color:rgba(249,249,249,1.0);
	display:block;
	text-decoration:none;
	font-size:2rem;
	color:#38311f;
}
.mobile-nav li a:hover { color:#eee; }

.mobile-nav li.mobile-form-btn { padding: 0.4em; }
.mobile-nav li.mobile-form-btn a { background-color:rgba(253, 215, 61, 1.0); width:50%; border-radius:1em; text-align:center; margin:0 auto; font-size:1.6rem; }

/* This is to hide the background content when the form is visibile */
main.site-main.is-active { overflow:hidden; }

.mobile-nav.expanded { position:fixed; bottom:0; }
.mobile-nav.expanded li a { display:none; }
.mobile-nav.expanded li.change-text { cursor:pointer; font-weight:700; padding:0.5em; background-color:rgba(253,215,61,0.8); }
.mobile-nav.expanded li.change-text a { background-color:transparent; border:none; display:block; padding:0; text-align:center; color:#000; }


.mobile-nav .menu-item-type-custom.current-menu-item a { color:#38311f; }
.mobile-nav .menu-item-type-custom.current-menu-item a:hover { color:#ffdb00; }

.mobile-nav li.current-menu-item a { color:#efcc04; }



/* HOME PAGE SECTION STYLING
=================================================== */
#home { background-size:cover; text-align:center; }
#home .inner { padding:6em 4em; }

.hp { flex-direction:row; gap:4em; flex-wrap:wrap; }
.hp div { flex:1 1 25%; display:flex; flex-direction:column; /*justify-content:space-between;*/ text-align:center; }

.hp div h3 { margin:0 0 0.4em; font-family:"proxima-nova", sans-serif; font-size:2.4rem; }
.hp div p { font-size:1.8rem; }
.hp div .btn { width:50%; display:block; text-align:center; margin:0 auto; }

.hp-form-wrap { background-color:rgba(253,215,61,1.00); }
.hp-form-wrap .forminator-ui .forminator-row .forminator-field input,
.hp-form-wrap .forminator-ui .forminator-row .forminator-field input,
.hp-form-wrap .forminator-row .forminator-field-textarea .forminator-field textarea { background-color:#fff; }

.hp-form-wrap .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span,
.hp-form-wrap .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span,
.home span.forminator-select.forminator-select-dropdown-container--open span.forminator-select-dropdown { background-color:#fff!important; }

.hp-form-wrap .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span:hover,
.hp-form-wrap .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span:hover { background-color:#fff!important; }

.hp-form-wrap .forminator-ui .forminator-row .btn { background-color:rgba(255,255,255,1.0); }


#about { scroll-margin-top:6em; }
#about .flex { gap:8em; flex-direction:row; justify-content:center; align-items:center; }
#about .content { order:1; width:60%; flex-shrink:0; }
#about .image { order:2; width:30%; text-align:center; flex-shrink:0; }
#about .image img { width:90%; }
#about button { margin:1em 0 0; }

.tom-link { font-size:1.6rem; text-decoration:none; display:block; margin:1em 0 0; }

#tech { background-repeat:no-repeat; background-size:cover; background-position:50% 60%; }
#tech .content { width:60%; }

#ops { background-repeat:no-repeat; background-size:cover; background-position:100% 53%; scroll-margin-top:6em; }
#ops .inner { text-align:right; display:flex; flex-direction:row; justify-content:flex-end; }
#ops .ops-wrap { width:60%; }
#ops .ops-wrap ul { text-align:left; }

#marketing { scroll-margin-top:6em; }

#bill-pay {scroll-margin-top:6em; }
#bill-pay .inner { text-align:right; }

#about h3, #tech h3, #ops h3, #marketing h3, #bill-pay h3  { font-family:"proxima-nova", sans-serif; text-transform:none; }

section h1:first-child,
section h2:first-child { text-transform:uppercase; font-family:'Gobold Thin', sans-serif; }

section h1:first-child,
section h2:first-child { font-size:5rem; line-height:5.5rem; letter-spacing:1px; padding:0 0 0.5em;  }
/*section h3:first-child { font-size:3rem; }*/
section p, section ul { font-size:2.4rem; font-weight:400; }


/* SECONDARY PAGE SECTION STYLING
=================================================== */
main.secondary-page .content-wrap { }

/*
.page-template-secondary-page-template h2,
.page-template-secondary-page-template h3,
.page-template-client-page-template h2,
.page-template-client-page-template h3 { font-family:"proxima-nova", sans-serif; text-transform:none; }

.page-template-secondary-page-template h2, .page-template-client-page-template h2 { font-size:3rem; }
.page-template-secondary-page-template h3, .page-template-client-page-template h3 { font-size:2.4rem; }
*/


.outreach-block { margin:4em 0; }


/* 404 */
article.not-found { padding:10em; }
.search-form label span { font-size:1.6em; color:#444; }
.search-form label .search-field { padding:1em; width:65%; border-radius:1em; border-color:#999; }
.search-form .search-submit {
	background-color:rgba(253,215,61,1.00);
	color:#38311f;
	border-radius:1em;
	border-color:transparent;
	padding:0.8em;
	font-size:1.6rem;
	font-weight:700;
	transition:300ms;
	text-decoration:none;
	display:inline-block;
	outline:2px solid #fdd53d;
	cursor:pointer;
	width:20%;
}
.search-form .search-submit:hover { background-color:rgba(255,255,255,1.0); color:#38311f; outline:2px solid #fdd53d; }



/* ABOUT US PAGE STYLING
====================== */
.history { background-color:rgba(221,221,221,1.0); padding:0 0 2em; }
.history .inner { padding:2em; }

.history .inner > h2 { padding:1em 0; }
.history .inner > p { font-size:1.6rem; font-weight:700; }

.slick-list { padding:0 0 1em; }

/* Interactive Map - About Us */
.about-clients .flex { flex-direction:row; column-gap:4em; justify-content:center; }
.about-clients .flex div { flex:1 1 30%; }
.about-clients .flex .map { flex:1 1 70%; position:relative; }


#us-map { width:100%; height:100%; }

#details-box {
    padding:1em;
    border-radius:8px;
    font-size:2.4rem;
    position:relative;
	bottom:5%;
	left:0;
    color:#fff;
    background-color:rgba(0,0,0,0.7);
	display:none;
	/*
    width:fit-content;
    transform:translateX(-50%);
	*/
    transition:opacity .5s ease;
    z-index:1;
}

#details-box h3, #details-box p { color:#fff; padding:0; }
#details-box.open { display:block; position:absolute; }


path {
    stroke:#fff;
	stroke-width:6px;
    fill:#eee;
    transition:fill .4s ease;
	cursor:pointer;
	position:relative;
}

path:hover {  }

#Hawaii path,
path#Bonner,
path#Boundry,
path#City-of-New-York,
path#Delaware,
path#Iowa,
path#Louisiana,
path#Kansas,
path#Kentucky,
path#Kootenai,
path#Maryland,
path#Minnesota,
path#Missouri,
path#Montana,
path#Nebraska,
path#New-Jersey,
path#North-Dakota,
path#Oregon,
path#Washington { fill:#ffcd41!important; stroke-width:4px; }

path#Vermont,
path#Utah,
path#Texas,
path#Tennessee,
path#South-Carolina,
path#Rhode-Island,
path#Pennsylvania,
path#Oklahoma,
path#Ohio,
path#North-Carolina,
path#New-York,
path#New-Mexico,
path#New-Hampshire,
path#Nevada,
path#Mississippi,
path#Michigan,
path#Massachusetts,
path#Maine,
path#Indiana,
path#Illinois,
path#Idaho,
path#Georgia,
path#Florida,
path#Connecticut,
path#Colorado,
path#California,
path#Arkansas,
path#Arizona,
path#Alabama,
path#South-Dakota,
path#Wisconsin,
path#Wyoming,
path#West-Virginia,
path#Virginia { pointer-events:none; }

path#Vermont:hover,
path#Utah:hover,
path#Texas:hover,
path#Tennessee:hover,
path#South-Carolina:hover,
path#Rhode-Island:hover,
path#Pennsylvania:hover,
path#Oklahoma:hover,
path#Ohio:hover,
path#New-York:hover,
path#New-Mexico:hover,
path#New-Hampshire:hover,
path#Nevada:hover,
path#North-Carolina:hover,
path#Mississippi:hover,
path#Michigan:hover,
path#Massachusetts:hover,
path#Maine:hover,
path#Indiana:hover,
path#Illinois:hover,
path#Idaho:hover,
path#Georgia:hover,
path#Florida:hover,
path#Connecticut:hover,
path#Colorado:hover,
path#California:hover,
path#Arkansas:hover,
path#Arizona:hover,
path#Alabama:hover,
path#South-Dakota:hover,
path#Wisconsin:hover,
path#Wyoming:hover,
path#West-Virginia:hover
path#Virginia:hover { pointer-events:none; }

path#AK { display:none; visibility:hidden; }

.client-list { display:none; margin:1em 0 0; }
.client-list ul, .client-list ul  li { padding:0; margin:0; list-style-type:none; }
.client-list ul li a {
	background-color:rgba(253,215,61,1.00);
	color:#38311f;
	border-radius:1em;
	border:none;
	padding:1em;
	margin:1em auto;
	font-size:1.6rem;
	font-weight:700;
	transition:300ms;
	text-decoration:none;
	display:inline-block;
	outline:2px solid #fdd53d;
	cursor:pointer;
	width:90%;
	text-align:center;
}

.client-list ul li a:hover { background-color:rgba(255,255,255,1.0); color:#38311f; outline:2px solid #fdd53d; }

/*
ul.timeline { display:flex; flex-direction:row; flex-wrap:nowrap; gap:2em; list-style-type: none; padding:0; margin:0; align-items:baseline; }
ul.timeline li { list-style-type:none; flex:1 1 33%; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-end; }

ul.timeline li a { order:1; writing-mode:vertical-lr; text-orientation:sideways-right; font-size:6rem; line-height:1.5em; font-weight:400; text-decoration:none; width:20%; }
ul.timeline li div.wp-block-latest-posts__featured-image { order:2; width:80%; }
ul.timeline li div.wp-block-latest-posts__post-excerpt,
ul.timeline li div.wp-block-latest-posts__post-full-content { order:3; width:70%; margin-left:20%; }

ul.timeline li div.wp-block-latest-posts__post-excerpt p,
ul.timeline li div.wp-block-latest-posts__post-full-content p { font-size:1.6rem; }



/* TECHNOLOGY LANDING PAGE
========================================== */
/* Flex Sections */
.clients { flex-direction:row; justify-content:center; max-width:1520px; width:100%; margin:-6em auto 0; padding:0 0 4em; gap:2em; position:relative; z-index:150; }

.clients .column-one, .clients .column-two, .clients .column-three { flex-basis:0; flex-grow:1; }
.clients .column-one .img, .clients .column-two .img, .clients .column-three .img { padding:0 0 1em; }
.clients .column-one img, .clients .column-two img, .clients .column-three img { border:1px solid #000; max-width:100%; }
.clients h3 { padding:0 0 0.5em; }

.technology { flex-direction:row; justify-content:center; gap:4em; margin:0 auto; flex-wrap:wrap; }
.technology div { flex-basis:25%; flex-grow:1; flex-shrink:0; }
.technology div figure { text-align:center; margin:0 0 2em; }

.technology div h3 { /*text-align:center;*/ text-transform: uppercase; }
.technology div h3 a { text-decoration:none; color:#38311f; }
.technology div h3 a:hover { color:#ffdB00; }

.technology div figure.wp-block-image img { width:70%; }
.technology div figure.icon-hover:hover img { transform:scale(1.2); transition:500ms; }

.ops { flex-direction:row; justify-content:center; gap:4em; margin:4em auto; flex-wrap:wrap; }
.ops div { flex-basis:25%; flex-grow:1; flex-shrink:0; }
.ops div figure { text-align:center; margin:0 0 2em; }

.ops div h3 { /*text-align:center;*/ text-transform: uppercase; }
.ops div h3 a { text-decoration:none; color:#38311f; }
.ops div h3 a:hover { color:#ffdB00; }

.ops div figure.wp-block-image img { width:80%; }
.ops div figure.icon-hover:hover img { transform:scale(1.2); transition:500ms; }


.marketing-wrap { flex-direction:row; justify-content:center; gap:4em; margin:4em auto 6em; flex-wrap:wrap; }
.marketing-wrap div { flex-basis:25%; flex-grow:1; flex-shrink:0; }
.marketing-wrap div figure { text-align:center; margin:0 0 2em; }

.marketing-wrap div h3 { /*text-align:center;*/ text-transform: uppercase; }
.marketing-wrap div h3 a { text-decoration:none; color:#38311f; }
.marketing-wrap div h3 a:hover { color:#ffdB00; }

.marketing-wrap div figure.wp-block-image img { width:70%; }
.marketing-wrap div figure.icon-hover:hover img { transform:scale(1.2); transition:500ms; }



.two-column { gap:2em; flex-wrap:nowrap; flex-direction:row;  }
.left-column { width:80%; }
.right-column { width:20%; }


.ticket-intake-and-processing .two-column,
.database-and-mapping .two-column,
.ticket-transmission .two-column,
.ticket-management .two-column,
.reporting .two-column { gap:4em; }

.ticket-intake-and-processing .left-column,
.database-and-mapping .left-column,
.ticket-transmission .left-column,
.ticket-management .left-column,
.facilities-management .left-column,
.staffing-and-human-resources .left-column,
.billing-and-accounting .left-column,
.network-reliability .left-column,
.contact-center-experience .left-column,
.industry-leading-software .left-column,
.reporting .left-column { width:60%; padding:4em 0 0; }

.ticket-intake-and-processing .right-column,
.database-and-mapping .right-column,
.ticket-transmission .right-column,
.ticket-management .right-column,
.facilities-management .right-column,
.staffing-and-human-resources .right-column,
.billing-and-accounting .right-column,
.network-reliability .right-column,
.contact-center-experience .right-column,
.industry-leading-software .right-column,
.reporting .right-column { width:40%; }


/* FORM STYLING COPIED OVER FROM OLD TEMPLATE */
.tab {
    overflow:hidden;
    border:1px solid #ccc;
    background-color:#ffffff;
}

.tab button {
    background-color:#ffdb00;
    border:none;
    outline:none;
    cursor:pointer;
    padding:14px 16px;
    transition:0.3s;
    border-radius:0;
}

.tab button.active { background-color:#ffdb00; }



.tabcontent {
    /*display:none;*/
    padding:6px 12px;
    border:1px solid #ccc;
    border-top:none;
}


/* NEW FORM STYLING
========================== */

.forminator-ui .forminator-success { padding:2em!important; background-color:rgba(255,239,170,1.0)!important; box-shadow:none!important; }
.forminator-ui .forminator-response-message.forminator-success p { font-size:1.8rem!important; color:#111; font-family:"proxima-nova", sans-serif; font-weight:700; }

.forminator-ui .forminator-row.forminator-row-last { margin-top:2em!important; }

.web-inquiry .forminator-ui .forminator-row .forminator-field-html { text-align:center; }

.web-inquiry .forminator-ui .forminator-row .forminator-field label,
.forminator-ui .forminator-row .forminator-field label { font-size:1.2rem; color:#38311f; font-weight:700; margin:0; padding:0; }

.web-inquiry .forminator-ui .forminator-row .forminator-field input,
.forminator-ui .forminator-row .forminator-field input,
.forminator-row .forminator-field-textarea .forminator-field textarea { background-color:#e8e6e2; color:#38311f; border:none; font-size:1.6rem; padding:0.5em; }

/*
.forminator-ui .forminator-row .forminator-field .forminator-button-submit,
.forminator-ui .forminator-row .forminator-field .forminator-button-submit { padding:1em 1.5em; color:#38311f; border:none; font-size:1.6rem; }

/* Changes the submit button to a background color of white so it doesn't show up while the form is hidden above the header 
.forminator-ui .forminator-row .forminator-field button.forminator-button-submit { background-color:#fff; }
/* Changes the submit button back to yellow after the form has been expanded */
.is-active .forminator-ui .forminator-row .forminator-field button.forminator-button-submit { background-color:#ffdb00; }

.web-inquiry .forminator-ui .forminator-row .forminator-field .forminator-button-submit:hover,
.forminator-ui .forminator-row .forminator-field .forminator-button-submit:hover { box-shadow:0 1px 4px 0 rgba(0,0,0,.6); }

/* Select Field */
.web-inquiry .forminator-ui .forminator-row .forminator-field-select .forminator-field select,
.forminator-ui .forminator-row .forminator-field-select .forminator-field select { border:none; }

.web-inquiry .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span,
.forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span { color:#38311f; border:none!important; background-color:#e8e6e2!important; }

.web-inquiry .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span:hover,
.forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span:hover { background-color:#d2d1cd!important; }

.web-inquiry .forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span span,
.forminator-ui .forminator-row .forminator-field-select .forminator-field span.forminator-select span.selection span span { color:#38311f; font-size:1.5rem; }

/* Select Dropdpwn Box */
span.forminator-select span.forminator-select-dropdown { border:none!important; background-color:#e8e6e2!important; }

span.forminator-select span.forminator-select-dropdown ul li { color:#38311f!important; font-size:1.5rem; }
span.forminator-select span.forminator-select-dropdown ul li:hover { background-color:rgba(56,49,31,0.25)!important; }
span.forminator-select span.forminator-select-dropdown ul li.select2-results__option--selected { background-color:transparent!important; font-size:1.6rem; }



/* WP CAROUSEL STYLING
=============================== */
.wpcp-carousel-wrapper h2, .wpcp-carousel-wrapper h3 { font-family:"proxima-nova", sans-serif; }
.wpcp-carousel-wrapper P { font-size:1.4rem; }

.swiper-slide .wpcp-single-item .wpcp-slide-image a, .swiper-slide .wpcp-single-item .wpcp-all-captions .wpcp-post-title a {
    cursor:not-allowed;
    text-decoration:none;
    pointer-events:none;
    display:inline-block;
}

/* SLIDER/CAROUSEL STYLES =================> */
button.slick-arrow { 
	border:solid #333;
	border-width:0 4px 4px 0;
	display:inline-block;
	padding:6px;
	background-color:transparent;
	position:absolute;
	bottom:-5%;
	cursor:pointer;
}

button.prev-arrow { transform: rotate(135deg); -webkit-transform: rotate(135deg); left:25%; }
button.next-arrow { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right:25%; }


.item .flex { flex-direction:row; flex-wrap:wrap; }
.item .flex .image { flex-basis:75%; order:2; }
.item .flex .title { flex-basis:20%; order:1; padding:1em 0 0; }
.item .flex .content { flex-basis:80%; padding:1em 0 0; order:3; }

.item .flex .image img { width:100%; height:auto; }

.item .flex .title h3 { transform:rotate(-90deg); font-size:4rem; }

.item .flex .content h2, .item .flex .content h3, .item .flex .content h4 { font-family:"proxima-nova", sans-serif; }
.item .flex .content h2 { font-size:2rem; }
.item .flex .content p { font-size:1.6rem; }


ul.slick-dots {
    position:absolute;
    bottom:-8%;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
}
ul.slick-dots li {
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer;
}
ul.slick-dots li.slick-active {}

ul.slick-dots li button {
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent;
}


/* CLIENT PAGE STYING
============================ */
main.client-page .content-wrap { }
main.client-page .content-wrap .inner { padding:4em 4em 0; }

.hero-wrap { overflow:clip; position:relative; width:100%; height:430px; z-index:100; }
.hero-overlay { background-color:rgba(255,255,255,0.4); position:absolute; top:0; left:0; right:0; bottom:0; width:100%; }
.hero-wrap img { width:100%; background-size:cover; object-fit:cover;  }

.idaho img,
.iowa img,
.kentucky img,
.nebraska img,
.north-dakota img{ object-position:0 100%; }

.delaware img { object-position:0 130%; }
.kansas img { object-position:0 160%; }

.new-jersey img,
.new-york img,
.louisiana img { object-position: 0 80%; }

.maryland img { object-position:0 150%; }
.missouri img { object-position:0 110%; }
.montana img { object-position: 0 75%; }


.client-pages { flex-direction:row; justify-content:flex-start; gap:4em; align-items:center; margin:0 0 3em; }

.client-pages h2, .client-pages h3 { padding:0.5em 0; }
.client-pages .btn { padding:1em 3em; }

.client-pages div:first-of-type { text-align:center; flex-basis:25%; }
.client-pages div { flex-basis:35%; }
.client-pages div figure img { width:80%; margin:0 auto; }

.client-pages.two-col div figure img { width:70%; }
.client-pages.two-col div:first-of-type,
.two-col div { flex-basis:45%; flex-grow:1; flex-shrink:0; align-self:flex-start; padding:2em; text-align:left; }
.two-col div h2 { font-size:3rem; }


.client-pages.three-col div figure img { width:70%; }
.client-pages.three-col div:first-of-type { text-align:left; }
.three-col div { flex-basis:30%; flex-grow:1; flex-shrink:0; align-self:flex-start; padding:2em; }
.three-col div h2 { font-size:3rem; }


/* BILL PAY PAGE STYLING
====================== */

.bill-pay { flex-direction:row; flex-wrap:wrap; }
.bill-pay div { flex:1 1 65%; }
.bill-pay div.button { flex:1 1 25%; }


/* BUTTON STYLES
=================================================== */

.btn {
	background-color:rgba(253,215,61,1.00);
	color:#38311f;
	border-radius:1em;
	border:none;
	padding:1em;
	font-size:1.6rem;
	font-weight:700;
	transition:300ms;
	text-decoration:none;
	display:inline-block;
	outline:2px solid #fdd53d;
	cursor:pointer;
}

.btn:hover { background-color:rgba(255,255,255,1.0); color:#38311f; outline:2px solid #fdd53d; /*transform:scale(1.1);*/ }

/*
button.btn { background-image:none; border:none; transition:300ms; }
button.btn:hover { background-color:rgba(0,0,0,1.0); color:#fdd53d; border:none; }

button.about,
button.bill-pay { padding:1em 3em; }
*/


/* DROPDOWN STYLES
=================================================== */

/* === Dropdown styles === */
.dropdown {
    display:inline-block;
    position:relative;
}
.dropdown p { padding:0; }

/* === Dropdown button styles === */
.dropdown-toggle {
    cursor:pointer;
    display:flex;
    align-items:center;
}


/* === Focus-visible state === */
.dropdown-toggle:focus-visible {
    outline:3px solid var(--btn-focus-ring);
    outline-offset:2px;
}

/* === Active state === */
.dropdown-toggle:active {
    background-color:var(--btn-active-bg);
    color:var(--btn-active-color);
}

/* === Disabled state === */
.dropdown-toggle:disabled {
    opacity:0.7;
    cursor:not-allowed;
    background-color:var(--btn-disabled-bg);
    color:var(--btn-disabled-color);
}

/* === Dropdown menu styles === */
.dropdown-menu {
    position: absolute;
    top:1.5em;
    left:.25rem;
    transform:translateY(-10px);
    visibility:hidden;
    opacity:0;
    z-index:1000;
    transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    /*will-change:opacity, transform, visibility;*/
    background-color:rgba(255,255,255,1.0);
    padding:0;
    min-width:16em;
	list-style-type:none;
	border: 15px double #FDD53D;
}
.dropdown-menu li { list-style-type:none; padding:0; margin:0; }

.dropdown-menu.bill-pay {
    right:.25rem;
	left:auto;
    padding:0;
    min-width:25em;

}

/* === Dropdown open state === */
.dropdown.open .dropdown-menu {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    visibility:visible;
    opacity:1;
}

/* === Menu links styles === */
.dropdown-menu a {
	display:block;
    text-decoration:none;
	font-size:1.8rem;
	font-weight:400;
	color:#000;
	padding: 0.5em 1em;
}

.dropdown-menu a:hover { background-color:rgba(0,0,0,1.0); color:#fdd53d; }




/* FORMINATOR STYLES
============================== */

main .content-wrap .forminator-ui h2.forminator-title { font-size:3rem!important; font-weight:700!important; }
main .content-wrap .forminator-ui h2, main .content-wrap .forminator-ui h3 { text-transform:none; }


/* FOOTER
=================================================== */
footer { background-color:rgba(232,230,226,10.0); padding:4em; }

footer .inner {
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:flex-start;
	gap:4em;
	padding:0 0 2em;
}

footer a { text-decoration:none; }
footer a:hover { color:#fdd53d; }

footer .branding { order:1; width:30%; text-align:center; }
footer .location { order:2; width:30%; font-size:1.6rem; }
footer .phone { order:3; width:30%; }
footer .copyright { order:4; width:100%; text-align:center; font-size:1.3rem; }

.social-menu { padding:0; margin:1em auto; list-style-type:none; display:flex; flex-direction:row; gap:2em; flex-wrap:wrap; }
.social-menu li { padding:0; margin:0; list-style-type:none; }
.social-menu li a { font-size:1%; background-size:contain; background-repeat:no-repeat; width:26px; height:26px; display:block; color:#e8e6e2; }

li.facebook a { background-image:url(/wp-content/uploads/2025/03/facebook-ico.png); }
li.linkedin a { background-image:url(/wp-content/uploads/2025/03/linkedin-ico.png); }
li.x a { background-image:url(/wp-content/uploads/2025/12/x-icov2.png); }

footer .location p,
footer .phone p { font-size:1.6rem; }