/* Enter Your Custom CSS Here */

/* theme color mapping: 
 * Chrome doesnt render parallax scrolling background-image or row background image with fixed attachment
 * dark blue ::		
 * orange				#ff8400, 255,132,0 to 	rgb(211, 119, 40)
 * blue					#6dd5ff, 61,199,254 to 	rgb(40, 116, 149)
 * purple				#662d91, 102,45,145 to	rgb(138, 81, 154)
 * teal :: light green	#8fca3f, 143,202,63 to 	rgb(84, 159, 147)		
 * light blue			#3cccc5, 60,204,197 to 	rgb(0, 157, 220)
 * brown				#703f30, 112,63,48 to 	rgb(129, 52, 10)
 * yellow				#ffea00, 255,234,0 to 	rgb(239, 184, 28)
 * green		
 * red			
 * light grey	
 * */

/* VERB FONT RENDERING */
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbextralight-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbextralight-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbextralight-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbextralight-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbextralight-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbextralight-italic-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;

}


@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verblight-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verblight-webfont.woff') format('woff'),
         url('/wp-content/fonts/verblight-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verblight-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verblight-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verblight-italic-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;

}

@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbregular-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbregular-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbregular-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbregular-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbregular-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbregular-italic-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbmedium-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbmedium-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbmedium-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbmedium-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbmedium-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbmedium-italic-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}


@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbsemibold-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbsemibold-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbsemibold-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbsemibold-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbsemibold-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbsemibold-italic-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbbold-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbbold-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbbold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbbold-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbbold-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbbold-italic-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;

}

@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbextrabold-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbextrabold-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbextrabold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbextrabold-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbextrabold-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbextrabold-italic-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;

}


@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbblack-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbblack-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbblack-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbblack-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbblack-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbblack-italic-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style:italic;

}

@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbultra-italic-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbultra-italic-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbultra-italic-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;

}
@font-face {
    font-family: 'verbregular';
		font-display: swap;
    src: url('/wp-content/fonts/verbultra-webfont.woff2') format('woff2'),
         url('/wp-content/fonts/verbultra-webfont.woff') format('woff'),
         url('/wp-content/fonts/verbultra-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;

}







/* fix for Chrome: 
 * Chrome doesnt render parallax scrolling background-image or row background image with fixed attachment
 * parallax scrolling background-image bug where image doesn’t render parallax scrolling background-image or row background image with fixed attachment
 * */
.webkit .themify_builder_row {backface-visibility: hidden;}



/* TYPOGRAPHY ========================================================================= */
/* fix for oldstyle chars appearing where they shouldn't be */
body {font-feature-settings: “onum” 1;
}
@supports (font-variant-numeric: oldstyle-nums) {
    body {
        font-feature-settings: normal;
        font-variant-numeric: oldstyle-nums;
    }
}

 h1, h2, h3, h4, h5, a, ol li::before {font-feature-settings: “lnum” 1;
}
@supports (font-variant-numeric: lining-nums) {
    h1, h2, h3, h4, h5, a, ol {
        font-feature-settings: normal;
        font-variant-numeric: lining-nums;
    }
}

/* declaration for tabular figures */
.useTabular {font-feature-settings: normal;
        font-variant-numeric: lining-nums;}

/* fix for bolded areas in headlines */
h1 strong, h2 strong {font-weight:bolder;}

/* ensure larger headlines and small text always look good */
h1, h2, h3, h4, small {text-rendering: optimizeLegibility;}

/* ensure page speed is valued first for all other copy/text types */
p, li {text-rendering: optimizeSpeed;}

/* fix ugly default h5  */
h5 {font-size: 100%}

/* better size differentiation */
small {font-size: 75%; line-height:80%;}

/* better feature and small blog preview titles */
h3.module-title {text-transform:uppercase;}


/* scalable headline */
h1,
.single-post.single-split-layout .post-title,
.single-team.single-split-layout .post-title {font-size: 5.5vmin;}
/* page intro headlines */
#pageIntro h1 {background:#f3f4f4;}
#pageIntro h1 span.headlineFlag {letter-spacing: .3px; text-indent: -30px; display: block; text-transform: uppercase; font-size: 50%; }
@media screen and (max-width: 780px) {
	#pageIntro h1 span.headlineFlag {text-indent:inherit;}
}

@media screen and (max-width: 680px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.6em;}
}
@media screen and (max-height: 500px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.6em;}
}

/* GENERAL LAYOUT FIXES ========================================================================= */

body, html {margin:0;}

/* fix weird top-page gap */
#headerwrap,
.transparent-header,
.transparent-header #headerwrap, .page, 
.transparent-header #pagewrap,
.gapFix {
margin-top:0px !important;
}
/* ------------------------ weird white label page gap */
.page-id-55628 div#pagewrap {margin-top: -25px !important;}

/* ------------------------ floating button*/
.buttonizer {
	transition: opacity 0.5s linear;
	transition-delay: 0.5s;
	opacity: 0;
	right: 20px;
    bottom: 20px;
}
.fixed-header-on .buttonizer {
	opacity: 1;
}

.buttonizer.buttonizer-style-rectangle .buttonizer-button .buttonizer-label {padding-right:0; text-align: right;}
.page-id-57405 .buttonizer {display: none;}/* hides on thank-you page */
.page-id-57405 h3 {padding-bottom: 40px;}/* hthank you page subheadline tweak */

/* modernize page widths beyond theme's max 1180px */
.pagewidth, .full_width .themify_builder_row .row_inner, 
.full_width .module-layout-part .themify_builder_row.fullwidth_row_container .row_inner {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
}
	.full_width .module-layout-part .themify_builder_row.fullwidth_row_container .row_inner {
    max-width: 95%;
}

/* create sharable other-height intros for pages */
.module_row.halfHeight {
    min-height: 50vh;;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.module_row.twoThirdHeight {
    min-height: 66vh;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.module_row.thirdHeight {
    min-height: 34vh;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.module_row.threeQuarterHeight {
    min-height: 75vh;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

/* add backround frame to page headlines */
.pageHeadlines {
	background-image: url(https://images.upcity.com/wp-content/uploads/2019/07/12093259/backgroundFrame-white-1.svg);
	background-position: -65% bottom;
    background-repeat: no-repeat;
	background-size: 60%;
}

/* back-to-top button */
.footer-tab, #pagewrap .back-top.back-top-float {
    background-color: rgba(255,255,255,.62);
	color: rgb(57, 64, 83);
	right: 20px;
	bottom:75px;
}

/* fixes 'center' alignment for smaller screens on tall columns with unbalenced content */
@media screen and (max-width: 1280px) {
	#apply .col_align_middle > .module_column,
	.homepageCategoryLists .col_align_middle > .module_column {
		align-items: flex-start;
    	-ms-flex-line-pack: flex-start;
    align-content: flex-start;}
}



/* fixes archive post pages' layout */
body.archive #content {max-width:800px; padding: 5.75%}
body.archive #sidebar, 
body.archive #sidebar-alt {padding-right: 5.75%;
}

/* fixes archive year pages' title */
.archive.date.paged h1.page-title:after {
    content: " Latest Posts";
    position: absolute;
    background-color: white;
}
.archive.date.paged h1.page-title::first-letter {
    font-size: 0px !important;
}

/* sidebar feature for about us section/line padding fix */
.sideColFeature h3.module-feature-title {padding-bottom:1rem;}

/* fixes layout movement on hover for accordions */
.ui.module-accordion .accordion-title {padding-bottom: 0 !important;}
.ui.module-accordion .accordion-title a:hover {border-bottom: none !important; color:black; background: rgba(57, 64, 83, .38); cursor: pointer;}

.ui.module-accordion.separate>li, 
.ui.module-accordion.separate>li:first-child {margin-bottom: 1em;}

/* fixes lprivacy accordion title layout */
.privacyAccordion.module-accordion .accordion-title i {
	margin-left: calc(50% - 150px);
}

/* fixes tab layouts */
.ui.module-tab ul.tab-nav li.current a {
    color: #333;
    cursor:default;
}
.ui.module-tab ul.tab-nav li {
	border: none;
	font-weight:600;
	padding-top: 8px;
    padding-bottom: 8px;
}
.ui.module-tab ul.tab-nav li.current {
	border: 1px solid rgb(57, 64, 83);
}
.ui.module-tab ul.tab-nav li span {
	padding-bottom:3px; 
	border-bottom:3px solid rgba(211, 119, 40, 1);
	text-transform: uppercase;
	font-weight:600;
	transition: all .3s ease-in-out;
}
.ui.module-tab ul.tab-nav li:hover span {padding-bottom:0;}
.ui.module-tab ul.tab-nav li.current span {
	border-bottom:none; 
	padding-bottom: 0;
}

/* tweaks for image overlay content  */
.module-image.image-overlay .image-content {background:rgba(57, 64, 83, .75);}

/* added to Icon Box module to fix hover state  */
.sectionJumper .module-icon-item a:hover i,
.sectionJumper .module-icon-item a:hover span {color:#efb81c; cursor: pointer;}

/* added to Icon Box module to fix text size */
.module-icon.large.sectionJumper span {letter-spacing:6px; font-size: 1.6vmin; 
}
@media screen and (max-width: 780px) {
	.module-icon.large.sectionJumper span {font-size: .65em;}
}
@media screen and (max-height: 600px) {
	.module-icon.large.sectionJumper span {font-size: .65em;}
}

/* HEADER and NAVIGATION ========================================================================= */
#main-nav .current_page_item a {border-bottom:3px solid rgb(57, 64, 83); font-weight:700;}

.teenyButton.small .ui.builder_button {padding: .5em; padding-top: calc(.5em + 3px);}

.regular-header p {margin-bottom: 0;}


/* adjusts header font size troubled resolutions  */
@media screen  
	and (min-width : 1210px) 
	and (max-width : 1385px) {
		#header {font-size: .6em;}
		#main-nav li {padding: 4px 0;}
}
/* adjusts header BG color for small laptops only  */
@media screen  
	and (min-width : 995px) 
	and (max-width : 1210px) {
		.transparent-header #headerwrap {
	    background-color: rgba(57, 64, 83, .20);
	}
}
#main-nav #menu-item-57339 {display: none;}
#main-nav #menu-item-57339>a {
    padding: .2em 1em;
    border-radius: 4px;
	background: #D37728;
	color: #fff;
}

/* changes color of active link on pages with orange splash images */
/* contact page  */
.page-id-218 #main-nav > .current-menu-item.current_page_item > a {color: #394053;}
.page-id-218 .fixed-header #main-nav > .current-menu-item.current_page_item > a {color: #EFB81C;}


.page-id-218 #main-nav-wrap #main-nav .current_page_item > a, 
.page-id-218 #main-nav .current-menu-item > a, 
.page-id-218 #main-nav > .current_page_item > a, 
.page-id-218 #main-nav > .current-menu-item > a {
    color: #efb81c;
}



/* remove drop downs but keep sub pages for mobile */
#headerwrap #main-nav>li>ul.sub-menu,
#main-nav span.child-arrow,
#main-nav .sub-arrow {display: none !important;}
.mobile_menu_active #headerwrap #main-nav>li.current-menu-item>ul.sub-menu,
.mobile_menu_active #headerwrap #main-nav>li.current-page-parent>ul.sub-menu {max-height: inherit; font-size: 1em; margin-bottom: 1rem;}

.mobile_menu_active #headerwrap #main-nav>li.current-menu-item>ul.sub-menu,
.mobile_menu_active #headerwrap #main-nav>li.current-page-parent>ul.sub-menu {display:block;}

/* mobile menu tweaks */
.mobile_menu_active #headerwrap #main-nav .current_page_item > a,
.mobile_menu_active #headerwrap #main-nav .current-menu-item > a,
.header-horizontal #main-nav .highlight-link.current_page_item > a,
.header-horizontal #main-nav .highlight-link.current-menu-item > a,
.mobile_menu_active.header-horizontal #headerwrap #main-nav .highlight-link.current_page_item > a,
.mobile_menu_active.header-horizontal #headerwrap #main-nav .highlight-link.current-menu-item > a{
	border-bottom: 3px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	padding: .6em 0 0 0;
    margin-bottom: .6em;
   background-color: transparent;
}
.mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:focus,
.mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:focus,
.mobile_menu_active #headerwrap #main-nav li a:hover, .mobile_menu_active #headerwrap #main-nav li a:focus {
	color: rgba(255, 255, 255, 1);
}

/* page sub menus */
.subMenu .ui.nav {margin-top: 0; box-shadow: none; border-radius: 0;}

#body .subMenu .ui.nav li a {
    padding-top: 6px;
	padding-bottom: 6px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    border-bottom: solid 3px rgba(40, 116, 149, .01);
}
#body .subMenu .ui.nav li a:hover {
    border-bottom: solid 3px rgba(211, 119, 40, 1);
}
.subMenu .ui.nav {
	position: absolute; 
	top:52px; 
	right:0; 
	padding-right: 15px; 
}
.subMenu .ui.nav  {
	background-color: transparent;
	border-top: 3px solid rgba(211, 119, 40, 1);
}
.subMenu .ui.nav  {
	display: none;}
.tb_sticky_scroll_active .subMenu .ui.nav  {
	display: block;
	background-color: rgb(211, 119, 40);
	top:60px;
}


/* ---------------------------------------------------------------------------------------- tweaks for individual pages sub-navs */
/* about us page */
.page-id-217 .subMenu .ui.nav>li.current-menu-item>a {background: inherit;}

.page-id-217 .subMenu .ui.nav>li a:hover {border-bottom: solid 3px rgba(211, 119, 40, 1);background: #f1f1f1;}

/* ---------------------------------------------------------------------------------------- tweaks for buttons */
.module-buttons-item:hover {opacity:.6;}/* fixes button hover */
.ui.builder_button, button,
.fixed-hubspot-styling .hs-form .hs-button {text-transform:uppercase;}
.small .ui.builder_button {padding: .85em 1em; padding-top: calc(.85em + 2px);}/* fixes weird padding on small buttons */
.ui.builder_button:focus, button:focus {
-webkit-box-shadow: 0px 10px 10px 0px rgba(57, 64, 83,.57);
   -moz-box-shadow: 0px 10px 10px 0px rgba(57, 64, 83,.57);
		box-shadow: 0px 10px 10px 0px rgba(57, 64, 83,.57);}

/* shared class to creates base styling for all custom icon buttons */
.module-buttons.customIconButton span {padding-left:30px;}
.module-buttons.customIconButton span::before {
    width: 26px;
    height: auto;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px;
}
/* classes for specific custom icons */
.module-buttons.findProButtonDark span::before {
		    content: url(https://images.upcity.com/wp-content/uploads/2019/07/16143006/find-pro-bold.svg);
}
.module-buttons.findProButtonWhite span::before {
		    content: url(/wp-content/uploads/2019/06/find-pro-bold-white.svg);
}
.module-buttons.findProButtonPurple span::before {
		    content: url(/wp-content/uploads/2019/06/find-pro-bold-purple.svg);
}
.module-buttons.findProButtonOrange span::before {
		    content: url(https://images.upcity.com/wp-content/uploads/2019/07/28120016/find-pro-bold-orange.svg);
}
.module-buttons.listServicesOrange span::before {
		    content: url(/wp-content/uploads/2019/06/list-your-services-orange.svg);
				margin-top: -6px;
}
.module-buttons.listServicesWhite span::before {
		    content: url(/wp-content/uploads/2019/06/list-your-services-white.svg);
				margin-top: -6px;
}
.module-buttons.listServicesPurple span::before {
		    content: url(/wp-content/uploads/2019/06/list-your-services-purple.svg);
				margin-top: -6px;
}
.module-buttons.listServicesYellow span::before {
		    content: url(https://images.upcity.com/wp-content/uploads/2019/07/28131213/list-your-services-yellow.svg);
				margin-top: -6px;
}
.module-buttons.listServicesDark span::before {
		    content: url(https://images.upcity.com/wp-content/uploads/2019/07/28131452/list-your-services-dark.svg);
				margin-top: -6px;
}
.module-buttons.browseButtonWhite span::before {
		    content: url(/wp-content/uploads/2019/06/browse-lists-bold-white.svg);
	margin-left: -35px;
	margin-top: -5px;
}
.module-buttons.browseButtonOrange span::before {
		    content: url(/wp-content/uploads/2019/06/browse-lists-bold-orange.svg);
	margin-left: -35px;
	margin-top: -5px;
}
.module-buttons.cupcityDarkYellow span::before {
		    content: url(https://images.upcity.com/wp-content/uploads/2019/07/29093709/UpCity-Outline-Pins-Digital-Dark-Yellow.svg);
	margin-left: -35px;
	margin-top: -5px;
}
.module-buttons.upcityDarkTransparent span::before {
		    content: url(https://images.upcity.com/wp-content/uploads/2019/07/29094551/UpCity-Outline-Pins-Digital-Dark-knockout.svg);
	margin-left: -35px;
	margin-top: -5px;
}
.module_column .module-buttons.transparent a {
    border:none;
}

/* -------------------------------------------------------------------------------------- fix for blue intro boxes on top-level pages */
/* tweaks for the feature box list of lists and others */
.listLists .module-feature-chart-html5 {width: 50px;}
.smallFeature .module-feature-chart-html5 {width: 30px;}

/* fix icon sizes for the list by categories on homepage and blue intor boxes */
.homepageCategoryLists .module-feature.layout-icon-left .module-feature-image,
.blueIntroCategoryLists .module-feature.layout-icon-left .module-feature-image {max-width: 65px;}
.homepageCategoryLists ul,
.blueIntroCategoryLists ul{margin-top:1em; font-size:.9em; line-height: 160%; padding-right:3%;}

/* fix image icon size and border */
.homepageCategoryLists .module-feature.with-chart .module-feature-image .module-feature-chart-html5 img,
.blueIntroCategoryLists  .module-feature.with-chart .module-feature-image .module-feature-chart-html5 img{
   width: 30px;
	border-radius:initial;
}

/* fix image icon size and border for teeny features */
.smallFeature.module-feature.with-chart .module-feature-image .module-feature-chart-html5 img {
   width: 25px;
	border-radius:initial;
}

/* fix for font weight on links */
.blogCategoryLists .post-title a {font-weight:500;}

/* fix for sub nav display spacing and text size */
.blueIntroCategoryLists .module-feature-chart-html5 {margin:0;}
.blueIntroCategoryLists .module-feature-content h3 {margin:0;}
#body .blueIntroCategoryLists p a {color:rgba(255,255,255,.62); font-weight: normal;}
#body .blueIntroCategoryLists p a:hover {color:#efb81c;}

/* -------------------------------------------- tweaks for homepage only via ".page-id-311" */

.homepageCategoryLists .twoColList ul {margin-top:0;}

.scriptTest {font-family:Indie+Flower;}


#ucLogotype {position:absolute; bottom:0;}

/* fix for 2 col list on mobile */
@media screen and (max-width: 580px) {
	.themify_builder_content-311 .tb_0myj660.module-text,
	.module.module-text.twoColList {/* home pg */
    column-count: 1 !important;
	}
	.homepageCertifiedAd p:first-child {text-align: center;}
	.homepageCertifiedAd img {float:none !important; width: 80% !important; padding-top: 35px;}
}
@media screen and (max-width: 1024px) {
	.themify_builder_content-59173 .tb_v154872.module-text,
	.themify_builder_content-311 .tb_agck325.module-text,
	.themify_builder_content-311 .tb_fjtb883.module-text,
	.module.module-text.twoColList {/* excellence AND home pg */
    column-count: 1 !important;
	}
}
@media screen and (max-width: 1175px) and (min-width: 783px) {/* home pg */
	.themify_builder_content-311 .tb_0myj660.module-text,
	.module.module-text.twoColList {
    	column-count: 1 !important;
		}
	.homepageCertifiedAd p:first-child {text-align: center;}
	.homepageCertifiedAd img {float:none !important; width: 80% !important;}
}


.page-id-311 .header-on-scroll .header-bar {display:inline-block;}


/* footer legibility and spacing fixes */
.footer-widgets {
    margin-bottom: 3em;
}
#footer {padding-right: 0;}/* fixes theme gap due to removing footer map */

.footer-widgets .col4-1.first .textwidget {max-width:550px;}
.footer-widgets,
.footer-widgets .themify-social-links {margin-top: 3em;}
@media screen and (max-width: 580px) {
	#footer div.col4-1 {width:100%;}

}

/* ------------------------- fix for "auto tiles" and overlay post modules not displaying correctly */
.loops-wrapper.overlay .post-image+.post-content, .loops-wrapper.polaroid .post-image+.post-content {
    background-color: transparent;
    top: auto;
    padding: 15%;
}

.tile_enable .auto_tiles .post {background-color: transparent;}
.auto_tiles figure {z-index: -1 !important;}

.loops-wrapper.overlay .post-image+.post-content h2 a,
.tile_enable .auto_tiles .post a {
	border-bottom-color: rgba(255,255,255,.6);
}
.tile_enable .auto_tiles .post a:hover,
.loops-wrapper.overlay .post-image+.post-content h2 a:hover {
	border-bottom-color: rgba(239,184,28,1);
}

/* -------------------------------------------------- tweaks for product pages */
#marketplaceFeatures {max-width:1600px; margin:0 auto;}

.mainAdImage {min-height: 20vh;}

/* feature tables */

.productsFeatures .tablepress tfoot th, 
.productsFeatures .tablepress thead th {background-color: rgba(138, 81, 154, 1); color:white;}

.productsFeatures .tablepress tfoot th.column-4, 
.productsFeatures .tablepress thead th.column-4 {background-color: rgba(138, 81, 154, .7);}

.productsFeatures .tablepress thead th {padding-top:2em; padding-bottom:2em;}
.productsFeatures .tablepress thead th.column-4 {padding-top:2em; padding-bottom:2em;}


.productsFeatures .tablepress th.column-1,
.productsFeatures .tablepress th.column-2,
.productsFeatures .tablepress th.column-3 {border-top:10px solid white;}
.productsFeatures .tablepress th.column-4 {border-top:10px solid rgba(138, 81, 154, .7);}

.productsFeatures .tablepress td.column-4 {background-color: #f3f4f4;}


.productsFeatures .tablepress .column-2,
.productsFeatures .tablepress.fixedHeader-floating .column-2,
.productsFeatures .tablepress .column-3,
.productsFeatures .tablepress.fixedHeader-floating .column-3,
.productsFeatures .tablepress .column-4,
.productsFeatures .tablepress.fixedHeader-floating .column-4 {text-align:center; width:12%;}

.productsFeatures .tablepress .column-1,
.productsFeatures .tablepress.fixedHeader-floating .column-1 {width:64%;}
.productsFeatures .tablepress img {max-width:40px; height: auto;}



.productPageFeatures {padding-left: calc(60px + 10%);}





/* feature pricing boxes */
.productFeatureTable .module-pricing-table {
	margin-top: 0 !important;
}
.productFeatureTable .module-pricing-table-header, 
.stickyProductFeatureTable .module-pricing-table-content {
	display: none;
}
.stickyProductFeatureTable .module-pricing-table {
	margin-bottom:0 !important;
}
/* fixes animation */
.fixPricingAnimation .module-pricing-table .module-pricing-table-pop {    
	animation: animate_popular_text 1s ease-out 2;
}
@media screen and (max-width: 680px) {
	.productFeatureTable .module-pricing-table-header {display: block;}
}
/* -------------------------------------------------------------------------------------- tweaks for blog & team pages */
/* hides unused uncatagorized option from lists  */
select#cat option[value="1"] {display:none;}

/* override author box purposeful poor styling  */
.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab {
	background-color: #ffffff;
	border-top: 1px solid #f3f4f4;
	border-right: 1px solid #f3f4f4;
	border-left: 1px solid #f3f4f4;
	border-bottom: 8px solid #ffffff;
}
.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab.molongui-author-box-tab-active {
	border-top:none;
	border-right: none;
	border-left: none;
	border-bottom: 8px solid #D37728;
	background: #f3f4f4;
}
.molongui-author-box .molongui-author-box-tabs nav label span, .molongui-author-box .molongui-author-box-tabs nav label:before {
	opacity: 1;
}

.molongui-author-box .molongui-author-box-tabs nav label {
    font-weight: 400;
}
.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab-active {
    font-weight: 600; 
}

.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab span {border-bottom: 2px solid #D37728; padding-bottom: 3px;transition: padding .3s ease-in-out;}
.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab:hover span {border-bottom: 2px solid #287495;padding-bottom: 0; color: #287495;}

.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab.molongui-author-box-tab-active span {border-bottom: none; padding-bottom: 3px; color:#394053;}
.molongui-author-box .molongui-author-box-tabs nav label.molongui-author-box-tab.molongui-author-box-tab-active:hover span {border-bottom: none; padding-bottom: 3px;color:#394053;}

/* clears theme's default arrow  */
.more-link:after {
    content:none;
}
/* fixes all post image filters to correct brand color  */
.single.single-split-layout .featured-area:before {background-color: rgba(57,64,83,0.3);}

/* clears filter color over team  */
.single.single-team.single-split-layout .featured-area:before {background-color: transparent;}

/* hide unneeded content from team articles  */
.single.single-team .post-date-wrap,
.single.single-team .post-author {display:none;}

/* fix blog and team pages main nav  */
.archive #headerwrap,
.single.single-post #headerwrap,
.single.single-team #headerwrap {
    background-color: rgba(255,255,255,.65);
}
.archive #headerwrap a,
.single.single-post #headerwrap a,
.single.single-team #headerwrap a,
.single.single-post #main-nav > li > a, 
.single.single-team #main-nav > li > a, 
.single.single-post #headerwrap .header-icons a,
.single.single-team #headerwrap .header-icons a{
    color: rgba(57, 64, 83, 1);
}

.archive #headerwrap a:hover,
.single.single-post #headerwrap a:hover,
.single.single-team #headerwrap a:hover,
.archive  #main-nav > li > a:hover, 
.single.single-post #main-nav > li > a:hover, 
.single.single-team #main-nav > li > a:hover, 
.archive  #headerwrap .header-icons a:hover,
.single.single-post #headerwrap .header-icons a:hover,
.single.single-team #headerwrap .header-icons a:hover{
    color: rgba(57, 64, 83, .57) !important;
}
/* fix sticky nav */
.archive .fixed-header #headerwrap a:hover,
.single.single-post .fixed-header #headerwrap a:hover,
.single.single-team .fixed-header #headerwrap a:hover,
.archive .fixed-header #main-nav > li > a:hover, 
.single.single-post .fixed-header #main-nav > li > a:hover, 
.single.single-team .fixed-header #main-nav > li > a:hover, 
.archive .fixed-header #headerwrap .header-icons a:hover,
.single.single-post .fixed-header #headerwrap .header-icons a:hover,
.single.single-team .fixed-header #headerwrap .header-icons a:hover {
    color: rgba(243, 244, 244, .6) !important;
}

.archive .fixed-header #headerwrap a,
.single.single-post .fixed-header #headerwrap a,
.single.single-team .fixed-header #headerwrap a,
.archive .fixed-header #main-nav > li > a, 
.single.single-post .fixed-header #main-nav > li > a, 
.single.single-team .fixed-header #main-nav > li > a, 
.archive .fixed-header #headerwrap .header-icons a,
.single.single-post .fixed-header #headerwrap .header-icons a,
.single.single-team .fixed-header #headerwrap .header-icons a {
    color: rgba(243, 244, 244, 1);
}

/* blog active link */
.archive #main-nav > #menu-item-1132 > a,
.single.single-post #main-nav > #menu-item-1132 > a,
.single.single-team #main-nav > #menu-item-1132 > a {
	background-color:  rgba(57, 64, 83,0.2);
	border-bottom: 3px solid rgb(57, 64, 83);
    font-weight: 700;
}
.archive #main-nav > #menu-item-1132 > a,
.single.single-post .fixed-header #main-nav > #menu-item-1132 > a, 
.single.single-team .fixed-header #main-nav > #menu-item-1132 > a {
	color: #efb81c;
	background-color: rgba(255,255,255,0.15);
}



/* ----------------------------------- featured teammate */
#featured-teammate,
#featured-teammate h3 {color: #f3f4f4 !important; margin-top: 0;}
#featured-teammate .post-title {text-align: center; padding-bottom: 3%;}
#featured-teammate .post-title::before {
	content: 'Featured Teammate: ';
}
#featured-teammate .loops-wrapper.list-large-image .post-image {
    max-width: 40%;
}
#featured-teammate .post-image::before {
  position: absolute;
  bottom: -5%;
  right: -10%;
  width: 100%;  
  height: 100%;
  border: 4px solid #D37728;
  content: '';
}
#featured-teammate .entry-content {float: right; max-width: 45%;}
#featured-teammate .module-text {padding-top: 0;}
#featured-teammate .module.module-feature .module-feature-image {display: none;}

@media screen and (max-width: 768px) {
	#featured-teammate .loops-wrapper.list-large-image .post-image,
	#featured-teammate .entry-content {clear: both; max-width: 90%;}
	#featured-teammate .post-image::before {border: none;}
	#featured-teammate {background-color: #394053;}
	
}

/* ----------------------------------- team page grid */
.mainTeamGrid .loops-wrapper.grid3 .post-title {
	font-size: 1.75vw;
	position: absolute;
    top: 55%;
    left: 15%;
    z-index: 5;
	text-shadow: 0 0 5px #522100;
}
	@media screen and (min-width: 1500px) {
		.mainTeamGrid .loops-wrapper.grid3 .post-title {
			font-size: 1.5em;
		}

	}
	@media screen and (max-width: 1200px) {
		.mainTeamGrid .loops-wrapper.grid3 .post-title {
    	top: 48%;
		}

	}
	@media screen and (max-width: 1000px) {
		.mainTeamGrid .loops-wrapper.grid3 .post-title {
    	top: 45%;
		}

	}
	@media screen and (min-width: 681px) and (max-width: 800px) {
		.mainTeamGrid .loops-wrapper.grid3 .post-title {
    	top: 35%;
		}

	}
	@media screen and (max-width: 680px) {
		.mainTeamGrid .loops-wrapper.grid3 .post-title {
    	top: 60%;
		font-size: 4.5vw;
		}

	}
	


.mainTeamGrid .entry-content p {margin-bottom: .5em; font-style: italic; font-weight: 600;}
.mainTeamGrid .entry-content p a {margin-bottom: 2em; font-style: normal; font-weight: 400; }

/* fix for blog grid/carosel displays */
.blogHomeGridA .loops-wrapper.overlay .post-image+.post-content, 
.blogHomeGridA .loops-wrapper.polaroid .post-image+.post-content {
    background-color: #394053;
    background-color: rgba(57,64,83,.7);
    color: #fff;
    top: auto;
    bottom: 0;
    overflow: hidden;
    height: 45%;
}
.blogHomeGridA .loops-wrapper.overlay .post:hover .post-content, 
.blogHomeGridA .loops-wrapper.polaroid .post:hover .post-content {top:auto !important;bottom: 20px;}

.blogHomeGridA .loops-wrapper.overlay .post-image+.post-content .post-content-inner {
	color: rgba(57,64,83,1);
    width: 90%;
	padding-left:5%;
    top: 50%;
    left: 0;
}
@media screen and (max-width: 680px) {
	.themify_builder_row.blogHomeGridA {
    margin-top: -50% !important;
	}
}
@media screen and (max-width: 995px) {
	.themify_builder_row.blogHomeGridA {
    margin-top: -30% !important;
	}
}


/* fix content boxes display when posts are showing content */
.postGroupWithContent h2 {font-size:1.5em;}


/* fix featured article on blog home page */
#pageIntro .list-post .post-meta:after {
	  background:none;
    height: 0;
    margin: 0;
}
#pageIntro article {border:none; margin:0; padding:1.4em 0;}
#pageIntro .module-title {font-size: 100%;
	  letter-spacing: .05em;
    line-height: 1.6em;
    text-transform: uppercase;
	font-weight:bold;
}

/* fix for date alignment in article lists box */
.loops-wrapper.list-post .post-date-inline .post-date  {text-align:left;}

/* fix for title box */
.single.single-split-layout .featured-area {
    background-color: rgba(57, 64, 83, 1);}

/* footer on split-view article pages */
.single-post.single-split-layout .footer-widgets .col4-1,
.single-team.single-split-layout .footer-widgets .col4-1 {width: 48.4%;}

.single-post.single-split-layout .footer-widgets .col4-1:nth-child(2n+1),
.single-team.single-split-layout .footer-widgets .col4-1:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
}

@media screen  
	and (min-width : 900px) 
	and (max-width : 1080px) {
		.single-post.single-split-layout .footer-widgets .col4-1  {
    		width: 100% !important;
	}
}

/* fixes line heights in title boxes and resets spacing */
.single-post.single-split-layout .post-meta a {line-height: inherit;}

/* intro paragraphs */
.blogIntroduction {margin: 7rem 0; padding-left:1.6rem; padding-bottom:0; border-left:4px solid rgba(211, 119, 40, 1); font-size:140%; line-height:150%; color:rgba(211, 119, 40, 1); font-weight:300;}
.blogIntroduction p {margin: 0;}

/* intro paragraphs-third party blog posts  */
.third-party p:first-child {margin-top: 10rem;}
.third-party p:first-child::first-line {font-size:130%; line-height:150%; color:rgba(211, 119, 40, 1); font-weight:300;text-indent:-1rem;}

.single-post.single-split-layout .post-title,
.single-team.single-split-layout .post-title{line-height:120%; color:#fff;}/* fixes color and size to be responsive  */
.single-post.single-split-layout h2, 
.single-team.single-split-layout h2, 
.single-post.single-split-layout h3,
.single-team.single-split-layout h3{margin-top:2em;}/* better legibility  */

/* "remove" hard coded slashes and commas */
.single-post.single-split-layout .featured-area .post-tag, 
.single-team.single-split-layout .featured-area .post-tag, 
.single-team.single-split-layout .featured-area .post-author,
.archive .post-tag {
	color:rgba(255,255,255,.01);
}

/* adds color back for relevant content */
.single-post.single-split-layout .featured-area .post-tag a, 
.single-team.single-split-layout .featured-area .post-tag a, 
.single-post.single-split-layout .featured-area .post-author a,
.single-team.single-split-layout .featured-area .post-author a{color:rgba(255,255,255,1);}
.archive .post-meta a {color:rgba(57, 64, 83,.75)}
.archive .post-meta a:hover {color: #287495; border-bottom-color: #287495;}


/* adds descriptor text */
.single-post.single-split-layout .featured-area .post-author a::before,
.single-team.single-split-layout .featured-area .post-author a::before{content: "by: "; font-style:italic; font-weight:normal;}
.single-post.single-split-layout .featured-area .post-category::before,
.single-team.single-split-layout .featured-area .post-category::before {content: "found in: "; font-style:italic; font-weight:normal;}
.single-post.single-split-layout .featured-area .post-category::after,
.single-team.single-split-layout .featured-area .post-category::after,
.archive .post-tag::after {content: none;}
.archive .post-tag::before {content: "tags: "; margin-right:1em; font-size:.5em; line-height:.5em; text-transform:uppercase; font-style:italic; font-weight:normal; color:#2e343b;}


/* style tags like common tags */
.single-post.single-split-layout .featured-area .post-tag,
.single-team.single-split-layout .featured-area .post-tag{display:block;} /* force tags to a second line on post pages only */
.single-post.single-split-layout .featured-area .post-tag a,
.single-team.single-split-layout .featured-area .post-tag a,
.related-posts .post-category a,
.post-tag a {font-size:.65em; line-height:.5em; margin:0 1em; text-transform:uppercase;}
.post-tag a:hover {border-bottom: 3px solid #394053;}
.single-post.single-split-layout p.post-meta .post-tag a,
.single-team.single-split-layout p.post-meta .post-tag a,
.single-post.single-split-layout p.post-meta .post-category a,
.single-team.single-split-layout p.post-meta .post-category a{color: #f3f4f4;border-bottom: 0;}

.single-post.single-split-layout .post-tag a:hover,
.single-team.single-split-layout .post-tag a:hover{border-bottom: 3px solid #f3f4f4;}

.postAuthor {font-size:80%; line-height:140%;}
.postAuthor .module-title {position:absolute; top:-2.2rem; margin-left: calc(150px + 1.1em); font-size:120%;}

/* related posts fixes */
.related-posts .post-title {font-size:.9em !important; margin-top:0 !important;}
.list-post .related-posts .post {width:45%; margin-bottom:6%; min-height: 350px; height: 350px; max-height: 350px;overflow: hidden;}
.related-posts .post-image {overflow:hidden;position: absolute;z-index: -1;}
.related-posts .post-content {z-index: 10; padding: 15px;}
.related-posts .post-image:before,
.builder-posts-wrap.overlay .post-image:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    bottom: 0;
    left: 0;
}


.list-post .related-posts .post:nth-of-type(3n+1) {
    margin-left: 2%;
    clear: none;
}
.list-post .related-posts .post:nth-of-type(2n+1) {
    margin-left: 0;
    clear: left;
}


.related-posts .post-title a {line-height:160%; color: #f3f4f4;}
.related-posts .post-title a:hover {color: #EFB81C;}

@media screen and (max-width: 1150px) {
	.related-posts .post-title {font-size:1.2em !important;}
	.list-post .related-posts .post {width:90%; margin-bottom:6%; min-height: 180px; height: 1800px; max-height: 200px; overflow: hidden;}
	.list-post .related-posts .post:nth-of-type(1n+1),
	.list-post .related-posts .post:nth-of-type(2n+1), 
	.list-post .related-posts .post:nth-of-type(3n+1) {
    margin-left: 0;
	}
}
@media screen and (max-width: 1300px) {
	.related-posts .post-title {font-size:.8em !important;
	}
}
@media screen and (min-width: 1600px) {
	.list-post .related-posts .post {min-height: 250px; height: 250px; max-height: 250px;
	}
}
/* flip layout before theme mobile breakpoint for better readability */
@media screen and (max-width: 900px) {
	.single.single-split-layout .featured-area,
	.single.single-split-layout #footerwrap,
	.single.single-split-layout #layout,
	.single.single-split-layout .post-nav {
		position: relative;
		width: 100%;
		float: none;
	}
	.single.single-split-layout .featured-area .post-image {
		margin-bottom: 0;
		height: 50vh;
	}
	.single.single-split-layout .related-posts .post-image img,
	.single.single-split-layout .featured-area .post-image img {
		height: 100%;
		min-height: 0;
		object-fit: cover;
	}
	.blogIntroduction {margin: 5rem 0; }
}
@media screen and (max-width: 700px) {
	.single.single-split-layout .featured-area .post-image {
		height: 60vh;
	}
}
@media screen and (max-width: 580px) {
	.single.single-split-layout .featured-area .post-image {
		height: 50vh;
	}
}



/* -------------------------------------- tweaks for link colors based on background fills */
/* orange backgrounds */
.solidOrangeFill {background-color: rgba(211,119,40,1);}
	.solidOrangeFill .module-text a,
	.solidOrangeFill .post-content a,
	#body .solidOrangeFill p a, 
	.solidOrangeFill a.more-link,
	#body .solidOrangeFill li a {color: white; border-color:black;}

	.solidOrangeFill .post-content a:hover,
	#body .solidOrangeFill p a:hover,
	.solidOrangeFill a.more-link:hover,
	#body .solidOrangeFill li a:hover {padding-bottom:0;border-color: rgb(40, 116, 149);}

/* teal and blue backgrounds */
.solidTealFill {background-color: rgba(84, 159, 147,1);}
.solidBlueFill {background-color: rgba(40,116,149,1);}

	.solidTealFill .post-content a,
	.solidTealFill .module-text a,
	#body .solidTealFill p a, 
	#body .solidTealFill li a,
	.solidBlueFill .module-text a,
	.solidBlueFill .post-content a
	#body .solidBlueFill p a, 
	#body .solidBlueFill li a{color: white; border-color:black;}
	
	.solidDarkFill .post-content a,
	.solidDarkFill .module-text a,
	#body .solidDarkFill p a, 
	.solidDarkFill a.more-link,
	#body .solidDarkFill li a{color: white; border-color:rgb(211, 119, 40);}
	
	.solidDarkFill .post-content a:hover,
	.solidTealFill .post-content a:hover,
	#body .solidDarkFill p a:hover,
	#body .solidDarkFill li a:hover,
	#body .solidTealFill p a:hover,
	#body .solidTealFill li a:hover,
	.solidTealFill a.more-link:hover,
	#body .solidBlueFill p a:hover,
	.solidDarkFill a.more-link:hover,
	#body .solidBlueFill li a:hover{padding-bottom:0;border-color: rgba(239, 184, 28, 1);}

/* purple backgrounds */
.solidPurpleFill {background-color: rgba(138, 81, 154, 1);}
	.solidPurpleFill .module-text a,
	.solidPurpleFill .post-content a,
	#body .solidPurpleFill p a, 
	.solidPurpleFill a.more-link,
	#body .solidPurpleFill li a {color: #f3f4f4; border-color:rgb(239, 184, 28);}

	.solidPurpleFill .post-content a:hover,
	#body .solidPurpleFill p a:hover,
	.solidPurpleFill a.more-link:hover,
	#body .solidPurpleFill li a:hover {padding-bottom:0;border-color: #f3f4f4;}




/* --------------------------------------------------------------------------------------------------- animated forms */
/* hide awful floating recaptcha box */
.grecaptcha-badge{display:none;}

/* fix WP contact form layout */

@media screen and (max-width: 1150px) {
	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-one-half, 
	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-three-sixths, 
	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
		width: 100%;
	}

	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-one-half, 
	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-one-third,  
	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-two-fourths, 
	.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
    	margin-top: 1em;
		margin-left: 0;
	}
	
	
}

.blog-signup-form fieldset.form-columns-2 {display: none;}


/* fix hubspot layouts */

.fixed-hubspot-styling .hs-form-field,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-1 div,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-1 .hs-input,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-2 div,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-2 .hs-input,
.fixed-hubspot-styling .hs-form .hs-input {
	margin-right: 0;
	margin-bottom: .75rem;
	padding-right: 0;
	float: none;
    width: 95% !important;
}
.fixed-hubspot-styling .hs-form-field,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-1 div,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-1 .hs-input,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-2 div,
.fixed-hubspot-styling .hs-form.stacked.hs-custom-style fieldset.form-columns-2 .hs-input,
.fixed-hubspot-styling .hs-form .hs-input {
	margin-bottom: 1rem;
}
.fixed-hubspot-styling .hs-form .hs-form.stacked.hs-custom-style fieldset .hs-input {
	width:100% !important;
}
input#website-a55368d9-a4c5-4d35-bf1f-682eaddff912 {max-width: 95% !important;}


/* fix hubspot blog optin required callout */

.blog-signup-form.fixed-hubspot-styling .hs-form-required {
	font-size:10px;
	font-weight: 600;
    color: rgba(255,255,255,.62);
}
.blog-signup-form.fixed-hubspot-styling .hs-form-required:after {
	color: rgba(255,255,255,.62);
    content: " —REQUIRED";
	position: absolute;
}
.blog-signup-form.fixed-hubspot-styling .hs-form-required::first-letter {
    font-size: 0px !important;
}

/* fix hubspot blog optin  to inline form */
.blog-signup-form.fixed-hubspot-styling .hs-form-field {
	margin-right:0;
	float:left;
	width:70% !important;
	max-width: 550px !important;
}
.blog-signup-form.fixed-hubspot-styling .hs_submit.hs-submit {
	margin-top:.9em;
	float:right;
	width:25%;
}
.blog-signup-form.fixed-hubspot-styling .actions,
.blog-signup-form .hs-form-d224b609-cafc-42ee-9771-90ac5e71adab_41212a40-2fd6-4c7e-80ef-f3a076e420aa.stacked .actions{
    background: transparent;
    margin: 0 !important;
    padding: 0 !important;
}
.blog-signup-form.fixed-hubspot-styling .actions input {
	min-width: 140px; 
	float: left;
}
	@media screen and (max-width: 880px) {
		.blog-signup-form.fixed-hubspot-styling .hs-form-field,
		.blog-signup-form.fixed-hubspot-styling .hs_submit.hs-submit {
			width:100% !important;
		}
		.blog-signup-form.fixed-hubspot-styling .hs_submit.hs-submit {
			margin-top: 0;
		}
		.blog-signup-form.fixed-hubspot-styling .actions input {
			float: right;
		}
	}
	

.fixed-hubspot-styling .hs-form .hs-form-field label,
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-family: inherit;
    font-size: .9em;
	color: #394053;
	font-weight: 500;
}
	.fixed-hubspot-styling .hs-form .hs-form-field label {margin-left: 3%;}
	.fixed-hubspot-styling.marketplace-form .hs-form .hs-form-field label {
	margin-left: 1%;
}
.fixed-hubspot-styling .hs-form .hs-form-field label span {color: #394053;}
.blog-signup-form.fixed-hubspot-styling .hs-form .hs-form-field label span {
    color: #f3f4f4;
}

.fixed-hubspot-styling .hs-form label span.hs-form-required,
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #BC3E31;
}
	.fixed-hubspot-styling .hs-form .hs-form-field label.hs-error-msg,
	.interactiveForm div.wpforms-container-full .wpforms-form label.wpforms-error {
		font-style: italic;
		font-weight: 500;
    	font-size: .75em;
		line-height: 150%;
		color: #BC3E31;
	}
.fixed-hubspot-styling .hs-form .hs-form-field label:not(.hs-error-msg) {
    color: inherit;
}
.fixed-hubspot-styling .hs-form ul {
    position:absolute;
	margin-top: -.8rem;
	width: 74%;
}
.fixed-hubspot-styling.agency-software-form .hs-form ul {
	margin-top: -1.4rem;
}
.fixed-hubspot-styling .hs-form ul li {
    margin-bottom:0;
}
.fixed-hubspot-styling .hs-form input.hs-input, 
.fixed-hubspot-styling .hs-form textarea.hs-input, 
.fixed-hubspot-styling .hs-form select.hs-input,

.interactiveForm div.wpforms-container-full .wpforms-form input[type=email], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=number], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=password], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=tel], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=text], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=url], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=week],
.interactiveForm div.wpforms-container-full .wpforms-form textarea{
    height: auto;
    padding: inherit;
    font-family:inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color:#394053;
    border: 1px solid #287495;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
	padding-left: 15px;
	background: #ffffff;
}

.fixed-hubspot-styling .hs-form .hs-button, 
.fixed-hubspot-styling .hs-form .hs-button:focus, 
.fixed-hubspot-styling .hs-form .hs-button:active, 
.fixed-hubspot-styling .hs-form .hs-button:active:not(.inactive):not(.link),

.interactiveForm div.wpforms-container-full .wpforms-form button[type=submit] {
    background: #D37728;
    border-color: rgba(211, 119, 40, .7);
    color: #ffffff;
    font-size: inherit;
	font-weight: 600;
    font-family: inherit;
	text-transform: uppercase;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 5px;
    width: auto;
    min-height: 44px;
    float: right;
	margin-right: 8%;
	opacity: 1;
}
.fixed-hubspot-styling .hs-form .hs-button:hover:not(.inactive), 
.fixed-hubspot-styling .hs-form input.hs-button:hover,
.interactiveForm div.wpforms-container-full .wpforms-form button[type=submit]:hover{
	cursor: pointer; 
	background-color: rgba(211, 119, 40,.6); 
	border-color: 1px solid rgba(211, 119, 40,.6);
font-family: inherit;
font-weight: 600;
box-shadow: none;
}

.interactiveForm div.wpforms-container-full .wpforms-form button[type=submit]:disabled,
.interactiveForm div.wpforms-container-full .wpforms-form button[type=submit]:disabled:hover {color:rgba(57, 64, 83, .75); background-color: #f3f4f4; border-color:rgba(57, 64, 83, .75); cursor:progress; opacity: 1 !important;}

.fixed-hubspot-styling .hs-form fieldset select,
.fixed-hubspot-styling .hs-form fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]), 
.fixed-hubspot-styling .hs-form>div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),

.interactiveForm div.wpforms-container-full .wpforms-form input[type=email], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=number], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=password], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=tel], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=text], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=url], 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=week] {
    min-height: 44px;
}




.interactiveForm,
.fixed-hubspot-styling form.hs-form,
.fixed-hubspot-styling .hbspt-form {
	width:90%;
	max-width: 40rem;
	margin:0 auto !important;
}
	.blog-signup-form.fixed-hubspot-styling form.hs-form,
	.blog-signup-form.fixed-hubspot-styling .hbspt-form {
		width:100%;
		max-width: 100%;
		}	

.fixed-hubspot-styling form.hs-form {
    padding-left: 10%;
}
	.blog-signup-form.fixed-hubspot-styling form.hs-form {
		padding-left: 0;
	}

.interactiveForm fieldset {
      padding: 1.5rem;
    }
.interactiveForm input, .interactiveForm select, .interactiveForm textarea,
.fixed-hubspot-styling .hs-form input,
.fixed-hubspot-styling .hs-form select,
.fixed-hubspot-styling .hs-form textarea{
      width: 100%;
      margin-bottom: 1rem;
	color:#394053;
	font-weight: normal;
    }
.interactiveForm textarea,
.fixed-hubspot-styling .hs-form textarea{
      resize: vertical;
	    min-height: 2em;
	height: 200px;
    }
.interactiveForm a {
      display: block;
      padding: 10px;
      position: absolute;
      z-index: -1;
      top: 1rem;
      left: 100%;
      margin-left: -65px;
      transition: all .2s;
    }
.interactiveForm a:hover {
      margin-left: 0;
    }
.interactiveLabel input:hover, .interactiveLabel select:hover, .interactiveLabel textarea:hover,
.fixed-hubspot-styling .hs-form input:hover,
.fixed-hubspot-styling .hs-form select:hover,
.fixed-hubspot-styling .hs-form textarea:hover,

.interactiveForm div.wpforms-container-full .wpforms-form input[type=email]:hover, 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=number]:hover, 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=password]:hover, 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=tel]:hover, 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=text]:hover, 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=url]:hover, 
.interactiveForm div.wpforms-container-full .wpforms-form input[type=week]:hover,
.interactiveForm div.wpforms-container-full .wpforms-form textarea:hover {
	cursor: pointer; 
	border: 1px solid #D37728;
}
label.interactiveLabel:after {
    pointer-events:none; /* let the click pass trough if clicked */
}
.homepageSearch .interactiveLabel select,
.fixed-hubspot-styling .hs-form select,
.fixed-hubspot-styling .hs-form select:valid {
	background-color: #ffffff;
}
.homepageSearch h4 {
	color: rgba(255,255,255,.62);
}
.directions {
	display: none;
	color: rgba(57, 64, 83, .7);
	font-size: .9em;
	font-style: italic;
	text-align: left;
}
    .input-group {
      display: table;
      width: 100%;
    }
    .input-group > * {
      display: table-cell;
      width: 100%;
    }
	  
	  
	  
.interactiveLabel {
  display: block;
  position: relative;
	margin-bottom: 1rem;
}
.interactiveLabel label, 
.interactiveLabel > span,
.interactiveLabel select:focus + *,
.interactiveLabel select:valid + *,
.interactiveLabel select:valid:not(:focus) + *,
.fixed-hubspot-styling .hs-form select:focus + *,
.fixed-hubspot-styling .hs-form select:valid + *,
.fixed-hubspot-styling .hs-form select:valid:not(:focus) + *{
  position: absolute;
  left: 1.25em;
  top: 0;
  cursor: text;
  font-size: 80%;
  opacity: 1;
	color:#287495;
	font-weight: 700;
	text-transform: uppercase;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.interactiveLabel select,
.fixed-hubspot-styling .hs-form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.interactiveLabel input, .interactiveLabel select, .interactiveLabel textarea,
.fixed-hubspot-styling .hs-form input,
.fixed-hubspot-styling .hs-form select,
.fixed-hubspot-styling .hs-form textarea {
  font-size: 1.2em;
  padding-top: 1em;
  margin-bottom: 2px;
 
}
.interactiveLabel input::-webkit-input-placeholder, .interactiveLabel select::-webkit-input-placeholder, .interactiveLabel textarea::-webkit-input-placeholder,
.fixed-hubspot-styling .hs-form input::-webkit-input-placeholder,
.fixed-hubspot-styling .hs-form select::-webkit-input-placeholder,
.fixed-hubspot-styling .hs-form textarea::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.interactiveLabel input::-moz-placeholder, .interactiveLabel select::-moz-placeholder, .interactiveLabel textarea::-moz-placeholder,
.fixed-hubspot-styling .hs-form input::-moz-input-placeholder,
.fixed-hubspot-styling .hs-form select::-moz-input-placeholder,
.fixed-hubspot-styling .hs-form textarea::-moz-placeholder {
  opacity: 1;
  transition: all .2s;
}
.interactiveLabel input:-ms-input-placeholder, .interactiveLabel select:-ms-input-placeholder, .interactiveLabel textarea:-ms-input-placeholder,
.fixed-hubspot-styling .hs-form input::-ms-input-placeholder,
.fixed-hubspot-styling .hs-form select::-ms-input-placeholder,
.fixed-hubspot-styling .hs-form textarea::-ms-placeholder {
  opacity: 1;
  transition: all .2s;
}
.interactiveLabel input::placeholder, .interactiveLabel select::placeholder, .interactiveLabel textarea::placeholder,
.fixed-hubspot-styling .hs-form input::placeholder,
.fixed-hubspot-styling .hs-form select::placeholder,
.fixed-hubspot-styling .hs-form textarea::placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.interactiveLabel input:placeholder-shown:not(:focus)::-webkit-input-placeholder, 
.interactiveLabel select:placeholder-shown:not(:focus)::-webkit-input-placeholder, 
.interactiveLabel textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.fixed-hubspot-styling .hs-form input:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.fixed-hubspot-styling .hs-form select:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.interactiveLabel input:placeholder-shown:not(:focus)::-moz-placeholder, .interactiveLabel select:placeholder-shown:not(:focus)::-moz-placeholder, .interactiveLabel textarea:placeholder-shown:not(:focus)::-moz-placeholder,
.fixed-hubspot-styling .hs-form input:placeholder-shown:not(:focus)::-moz-placeholder,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus)::-moz-placeholder,
.fixed-hubspot-styling .hs-form select:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.interactiveLabel input:placeholder-shown:not(:focus):-ms-input-placeholder, .interactiveLabel select:placeholder-shown:not(:focus):-ms-input-placeholder, .interactiveLabel textarea:placeholder-shown:not(:focus):-ms-input-placeholder,
.fixed-hubspot-styling .hs-form input:placeholder-shown:not(:focus):-ms-input-placeholder,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus):-ms-input-placeholder,
.fixed-hubspot-styling .hs-form select:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.interactiveLabel input:placeholder-shown:not(:focus)::placeholder, .interactiveLabel select:placeholder-shown:not(:focus)::placeholder, .interactiveLabel textarea:placeholder-shown:not(:focus)::placeholder,
.interactiveLabel input:placeholder-shown:not(:focus)::placeholder,
.interactiveLabel select:placeholder-shown:not(:focus)::placeholder,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.interactiveLabel input:placeholder-shown:not(:focus) + *, .interactiveLabel select:not(:focus) + *, .interactiveLabel textarea:placeholder-shown:not(:focus) + *,
.interactiveLabel input:placeholder-shown:not(:focus) + *,
.interactiveLabel select:placeholder-shown:not(:focus) + *,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus) + *{
  font-size: 110%;
  opacity: 1;
  top: 27%;
	text-transform: capitalize;
	font-weight:normal;
}
.interactiveLabel textarea:placeholder-shown:not(:focus) + *,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus) + *{
  top:7%;
}
.interactiveLabel .directions + input:focus, .interactiveLabel .directions + select:focus, .interactiveLabel .directions + textarea:focus
{
  display: block;
}


.interactiveLabel input:valid + *, .interactiveLabel textarea:valid + *, .interactiveLabel select:valid + *, .interactiveLabel select:valid:not(:focus) + *,
.fixed-hubspot-styling .hs-form input:valid + *,
.fixed-hubspot-styling .hs-form select:valid + *, 
.fixed-hubspot-styling .hs-form select:valid:not(:focus) + *,
.fixed-hubspot-styling .hs-form textarea:valid:not(:focus) + *{
	color:#21793c;
}


.interactiveLabel input:invalid:not(:placeholder-shown) + *, .interactiveLabel textarea:invalid:not(:placeholder-shown) + *,
.fixed-hubspot-styling .hs-form input:invalid:not(:placeholder-shown) + *,
.fixed-hubspot-styling .hs-form textarea:invalid:not(:placeholder-shown) + *{
	color:#bc3e31;

}
.interactiveForm input:invalid:not(:placeholder-shown), .interactiveForm textarea:invalid:not(:placeholder-shown),
.fixed-hubspot-styling .hs-form input.invalid:not([type="submit"]),
.fixed-hubspot-styling .hs-form textarea.invalid,

.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, 
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, 
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, 
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, 
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, 
.interactiveForm div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid {
	background-image: url("https://images.upcity.com/wp-content/uploads/2019/07/16100738/remove-circle-red.svg");
    background-position: 95% center;
    background-repeat: no-repeat;
	background-size: 22px auto;
	border-color:#bc3e31;
	border-left:6px solid #bc3e31;
}
		.fixed-hubspot-styling .hs-form select.hs-input.invalid {
		background-image: url("https://images.upcity.com/wp-content/uploads/2019/07/16100738/remove-circle-red.svg"), url("https://images.upcity.com/wp-content/uploads/2019/08/17131458/select-box-arrow-dark3.svg");
		background-position: 95% center, 85% center;
		background-repeat: no-repeat, no-repeat;
		background-size: 22px auto, 22px auto;
		border-color:#bc3e31;
		border-left:6px solid #bc3e31;
	}


.interactiveLabel select:invalid + *,
.fixed-hubspot-styling .hs-form select:invalid + *,
.interactiveLabel input:placeholder-shown + *, .interactiveLabel select:placeholder-shown + *, .interactiveLabel textarea:placeholder-shown + *,
.fixed-hubspot-styling .hs-form input:placeholder-shown + *,
.fixed-hubspot-styling .hs-form select:placeholder-shown + *,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown + *,
.interactiveLabel input:placeholder-shown:not(:focus) + *, .interactiveLabel select:placeholder-shown:not(:focus) + *, .interactiveLabel textarea:placeholder-shown:not(:focus) + *,
.fixed-hubspot-styling .hs-form input:placeholder-shown:not(:focus) + *,
.fixed-hubspot-styling .hs-form select:placeholder-shown:not(:focus) + *,
.fixed-hubspot-styling .hs-form textarea:placeholder-shown:not(:focus) + * {
	color:#287495;
}


/*
.interactiveLabel input:valid:not(:placeholder-shown), .interactiveLabel select:valid:not(:placeholder-shown), .interactiveLabel textarea:valid:not(:placeholder-shown),
.fixed-hubspot-styling .hs-form input:valid:not([type="submit"]),
.fixed-hubspot-styling .hs-form input:valid:not([value=""]),
.fixed-hubspot-styling .hs-form input:not([value=""]),
.fixed-hubspot-styling .hs-form textarea:valid:not([value=""]) {
	background-image: url("https://images.upcity.com/wp-content/uploads/2019/07/16100739/check-circle-1-alternate-green.svg");
    background-position: 95% center;
    background-repeat: no-repeat;
	background-size: 22px auto;
	border-left:6px solid #21793c;
}

	.interactiveLabel select:valid:not(:placeholder-shown),
	.fixed-hubspot-styling .hs-form select.hs-input.valid {
		background-image: url("https://images.upcity.com/wp-content/uploads/2019/07/16100739/check-circle-1-alternate-green.svg"), url("https://images.upcity.com/wp-content/uploads/2019/08/17131532/select-box-arrow-blue3.svg");
		background-position: 95% center, 85% center;
		background-repeat: no-repeat, no-repeat;
		background-size: 22px auto, 22px auto;
		border-left:6px solid #21793c;
	}
*/
.interactiveLabel input:focus, .interactiveLabel select:focus, .interactiveLabel textarea:focus,
.fixed-hubspot-styling .hs-form input:focus,
.fixed-hubspot-styling .hs-form select:focus,
.fixed-hubspot-styling .hs-form textarea:focus{
  outline:none;
	border-color: #287495;
	border-left-width:6px;
	border-bottom-width:3px;
	background-color: rgba(239, 184, 28, .55);
}
	.blog-signup-form.fixed-hubspot-styling .hs-form input:focus,
	.blog-signup-form.fixed-hubspot-styling .hs-form select:focus,
	.blog-signup-form.fixed-hubspot-styling .hs-form textarea:focus{
		background-color: rgba(239, 184, 28, 1);
	}




.homepageSearch .interactiveLabel input:focus, .homepageSearch .interactiveLabel select:focus, .homepageSearch .interactiveLabel textarea:focus {
	background-color: #ffffff;
}
.interactiveLabel select {
  padding-right: 1em;
  background: #ffffff url("https://images.upcity.com/wp-content/uploads/2019/08/17131532/select-box-arrow-blue3.svg") no-repeat 95% center;
  background-size: 22px auto;
}
.fixed-hubspot-styling .hs-form select.hs-input,
.fixed-hubspot-styling .hs-form select.hs-input:valid:not([value=""]){
  padding-right: 1em;
  background: #ffffff url("https://images.upcity.com/wp-content/uploads/2019/08/17131458/select-box-arrow-dark3.svg") no-repeat 95% center;
  background-size: 22px auto;
}

/* Customize the radio label (the container) 
.radioContainer {
	text-align: left;
  position: relative;
  padding-right: 15px;
	padding-left: 35px;
	margin-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button
.radioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button 
.radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 50%;
	border:1px solid rgba(57, 64, 83, .35)
}

/* On mouse-over, add a grey background color
.radioContainer:hover input ~ .radiobtn {
  background-color: rgba(57, 64, 83, 1);
}
.radioContainer:hover:not(:checked) {
	opacity: .6;
}

/* When the radio button is checked, add a blue background 
.radioContainer input:checked ~ .radiobtn {
  background-color: #287495;
}

/* Create the indicator (the dot/circle - hidden when not checked) 
.radioContainer:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked 
.radioContainer input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) 
.radioContainer .radiobtn:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: black;
}

*/



/* ------------------------------------------------------------ random reusables */
blockquote {
    line-height: 160%;
    font-weight: 300;
    border-bottom: 4px solid rgba(57, 64, 83, .2);
    border-left: 4px solid rgba(57, 64, 83, .2);
    color: #287495;
    font-style: italic;
	   padding: .8em 2em .5em 1em;
    margin: 1.6em 0 2.6em 0;
}

blockquote:before {
    font-size: 6em;
    opacity: .5;
}
/* for better legibility/text and content width control */
.maxWidth1500 {max-width:1500px; }
.maxWidth1500centered {max-width:1500px; margin:0 auto;}
.maxedWidth {max-width:95%; max-width: 1300px; margin:0 auto;}/* reset to the new pageWidge declared above */
.maxWidth1100 {max-width:1100px; }
.maxWidth1100centered {max-width:1100px; margin:0 auto;}
.maxWidth900 {max-width:900px; }
.maxWidth900centered {max-width:900px; margin:0 auto;}
.maxWidth800 {max-width:800px; }
.maxWidth800centered {max-width:800px; margin:0 auto;}
.ui.module-tab.minimal .tab-content .tb_text_wrap,
.maxWidth700 {max-width:700px;}/* also fixes wide tab layouts */
.maxWidth700centered,
.promoKitTabs.ui.module-tab.minimal .tab-content .tb_text_wrap,
.faqAccordion .ui.module-accordion>li .tb_text_wrap,
.sliderAccordions .ui.module-accordion>li .tb_text_wrap {max-width:700px; margin:0 auto;} /* also fixes wide accordian and post layouts */
.maxWidth650centered {max-width:650px; margin:0 auto;}
.maxWidth650 {max-width:650px; }
.maxWidth600 {max-width:600px;}
.maxWidth600centered,
.single.single-split-layout article, /* control width of old articles  */
.single.single-team.single-split-layout article /* control width of team posts  */
	{max-width:650px; margin:0 auto; padding-left: 5%; padding-right: 5%;}
.maxWidth500centered {max-width:500px; margin:0 auto;}
.maxWidth500 {max-width:500px; }
.maxWidth350 {max-width:350px; }
.maxWidth350centered {max-width:350px; margin:0 auto;}
.maxWidth250 {max-width:250px;}
.maxWidth250centered {max-width:250px; margin:0 auto;}

.inlineBlock {display:inline-block;}

.mainAdImage .tb-column-inner,
.mainAdImage .module-image.image-center .image-wrap {height:100%;}

.mainAdImage img,
.fullyScaledImage img, 
img.fullyScaledImage {    
	width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;}

/* better alignment on theme's icon boxes */
.module-icon-item i,
.module-icon-item span,
.module-icon.large i {display:block; font-weight:bold; width: 100% !important;}

.module-icon.icon_position_left i {text-align:left; margin-bottom:.5em;}
.module-icon.icon_position_left span {text-align:left; margin-left:0; margin-bottom:1.5em;}

.module-icon.icon_position_right i {text-align:right !important; margin-bottom:.5em;}
.module-icon.icon_position_right span {text-align:right !important; margin-left:0; margin-bottom:1.5em;}

.module-icon i {text-align:center !important; margin-bottom:.5em;}
.module-icon span {text-align:center !important; margin-left:0; margin-bottom:1.5em;}

.fixIconLeftAlign .module-icon,
.fixIconLeftAlign .module-icon i{text-align:left;}

.fixIconRightAlign .module-icon,
.fixIconRightAlign .module-icon i {text-align:right;}


.fixIndexOrder {z-index:500;}/* overlap boxes on homepage */

.displayBlock {display: block;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearFix {clear: both;}

.positionAbsolute {position:absolute;}
.positionAbsoluteTop {position:absolute; top:0;}
.positionAbsoluteBottom {position:absolute; bottom:0;}

pre {
	overflow: hidden;
    border: 1px solid rgba(57, 64, 83, .2);
    background-color: #f3f4f4;
	min-height: 40px;
    line-height: 40px;
}

pre button.copy-the-code-button {
	background: #D37728 !important;
	color:white !important;
	font-family: verbregular;
	font-weight: bold !important;
	text-transform: capitalize !important;
	font-size: 16px !important;
	padding: 0 !important;
	min-height: 40px;
    line-height: 40px;
}
pre button.copy-the-code-button::after {content: " to clipboard"; }

/* fixes promo content tabs */
.promoKitTabs.ui.module-tab ul.tab-nav li:first-child {display: none !important;}
.promoKitTabs.ui.module-tab.minimal .tab-content {
    min-height: 500px;
}
.promoKitTabs.ui.module-tab.minimal .tab-content h4 {
	margin-top:6rem;
	margin-bottom:2rem;
	padding: 10px 0;
	color: #f3f4f4;
	background-color: #394053;
	text-align: center;
}
.promoKitTabs.module-tab ul.tab-nav {text-align: center;}

.promoAlert {}

.badgeEmbeds pre a {display: none;}
.locExBadgeWhite pre::before {
    content: 'a href="http://upcity.com/about-excellence">';
	display: inline-block!important;
}
.locExBadgeDark pre::before {
    content: 'a href="http://upcity.com/about-excellence">';
	display: inline-block!important;
}
.locExBadgeColor pre::before {
    content: 'a href="http://upcity.com/about-excellence">';
	display: inline-block!important;
}

/* hide only from mobile - emergencies only! */
@media screen and (max-width: 680px) {
	.hideFromMobile {display: none !important;}
}

/* ==================================================================== ACESSIBILITY */
/* Applies styles when Reduced Motion is enabled - twice to cover all bases */
@media screen and (prefers-reduced-motion: reduce) { 
	.module-icon {animation-name: none !important;}
	.post-image, .post-img, .module-feature-image, .slide-image {
		transition: none !important;
	}
}
@media screen and (prefers-reduced-motion) { 
	.module-icon {animation-name: none !important;}
	.post-image, .post-img, .module-feature-image, .slide-image {
		transition: none !important;
	}
}