/*Custom Hover Classes for see through buttons*/
.vc_btn3-color-white:visited {
color: white !important;
}

.vc_btn3-color-white:hover {
color: #666 !important;
}

.vc_btn3-style-gradient-custom:focus {
color: white !important;
}


/*Fixes elements that are animated coming in from the sides affecting the width of the whole site*/
.site {
overflow: hidden;
}

body {
font-family: Roboto, sans-serif;
}

button {
font-family: Roboto, sans-serif;
}


/*Custom Navigation Styles*/
.main-navigation {
/*text-transform:uppercase;*/
/*letter-spacing: 2px;*/
font-weight: 400 !important;
}

.main-navigation li {
display: inline-block;
font-family: Roboto, sans-serif;
font-size: 14px;
line-height: normal;
margin: 0 30px -10px 0;
padding: 0 0 10px;
position: relative;
text-align: left;
}

.main-navigation li a {
font-weight: 400;
}

.main-navigation li a:hover {
font-weight: 400;
color: #bb29bb;
}

/*This is the custom li styling for the sign up button as well as a custom hover style*/
#menu-item-146 a {
background-color: #bb29bb;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-radius: 5px;
color: white;
}

#menu-item-146 a:hover {
background-color: #97109b;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-radius: 5px;
color: white;
}

/*This makes the menu a little smaller before it goes to the mobile menu at 850px*/
@media only screen and (max-width:1000px) {
.main-navigation li {
font-size: 12px;
margin-right: 10px
}
}

/*This makes the menu a little smaller before it goes to the mobile menu at 850px*/
@media only screen and (max-width:1000px) {
.main-navigation li {
font-size: 12px;
margin-right: 10px
}
}

#mobile-navigation ul li {
font-family: Roboto, sans-serif;
}

#mobile-navigation ul li a {
font-weight: 400;
}


/*This is the custom li styling for the sign-in button as well as a custom hover style*/
#menu-item-149 a {
box-shadow: 0px 0px 0px 2px #bb29bb inset;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-radius: 5px;
}

#menu-item-149 a:hover {
box-shadow: 0px 0px 0px 2px #97109b inset;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-radius: 5px;
background-color: #97109b;
color: #ffffff !important;
}


/*This resizes and centers the buttons for sign-in and sign-up*/
@media only screen and (max-width:850px) {
#menu-item-149 {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
line-height: 1.5 !important;
}

#menu-item-146 {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
line-height: 1.5 !important;
}

#menu-item-146 a {
color: white !important;
}
}


/* Header Height */
.site-header-inner {
height: 50px;
}



/* Cookie Consent */
.cookie-consent-spacer {
height: 33px;
}

.cookie-consent-text {
font-size: 14px;

}

@media only screen and (max-width: 480px) {
.cookie-consent-text {
font-size: 12px;

}
}


/*Typography and Font Size*/



h1 {
font-family: Roboto, sans-serif;
font-weight: 100;
margin: 25px 0;
}




h2,
h3,
h4,
h5,
h6 {
font-family: Roboto, sans-serif;
font-weight: 300;
margin: 25px 0;
}


@media (max-width:480px) {

h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal
}
}

h1 {
font-size: 48px;
font-weight: 100;
}

h2 {
font-size: 24px;
font-weight: 400;
}

h3 {
font-size: 32px;
font-weight: 100;
}

h4 {
font-size: 18px;
font-weight: 400;
}

h5 {
font-size: 18px
}

h6 {
font-size: 12px
}

p {
font-weight: 300;
font-size: 16px;
}



/*Small Screen Font Size*/
@media only screen and (max-width: 479px) {
h1 {
font-size: 32px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 32px;
}

h4 {
font-size: 18px;
}

h5 {
font-size: 12px;
}
}


/* Widget Styling*/
.widget-title {
font-weight: 400;
font-size: 18px !important;
text-transform: capitalize !important;
}



/*The Hero*/
.hero-heading-1-light h1 {
color: white;
}

.hero-heading-light h2 {
color: white;
}

.heading-light h3 {
color: white;
}

@media only screen and (max-width: 519px) {
.hero-heading-1-light {
margin-top: -50px;
}
}



/*Module Containers*/
.app-store-icon {
width: 33%;
float: left;
margin-right: 25px;
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.app-store-icon:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.cta-button .vc_btn3 {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.cta-button .vc_btn3:hover {
/*background-image:linear-gradient(to right, #2c9e63 0%, #2c9e63 50%,#2c9e63 100%) !important*/
opacity: .75;
/*transform: translateY(-5px);*/

}

/*bennie icons are the grey benefit icons that usually appear in groups of three*/
.bennieicon {
max-width: 125px;
display: block;
margin: 25px auto !important;
}


/*Bio-Popups*/

/*Styling for the LinkedIn Icons*/
.linkedinicon {
max-width: 50px;
display: block;
}


.popmake-christopher-galvin {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-christopher-galvin:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-michael-j-sinnwell-jr {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-michael-j-sinnwell-jr:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-david-j-querciagrossa {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-david-j-querciagrossa:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-john-w-vardaman-iii {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-john-w-vardaman-iii:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-andre-g-herrera {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-andre-g-herrera:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-todd-fuller {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-todd-fuller:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-tyler-beuerlein {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-tyler-beuerlein:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-mike-mong {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-mike-mong:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-becky-montchal {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-becky-montchal:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}

.popmake-drew-peneton {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.popmake-drew-peneton:hover {
opacity: .75;
/*transform: translateY(-5px);*/
}


/*Custom gravity form styling*/

.gform_wrapper {
Padding: 0px 25px;
}

.gform_wrapper label.gfield_label,
.gform_wrapper legend.gfield_label {
font-weight: 300;
}

.gform_fields li {
margin: 10px 0px;
font-size: 18px;

}

.gform_fields label {
margin: 15px 0px;

}

.gform_footer {
text-align: center;
}

.gfield_checkbox label {
font-weight: 300;

}

/*.name_first label{
display:none !important;
}

.name_last label{
display:none !important;
}*/


/*Custom image link styles*/
.organizations-link {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.organizations-link:hover {
opacity: .5;
/*transform: translateY(-5px);*/
}



/*Color Styles*/
.heading-light {
color: white;
}


/*CTA Container*/

/*Changes button capitalization*/
#infinite-handle span button,
.added_to_cart,
.button,
.pagination .page-numbers,
button,
input[type=button],
input[type=reset],
input[type=submit] {
text-transform: capitalize;
}

/*Custom Blog Styling*/
.entry-thumbnail {
margin-left: unset;
}

.vc_gitem-animated-block {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.vc_gitem-animated-block:hover {
opacity: .75 !important;
}


/*These are the custom styles for the footer*/

.site-footer {
background-color: #1d252d;
}

.footer {
background-color: #1d252d;
display: flex;
flex-direction: column;
align-items: stretch;
align-content: center;
}

.social-icon {
width: 33px;
margin: 5px;
}

.social-app-wrapper {
color: white;
font-family: "roboto";
display: flex;
flex-direction: row;
width: 66%;
justify-content: space-between;
align-items: center;
}

.footer-logo {
max-width: 200px;
}

.social-icons-container {
display: flex;
flex-direction: row;
}

.social-icon-container {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.social-icon-container:hover {
/*transform: translateY(-5px);*/
opacity: .5;
}

#footer-logo-pci:hover {
/*transform: translateY(-5px);*/
opacity: .5;
}

#footer-logo-pci {
transition-duration: 350ms;
transition-timing-function: ease-in-out;

}

#footer-logo-hypur:hover {
/*transform: translateY(-5px);*/
opacity: .5;
}

#footer-logo-hypur {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
margin-top: 30px;

}

.app-badges-container {
display: flex;
flex-direction: row;
align-content: center;
}

.app-badge {
max-width: 150px;
margin: 15px;
}

.app-badge-container {
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.app-badge-container:hover {
/*transform: translateY(-5px);*/
opacity: .5;
}

.logo-container {
display: flex;
align-content: center;
flex-direction: column;
align-items: center;

}

.footer-logo {
max-width: 150px;
}

.top {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
padding: 100px 0px;
justify-content: space-between;

}

.bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
padding: 50px 0px;
}

.footer-nav-menu {
color: white;
display: flex;
flex-direction: row;
width: 66%;
justify-content: space-between;
}

.footer-nav-column {
margin: 0px 15px;

}

.footer-nav-column-heading {
font-weight: 400;
color: white;
}

.footer-divider {
border-bottom: 1px solid white;
width: 100%;
align-self: center;
margin-bottom: 10px
}

.footer-nav-column-ul {
list-style: none;
list-style-type: none;
padding: 0px;
font-weight: 300;
}

.footer-nav-column-li {
padding: 5px 0px;
}

.footer-nav-column-link {
color: white !important;
text-decoration: none;
transition-duration: 350ms;
transition-timing-function: ease-in-out;
}

.footer-nav-column-link:hover {
color: #bb29bb !important;
text-decoration: none;
}



/*Mobile Footer*/
@media only screen and (max-width: 1000px) {
.footer-divider {
display: none;
}

.footer {
padding: 0px;
}

.top {
flex-direction: column;
align-content: center;
align-items: center;
padding: 0px 0px;

}

.bottom {
flex-direction: column;
align-content: center;
align-items: center;
padding: 0px 0px;

}

.social-app-wrapper {

flex-direction: column;

}

.footer-nav-menu {
display: none;
}

.app-badges-container {
margin: 25px 0px;
}

.logo-container {
margin: 25px 0px;
}

}

/*Mobile Responsive Classes*/
.show-on-mobile {
display: none;
}

@media only screen and (max-width: 1000px) {
.hide-on-mobile {
display: none;
}

.show-on-mobile {
display: inherit;
}
}



/*404 Page*/
.fourohfour-error-content {
text-align: center;
}

.fourohfour-error-content img {
max-width: 50%;
}


/*Pop Up Maker Fixes?*/

html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
overflow: hidden;
position: fixed;
width: 100%;
}
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
        
        
        
/*Extra footer stuff*/
.site-footer.footer-active-sidebar{
	border-top:none;
}

/*This is some custom blog styling */
.blog-page h3{
	font-size:22px;
	font-weight:300;
}

.blog-page h2{
	font-size:26px;
	font-weight:400;
}

.blog-page blockquote p{
	font-size:18px;
	font-weight:400;
	font-style:normal;
}

.author-box{
	display:none;
}

.entry-date{
	display:none;
}

.entry-meta{
	margin-top:25px;
	margin-bottom:25px;
	display:none;
}

.entry-meta a{
	font-size:15px;
}

.entry-title{
	font-weight:400;
}

.related-post-title{
	font-weight:400;
}

.nav-previous{
	display:none;
}

.stripped-backlink{
	display:none !important;
}

a{
	color:#006be9;
}

p a:visited{
	color:#006be9;
}

p a{
	color:#006be9;
}

p a:hover{
	color:#75bcff;
}

.blog-page a{
	color:#006be9;
}

.blog-page a:hover{
	color:#75bcff;
}

.rpwe-title a {
	font-size: 14px !important;
	line-height: 1.5;
}

.intro-box{
	    background-color: #f1f6fc;
    padding: 15px;
    margin-bottom: 25px;
    font-size: 18px;
	font-weight:300;
	color:#1d252d;
}


/*Custom Card Styling*/
.half-card .vc_column-inner{
    background-color: white;
-webkit-box-shadow: 0px 0px 32px -13px rgba(0,0,0,0.66);
-moz-box-shadow: 0px 0px 32px -13px rgba(0,0,0,0.66);
box-shadow: 0px 0px 32px -13px rgba(0,0,0,0.66);
border-radius: 10px;
padding:25px;}

.half-card{
    padding:50px !important;
}

.third-card .vc_column-inner{
    background-color: white;
-webkit-box-shadow: 0px 0px 32px -13px rgba(0,0,0,0.66);
-moz-box-shadow: 0px 0px 32px -13px rgba(0,0,0,0.66);
box-shadow: 0px 0px 32px -13px rgba(0,0,0,0.66);
border-radius: 10px;
padding:15px;}

.third-card{
    padding:15px !important;
}

/* If the screen size is 600px or less, set the font-size of  to 30px */
@media only screen and (max-width: 1000px) {
  .half-card{
    padding:25px !important;
}
	 .third-card{
    padding:25px !important;
}
}

/* Custom styling for gravity forms */

label {color:#1d252d;font-size:.9rem;font-weight:300}


#hero-slider-container-element {
max-height:500px;
}

/*This is updated CSS for redesign*/
.mini-icon{
    width:44px;
}