/*
Theme Name: CV Remote Solutions
Theme URI: https://www.cvremotesolutions.com/
Author: DesignUps
Author URI: https://designups.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Colors:
Blue - #5190cc;
#00a4e4;
Orange - #f58220;
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body html {
  overflow-x: hidden;
}

body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family:'Readex Pro', sans-serif;
}
html {margin-top: 0 !important;}
body {top:0 !important;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  color:#0d163a;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #000543;
  font-weight: 400;
/*  margin-top: 24px;*/
margin-bottom: 15px;
-webkit-font-smoothing: antialiased;
}
h1 {
  font-size: 60px;
  font-weight: 600;
  padding-bottom: 0;
  margin:0;
  line-height: 1;
}
h2 {
  font-size: 40px;
  padding-bottom:0;
  line-height: 1.25;
}
h3 {
  /*font-size: 30px;*/
  font-size: 28px;
  line-height: 1.2;
}
h4 {
  font-size: 20px;
  line-height: 1.2;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
  line-height: 1.5;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
body.single h1.entry-title {
  font-size: 40px;
  border-bottom: none;
  padding:20px 0 8px 0;
}
body.single .entry-meta {visibility:hidden;}
body.single .entry-meta .posted-on {visibility:visible;}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
  font-size:30px;
}
.page-header h1.page-title {margin-bottom:35px;}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  position:relative;
  top:0;
  width:100%;
  z-index:99;
  transform:translateY(0);
  transition: transform .3s ease;
  /* box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);*/
/*  padding: 0 1rem;*/
}
/*
header#masthead.onscroll {transform:translateY(-20px);}
*/

header#masthead .main-nav-bar {
  background-color: #fff;
  transition:all .5s ease; 
  z-index: 5;
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.00);
}

header#masthead.onscroll .main-nav-bar {
  background-color: #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05);
}

.navbar-brand > a {
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #111;
  font-weight: 700;
  display:block;
}

.navbar-brand img {display: block; width: 170px; height: auto;}
#wpadminbar {display: none;}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
  color: #212529;
}

a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

.topbar {
  background-color: #fff;
  padding: 10px 0;
}

#menu-item-48 a {
  padding-right:  0 !important;
}

#menu-item-294,
#menu-item-295
{
  display: none;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 991px) {
.topBar {
  display: none;
}

#menu-item-294,
#menu-item-295
{
  display: block;
}

#menu-item-295 {
  padding:10px 45px 8px 45px;
  min-width:200px;
  text-align:center;
  color:#fff;
  background-color: #49a8bc;
  margin-top: 16px;
  transition: .25s;
}

#menu-item-295 a.nav-link {
  color: #fff !important;
  padding-top: 0 !important;
  font-weight: 400 !important;
}

#menu-item-295:hover {

  background-color: #3e94d1;
}

.navbar-toggler {
  float: right;
}

.navbar-brand img {
  width: 150px;
}

.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
}

#menu-nav > li::after {
  background: transparent !important;
}

#main-nav {
  padding-bottom: 45px;
  }

.dropdown-toggle::after {
  background-image: none !important;
}

}

@media screen and (max-width: 480px) {
.navbar-brand img {
  width: 120px;
}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

#menu-item-955 {
  padding-left: 20px;
}

#menu-item-954 {
  padding-left: 20px;
}

#menu-item-953 {
  padding-left: 20px;
}

/*
#menu-item-992 {
  padding-left: 20px;
}
*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

#masthead .navbar-nav > li > a {
  color: #363636;
  padding: 15px 30px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}

#masthead .navbar-nav > li.nav-btn > a {
  padding: 8px 25px;
  margin-top: 8px;
  margin-left:25px;
  border-radius: 4px;
  color: #1B0824 !important;
  background:#00d2ff;
  transition:.3s background ease;
}
#masthead .navbar-nav > li.nav-btn > a:hover {
  color:#fff;
  background: #00a4e4;
}

#masthead #menu-top-utility > li.login-btn a {
  background:#f58220; 
  color:#fff;
  transition:.3s background ease;
}

#masthead #menu-top-utility > li.login-btn a:hover {
  background:#ff9c00;
  color:#fff;
  text-decoration: none;
}

#masthead #menu-top-utility > li > a {
	color: #363636;
	font-weight: 600;
	text-transform: uppercase;
  font-size: 11px;
  display: block;
  padding: 7px 33px;
}
#masthead #menu-top-utility li.env-icon,
#masthead #menu-top-utility li.mag-icon{position:relative;}
#masthead #menu-top-utility li.env-icon a:before {
  content:'';
  display:block;
  position:absolute;
  left: 10px;
  top: 9px;
  width:17px;
  height:12px;
  background-image: url(/wp-content/themes/getvalify/img/env-icon.png);
  background-size: 17px 11px;
  background-repeat: no-repeat;

}
#masthead #menu-top-utility li.mag-icon a:before {
  content: '';
  display: block;
  position: absolute;
  left: 13px;
  top: 8px;
  width: 14px;
  height: 13.5px;
  background-image: url(/wp-content/themes/getvalify/img/mag-icon.png);
  background-size: 14px 13px;
  background-repeat: no-repeat;
}

button.top-login {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  padding: 7px 20px;
  border-radius: 0;
  min-width:auto;
  border:none;

}


#loginModal button.close {opacity:1; max-width:50px; padding:8px 0 0 0;}
#loginModal button.close:hover {opacity:.5;}
#loginModal .modal-header {padding-right:25px;}
#loginModal .modal-dialog {max-width:360px;}
#loginModal .btn {min-width:215px;}

#masthead .navbar-nav > li > a:hover,
#masthead .navbar-nav > li.current_page_item > a {
  color: #333;
  /*font-weight: 600;*/
  /*background: #f9f9f9;*/
}




#menu-main > li {position:relative;}
#menu-main > li:after {
  content: '';
  display: block;
  position: relative;
  height: 2px;
  top: -10px;
  width: calc(100% - 50px);
  background: #00a4e4;
  opacity:0;
  margin: 0 auto;
  right:50px;
  transition:.3s all ease;
}
#menu-main > li:hover:after {right:0;opacity:1;}

#menu-main > li.nav-btn:after{display:none;}



.navbar-brand {
  height: auto;
  max-width:170px;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
  position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
  display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
  border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
  float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

#masthead .dropdown:hover > .dropdown-menu {
 display: block;
}



.dropdown-toggle::after {
  content: '';
  border: none;
  position: absolute;
  width: 8px;
  height: 5px;
  background-image: url(/wp-content/themes/getvalify/img/caret.png);
  background-size: 7.3px 4.8px;
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 7px 0 0 7px;
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 250px;
  margin:0;
  padding: 30px 10px;
  top: 48px;
  left: 0;
  border: none;
  border-radius: 0;
  box-shadow: -5px 5px 7px 1px rgba(0, 0, 0, .25);
}

#menu-item-46 .dropdown-menu{
  width:  280px;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
  font-size: 15px;
}
.dropdown-menu .dropdown-item:hover {
  text-decoration: underline;
  color:#000;
}

@media screen and (min-width: 991px) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-previous a {
  margin-right: 8px;
}

.post-navigation .nav-next a {
  margin-left: 8px;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /*font-size: 0.875rem;*/
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

#secondary .nav-link {padding:3px 0;}

.footer-menu-links ul {
  list-style: none;
  font-size: 15px;
  line-height: 1.75;
  padding-left:  0;
}

.footer-menu-links a {
  color: #383838;
  padding-bottom: 4px;
}

.widget-top-item {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  /*padding-bottom: 3.75rem;*/
  /*padding-top: 4.125rem;*/
  /*padding-top:95px;*/
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# CUSTOM STARTS HERE
--------------------------------------------------------------*/

html {margin-top: 0 !important}

  .mceNone{display: none;}

/*--------------------------------------------------------------
# Dropdown Search Bar In Top Utility Nav
--------------------------------------------------------------*/


/* The fullsearch effect with white background */
.fullsearch {
  height: 0px;
  width: 100%;
  visibility:hidden;
  position: fixed;
  z-index: 2;
  top: 120px;
  transition:.3s all ease;
  left: 0;
  opacity:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.92+0,0.56+76,0+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,.98) 50%, rgba(255,255,255,.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

header.onscroll .fullsearch {top:120px;}

.fullsearch.overlaid {height:1000px;visibility: visible; opacity:1;}

/* The content */
.fullsearch-content {
  position: relative;
  top: 35px;
  width: 100%;
  max-width: 1040px;
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}


.fullsearch form {
  width:100%; 
  max-width:calc(100% - 70px); 

}


/* Close button */
.fullsearch .closebtn {

  cursor: pointer;
  position: relative;
  top: 4px;

}


.fullsearch .closebtn img {
  width:40px; 
  opacity:1; 
  transition:.3s opacity ease;}

  .fullsearch .closebtn:hover img {
    opacity:.4;
  }

/* Style the search field */
.fullsearch input[type=search] {
  padding: 12px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  line-height: 1.5;
  background: white;
  border: 2px solid #0e0e0e;
  border-radius:0;
}

.fullsearch input[type=search]:focus {outline:none;}

/* Style the submit button */
.fullsearch button {
  float: left;
  position: relative;
  right: 0px;
  width: 20%;
  padding: 14px;
  color: #fff;
  background: #00a4e4;
  transition:.3s background ease;
  font-size: 17px;
  border: none;
  cursor: pointer;
  /*text-transform:uppercase;*/
}

.fullsearch button:hover {
  background: #00d2ff;
}

.error-404 .search-form {max-width:500px; margin:0 auto;}
.search-form input[type=submit] {
/*  float: left;*/
position: relative;
right: 0px;
width: 20%;
padding: 14px;
min-width: 100px;
width:100px;
color: #fff;
background: #00a4e4;
transition:.3s background ease;
font-size: 17px;
border: none;
cursor: pointer;
border-radius:0;
/*text-transform:uppercase;*/
}

.search-form input[type=submit]  {
  background: #00d2ff;
}
.search-form label, 
.search-form input[type=search]
{margin:0;}


.search-form input[type=search] {
  padding: 12px;
  font-size: 17px;
  border: none;
  /* width: 80%;*/
  line-height: 1.5;
  background: white;
  border: 2px solid #0e0e0e;
  border-radius: 0;
}
/*--------------------------------------------------------------
# Other things
--------------------------------------------------------------*/

.btn {
  padding:10px 45px;
  min-width:200px;
  text-align:center;
  background:#f58220;
  color:#fff;
  border-radius: 3px;
}
.btn:hover {color:#fff; background:#ff9c00;}

.blue-btn {background:#00a4e4;}
.blue-btn:hover {color:#fff;background:#00d2ff;}

/* NEW BUTTONS for Accessibility */

.btn {
  padding:10px 45px;
  min-width:200px;
  text-align:center;
  background:#FFC208;
  color: #1B0824;
  font-size: 1.2rem;
}

.btn:hover {color: #fff; background:#f58220;}

.blue-btn {background:#00d2ff; color: #1B0824 !important;}
.blue-btn:hover {color: #1B0824; background:#00a4e4;}

.hs-button:hover {
  color: #fff; 
  background:#f58220;
}

.sectionpad {padding-top:80px; padding-bottom:80px;}
.smallerpad {padding-top:50px; padding-bottom:50px;}


.contain680 {max-width:680px;}
.contain800 {max-width:800px;}
.contain1040 {max-width:1040px;}

.intro-text-div p,
p.intro-text {font-size:1.14em; line-height:1.6;}


.light-text,
.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text p,
.light-text li {color:#fff;}

.white-bkd {background:#fff;}
.f0-bkd {background:#f0f0f0;}
.ltblue-bkd {background:#00a4e4;}
.dkblue-bkd {background:#015077;}


.homehero {height:115vh;}
.homehero h1 {/*max-width:760px;*/ max-width:555px; margin-bottom:10px; width:100%;}
.homehero p {/*max-width:760px;*/ max-width:425px; margin-bottom:30px; font-size:23px;width:100%; font-weight: 300;}
.homehero {overflow:hidden;}
.homehero .container {position:relative; bottom: 100px;}

.hero p {margin-bottom:0;}

div.triangle {position:relative;}
div.triangle h2 {margin:0;padding:20px 15px;}
div.triangle:after {
  content:'';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 35px 0 35px;
  border-color: #272727 transparent transparent transparent;
  left: calc(50% - 35px);
}

.overlay-contain {position:relative; z-index:1;}
.darktransoverlay {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; background:rgba(0,0,0,.8); }
.overlay-contain > div:not(.darktransoverlay) {z-index:4;}

/*barchart*/

.bar-container {
  /* width: 85vw; */
  /* height: 500px; */
  background: white;
  margin: auto;
  display: flex;
  overflow: hidden;
}
.inner-bar-container {
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.bar {
  background: #00a4e4;
  width: 2.857%;
  border-right: 1px solid white;
  animation: fadeInInUp alternate infinite;
}
@keyframes fadeInInUp {
  0% {

    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {

    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }


}



/* home quote */
.homequote {overflow:hidden;}
.homequote blockquote {
  padding:50px 0; 
  color:#00436d; 
  position: relative; 
  min-height:360px;
}

.homequote blockquote img {max-width:30px; margin-bottom:20px; }
.homequote blockquote p {font-size:22px;max-width:800px; margin:0 auto 20px;}
.homequote blockquote cite {    
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}



.homequote blockquote:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  margin-left:auto;
  margin-right:auto;
  width: 1010px;
  height: 7px;
  background-image: url(/wp-content/themes/getvalify/img/quote-box-top.png);
  background-size: 1010px 7px;
  background-repeat: no-repeat;
  background-position:center;
}


.homequote blockquote:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -15px;
  left: 0;
  right: 0;
  margin-left:auto;
  margin-right:auto;
  width: 1010px;
  height: 25px;
  background-image: url(/wp-content/themes/getvalify/img/quote-box-bottom.png);
  background-size: 1010px 25px;
  background-repeat: no-repeat;
  background-position:center;
}

.homequote .carousel-indicators li{   
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 13px;
  margin-left: 13px;
  background-color:#1d7b97;
}
.homequote .carousel-indicators {position: relative; margin-top:50px;}
.scrolling-numbers {/*color:#00a4e4;*/ color:#0588bb; font-size:80px; font-weight:700; line-height:1.2;}
.numscroller {display:inline-block;}
.scrolling-numbers span {font-size:30px; display:block;}
.scrolling-numbers p {font-size:20px; color:#000; font-weight:500; }
.scrolling-numbers p:before {content:''; display:block; width:80px; height:2px; background:#1d7b97; margin:20px auto;}


.home-tabs {/*padding-bottom:180px;*/ position:relative;}

.home-tabs .nav-tabs {border:none; max-width:450px; width:100%;}
.home-tabs .nav-tabs .nav-link {
  text-align:left;
  border:none; 
  border-bottom:2px solid #00a4e4;
  text-transform: uppercase;
  color:#fff;
  cursor:pointer;
  padding: 14px 30px;
  position:relative;

}
.home-tabs .nav-tabs .nav-link:hover {  cursor:pointer;}

.home-tabs .nav-tabs .nav-item.show .nav-link,
.home-tabs .nav-tabs .nav-link.active {
  background-color: #00a4e4;
  border: none;
  border-bottom:2px solid #00a4e4;
  border-radius: 0;

}

@media screen and (min-width:991px) {
  .home-tabs .nav-tabs .nav-item.show .nav-link:after,
  .home-tabs .nav-tabs .nav-link.active:after {
   content: '';
   position: absolute;
   z-index: 5 !important;
   left:450px;
   top: -1px;
   height: 0;
   border-style: solid;
   border-width: 27px 0 27px 20px;
   border-color: transparent transparent transparent #00a4e4;
   transition:all .3s ease;
 }
}
.tab-pane {position: relative;}

.tab-message {

  max-width: 440px;
  z-index: 9;
  position: relative;
  top: 0;
}

/* news cards */


.card {padding:0 0 80px 0; border-radius:0; border:none; position: relative; height:100%; box-shadow:0 0 5px 1px rgba(50,50,50,.1);}
.card-img {height:200px; border-radius:0; text-indent:-9999px; display: block;opacity:1; transition:opacity .3s ease;}
.card-img:hover {opacity:.8;}
.card-txt {padding:20px}
.card-date {color:#959595; font-size:14px; margin:0 0 15px;}
.card-title {margin:0 0 10px 0; font-size:22px;}
.card-title a {color:#2e2e2e}
/*
.card .btn {position:absolute; bottom:30px;}
*/
.card p {line-height:1.4;}


.team-cards .card {padding:0;}
.team-cards .card-date {margin-top:0; margin-bottom:2px;}
.team-cards .card-title {margin-bottom:0;}
.team-cards .card-img {height:300px;}
.team-cards .card-img:hover {opacity:1;}

.team-cards .popup-button .card-photo,
.team-cards .popup-button .card-title,
.team-cards .popup-button .card-date{
  transition: .25s;
}


.team-cards .popup-button:hover .card-photo,
.team-cards .popup-button:hover .card-title,
.team-cards .popup-button:hover .card-date{
  transform: scale(103%);
}

/*--------------------------------------------------------------
# Filter Dropdown
--------------------------------------------------------------*/

.filterdrop .dropdown-submenu {
  position: relative;
}
.filterdrop .dropdown-submenu a:hover {cursor:pointer;}

.filterdrop .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.filterdrop .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.filterdrop .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.filterdrop .dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.filterdrop .dropdown-submenu.pull-left {
  float: none;
}

.filterdrop .dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.filterdrop .dropdown {
  width:100%;
  max-width:500px;
  display: block;
  margin:0 auto;
}
.filterdrop .dropdown-toggle {
  color: #0e0e0e;
  border: 2px solid #565b61 !important;
  border-radius: 0;
  margin-bottom:15px;
  line-height:2;
  height:auto;
  padding:7px 15px;
  background:transparent;
  text-align:left;
  width:100%;
}

.filterdrop .dropdown-toggle:after { 
  position: absolute;
  right: 18px;
  top: 14px;
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.filterdrop .dropdown-item.active, 
.filterdrop .dropdown-item:active {
  color: #000;
}

.filterdrop .dropdown-submenu:hover>a:after {border-left-color:#000;}
/*  about  */
.bkd-img-320h {
  display:block;
  height:320px;
  width:100%;
}
.bkd-img-290h {
  display:block;
  height:290px;
  width:100%;
}


/* custom halves column for larger gutters - 
!!! USE WITH row justify-content-between !!! */
.col-sm-45, .col-sm-48 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;

}
.col-sm-45:first-child, .col-sm-48:first-child {padding-bottom:50px;}

@media (min-width: 576px) {
  .col-sm-45 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    padding-bottom:0 !important;
    
  }
  .col-sm-48 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding-bottom:0 !important;
    
  }
}


.alternating .container > div:nth-of-type(even){   
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important;
}


.alternating.about-alt img {width:100%;}

.quadrants img {max-height:70px; margin:0 auto 40px; display:block;}
.quadrants .row > div:first-child {border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.quadrants .row > div:nth-child(2){border-bottom:1px solid #ddd;}
.quadrants .row > div:nth-child(3){border-right:1px solid #ddd;}
.quadrants .row > div > div {padding:60px 4% 50px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
  color: #fff;
  background-color: #305f85;
}

.footerNav {
  color: #fff;
  background-color: #305f85;
}

.site-info {
  color: #305f85;
  background-color: #fff;
  padding:  16px 0;
  font-size: 12px;
}

.site-info a {
  color: #305f85;
}

.footerNav a {
  text-decoration: none;
}

.footerNav ul {
  padding-left: 0;
}

.footerNav ul li{
  list-style: none;
  line-height: 1.75;
  font-size: 15px;
  color: #bcc7d2;
}

.footerNav ul li:first-child{
  font-weight: 700;
  margin-bottom: 6px;
  color:  #fff;
}

.footerLogo {
  max-width: 150px;
}

.socialIcons img {
  width: 36px;
  margin-right: 12px;
}

.address:before {
  content: '';
  background-image: url(/wp-content/themes/cv-remote-solutions/img/point-marker.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 27px;
  height: 36px;
  display: inline-block;
  position: absolute;
  left: -22px;
}

.white-btn {
  background-color: #fff;
  color: #305f85;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 14px;
  padding: 10px 10px;
}

.white-btn:hover {
  background: #ddd;
  color: #ffffff !important;
}

.footerNav a.btn {
  color: #305f85 !important;
}

.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

#block-7 ul li:first-child,
#block-6 ul li:first-child,
#block-2 ul li:first-child {
  padding-bottom: 8px;
}

.d-ups svg {
  max-width: 75px;
  fill: #305f85;
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}

/*--------------------------------------------------------------
# Custom Footer Looks
--------------------------------------------------------------*/

#footer-widget {
  padding: 0;
  background: transparent;
  color: #fff;
}

#footer-widget h2, #footer-widget a {
  color: #fff;
}


#footer-widget .row > div  {display:flex;}
#footer-widget .widget_nav_menu{width:50%;}

#footer-widget #nav_menu-2.widget_nav_menu{width:30%;}
#footer-widget #nav_menu-3.widget_nav_menu{width:44%;}
#footer-widget #nav_menu-4.widget_nav_menu{width:22%;}



#footer-widget .widget_nav_menu a {color:#383838;padding:4px 1rem 4px 0; font-size:15px;}
#footer-widget .widget_nav_menu a:hover {color:#383838; background:transparent; text-decoration: underline;}
#footer-widget .widget_nav_menu > div > ul > li > a {font-weight:700; padding:.5rem 1rem .5rem 0; text-transform: uppercase;}


#footer-widget h2 {margin-top:0;}

#footer-widget p {font-size:1em;}

.ftsocial {list-style:none; margin:0; padding:0; max-width:130px;}
.ftsocial a img {max-height:30px;opacity:1;transition:.3s opacity ease;}
.ftsocial a:hover img {opacity:.7;}


input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
  color: #0e0e0e;
  border: 2px solid #565b61 !important;
  border-radius: 0;
  margin-bottom:15px;
  line-height:2;
  height:auto;
  padding:6px;
}


.hbspt-form label {display:none !important;}

.hbspt-form label.hs-error-msg {display:block !important; color:#f00; font-size:12px;}
.hbspt-form .hs-fieldtype-select label {display: block !important;}
.hbspt-form .field {margin-bottom:0 !important;}

.hbspt-form fieldset, .hbspt-form .hs-input {max-width:100% !important;}
.hbspt-form input[type="text"], 
.hbspt-form input[type="email"], 
.hbspt-form input[type="tel"], 
.hbspt-form input[type="url"], 
.hbspt-form input[type="password"], 
.hbspt-form input[type="search"], 
.hbspt-form textarea,
.hbspt-form select.hs-input {width:98% !important;}


.hbspt-form select.hs-input {
 /* -webkit-appearance: none;*/
 border-radius: 3px;
 height: 42px;
 padding: 4px;
}


.hbspt-form input[type=submit] {
  background: #FFC208;
  color: #1B0824;
  transition: background .3s ease;
  padding: 10px 45px;
  min-width: 200px;
  text-align: center;
  margin: 20px 0;
  border: none;
  border-radius: 4px;
}

.hbspt-form input[type=submit]:hover {
  color: #fff; 
  background:#f58220;}

/*--------------------------------------------------------------
# New Styles
--------------------------------------------------------------*/

.bold {
  font-weight: 600;
}

#menu-nav > li::after {
  content: '';
  display: block;
  position: relative;
  height: 2px;
  top: -10px;
  width: calc(100% - 50px);
  background: #ffc700;
  opacity: 0;
  margin: 0 auto;
  right: 50px;
  transition: .3s all ease;
}

#menu-nav > li:hover::after {
  right: 0;
  opacity: 1;
}

.main-nav-bar {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dropdown-toggle:after {
  content: '';
  border: none;
  position: absolute;
  width: 8px;
  height: 7px;
  background-image: url(/wp-content/themes/cv-remote-solutions/img/dropdown-arrow.svg);
  background-size: 7.3px 4.8px;
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 7px 0 0 7px;
}

.homehero, .homehero h1 {
  font-weight: 600;
  color: #fff;
}


.smallHeadline {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color:  #000543;
  font-weight: 500;
}


.topbar {
  transition: .25s;
}

.topbar button:hover {
  background-color: #3e94d1;
  text-decoration: none;
}

.topbar ul li{
  display:  inline-block;
  margin-right: 20px;
}

.topbar ul li:last-child{
  margin-right: 0;
}

.topbar .btn {
  background-color: #49a8bc;
  color: #fff;
}

.topbar ul li a{
  color: #0d163a;
  font-size: 14px;
  font-weight: 300;
}

.utilityButton a:hover {
  text-decoration: none !important;
}

.quote {
  font-size: 28px;
  line-height: 1.75;
  font-weight: 300;
  color:  #000543;
  max-width: 585px;
  text-align: center;
}

.roundedCorners {
  border-radius: 50px;
  max-width: 800px;
  width: 100%;
  height:  350px;
}

.more-arrow {
  width: 15px;
  height: auto;
  fill: #0d163a;
  margin-left: 8px;
}

.textBtn {
  color: #0d163a;
  transition: .25s;
  border-bottom: 2px #0d163a solid;
  padding-bottom: 8px;
}

.textBtn svg{
  transition: .25s;
}

.textBtn:hover {
  color: #6fbacf;
  text-decoration: none;
}


.textBtn:hover svg {
  fill: #6fbacf;
  transform: translatex(4px);
}

.card {
  transition: .25s;
}

.cardContent {
  padding: 0 20px;
}

.cardImg {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  border-radius: 20px 20px 0 0;
  background-size: cover;
  margin-bottom: 28px;
}

.reclaimCallout input {
  flex-grow: 1;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding-left: 15px;
  padding-right: 26px;
  width: 300px;
}

.reclaimCallout  input[type="text"] {
  border: none !important;
}

.reclaimCallout button {
  border: none;
  background-color: #304f84;
  padding: 10px 14px;
  position: relative;
  right: 4px;
  bottom: 0;
  transition: .25s;
}

.reclaimCallout button:hover {
  color: #fff;
  background: #f58220;
}


.reclaimCallout input:focus,
.reclaimCallout input:focus-visible {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.reclaimCallout button img{
  width:  19px;
}

.whiteBtn {
  background-color: #fff;
}

.textLink {
  text-decoration: underline;
}

.circleMask { 
  background-size: cover;
  border-radius: 100%; 
  width: 400px; 
  height: 400px
}

@media (min-width: 1400px){
  .container {max-width: 1340px;}
  footer .container { max-width: 1140px }
  .site-info .container { max-width: 1140px }
  .circleMask { 
   width: 500px; 
   height: 500px
 }
}



/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/

.homequote {
  background: #eaf0fb;
}

.statsTitle {
  text-transform: uppercase;
  font-size: 16px !important;
  letter-spacing: 4px;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}

.heroStats h2 {
  color:  #6fbacf;
  font-size: 56px !important;
}

.heroStats p {
  font-size:  15px;
}

video {
 position: absolute;
 padding: 0;
 width: 100%;
 height: 116% !important;
 max-width: none;
 max-height: none;
 -o-object-fit: cover;
 object-fit: cover;
 box-shadow: none;
 opacity: .5;
}

.para {
  position: relative;
}


.gradientOverlay {
  width: 100%;
}

.gradientOverlay::after {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  height: 180%;
  content: '';
  background: linear-gradient(40deg, rgb(0, 1, 10, .1) 10%, rgba(20, 20, 34, .1) 100%);
}

.smallHeadline {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color:  #000543;
  font-weight: 500;
}

.card {
  transition: .25s;
}

.solutionsCards .card .card-1 {
  background-color: #5795cb;
  box-shadow: 5px 10px #888888;
} 

.solutionsCards .card .card-2 {
  background-color: #000543;
  box-shadow: 5px 10px #888888;
} 

.solutionsCards .card .card-3 {
  background-color: #305f85;
} 

.solutionsCards .card .card-4 {
  background-color: #3699ff;
} 

.solutionsCards .card svg {
  margin: 20px auto 20px auto;
}

.solutionsCards .card .btn {
  background-color: #fff;
}

.solutionsCards .card .btn:hover {
  color: #000543;
}


.solutionsCards .card.card-1:hover {
  transform: translateY(-3px);
  box-shadow: 0px 0 10px 3px rgba(50,50,50,.35);
} 

.solutionsCards .card.card-2:hover {
  transform: translateY(-3px);
  box-shadow: 0px 0 10px 3px rgba(50,50,50,.35);
} 

.solutionsCards .card.card-3:hover {
  transform: translateY(-3px);
  box-shadow: 0px 0 10px 3px rgba(50,50,50,.35);
} 

.solutionsCards .card.card-4:hover {
  transform: translateY(-3px);
  box-shadow: 0px 0 10px 3px rgba(50,50,50,.35);
} 

.solutionsCards:hover .card:not(:hover) { 
  opacity: .6;
  background-color: #333 !important;
}

/*--------------------------------------------------------------
# Subpages
--------------------------------------------------------------*/

.subpageHero {
  height: 375px;
}

.subpageHero h1{
  color: #fff;
}

.subpageHero p {
  max-width: 425px;
  margin-bottom: 30px;
  font-size: 23px;
  width: 100%;
  font-weight: 300;
  color:  #fff;
}


.subCallout .btn{
  min-width: 285px;
  margin: 0 16px;
}

body.page-template-page-about .card {
  padding: 0px 0 20px 0;
}

body.page-template-page-about .card p {
  color:  #000543;
  margin-bottom: 0;
}

body.page-template-page-about .card svg {
  margin: 36px auto 36px auto;
}

body.page-template-page-about .card .btn {
  background-color: #fff;
}

body.page-template-page-about .card .btn:hover {
  color: #fff;
  background: #f58220;
}



.gform_button {
  padding: 10px 45px;
  min-width: 200px;
  text-align: center;
  background: #FFC208;
  color: #1B0824;
  font-size: 1.2rem;
  transition: .25s;
  border:  none;
  border-radius: 3px;
}

.gform_button:hover {
  color: #fff;
  background: #f58220;
}

.normalList {
  margin-bottom: 36px;
  padding-left: 14px;
}

.normalList li {
  line-height: 1.5;
  margin-bottom: 16px;
}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/


.blog .articlePreview p {
  font-size: 15px;
  font-weight: 300;
}

.blog .contactWidget {
  background-color: #f1f1f1;
}

.single-post .contactWidget {
  background-color: #f1f1f1;
}

.articlePreview {
  border-bottom: 1px solid #dadada;
  padding-top: 36px;
  padding-bottom: 36px;
}




/*--------------------------------------------------------------
# Sidebar Widgets
--------------------------------------------------------------*/

.sidebarWidgets {
  position: relative;
  bottom: 200px;
}

.contactWidget h2,
.inquireWidget h2 {
  font-size: 32px;
  line-height: 1.2;
}

.linksWidget{
  margin-bottom: 26px;
}

.linksHeadline {
  background: #fff;
  padding: 16px 26px;
}

.linksBody {
  background: #f1f1f1;
  padding: 16px 26px;
}

.linksWidget ul {
  padding-left: 0;
  margin-bottom: 0;
}

.linksWidget ul li {
  list-style: none;
  border-bottom: 1px solid #0d163a;
  padding: 16px 0;
}

.linksWidget ul li:last-child {
  border-bottom: none;
}

.linksWidget li a {
  color: #0d163a;
}

.linksWidget h2 {
  font-size: 20px;
  margin-bottom: 0;
}

.inquireWidget,
.contactWidget {
  background: #fff;
  padding: 26px;
  margin-bottom: 26px;
}

.contactWidget p {
 margin-bottom: 8px;
}

.contactWidget a {
  color: #151d3f;
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/

.accordion .card-header.collapsed::before {
  content: url(/wp-content/themes/cv-remote-solutions/img/open-accordion.svg);
}

.accordion .card-header::before {
  content: url(/wp-content/themes/cv-remote-solutions/img/close-accordion.svg);
  float: left;
  margin-right: 12px;
  position: relative;
  top: 3px;
}

.accordion .card-header {
  background:  #fff;
  padding: 22px;
  border-bottom: none;
}

.accordion .card-title {
  font-size: 16px;
  font-weight: 600;
  color: #0d163a;
  cursor: pointer;
}

.accordion p {
  font-weight: 300;
  line-height: 1.5;
}

.accordion .card-body {
  padding:  0 1.25rem 1.25rem 1.25rem;
}

.accordion .card-body p {
  max-width: 650px;
}

.accordion h3 {
  margin-bottom: 28px;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}



@media only screen and (max-width: 1200px) {
  .container100 {
   max-width: 100%;
 }

 #masthead .navbar-nav > li > a {
  padding: 15px 24px;
}
}

/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {font-size: 90%;}
  .homequote blockquote:before,
  .homequote blockquote:after {width: 700px;}
}


@media only screen and (max-width: 991px) {
  #masthead .navbar-nav > li > a {padding: 15px 12px;}
  .sidebarWidgets {position: relative; bottom: 0;}
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
/*@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}*/
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
/*@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}*/


@media screen and (max-width: 991px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
    display:block;
  }
  #menu-main > li:after {display:none;}
  #masthead .navbar-nav > li > a {padding-bottom:3px;}
  .dropdown-menu li a {padding:4px 0;}
  #masthead .navbar-nav > li.nav-btn > a { max-width:180px;margin:10px 0 50px 12px; text-align: center;}
  .homehero h1 {margin-top: 100px;}
}


@media screen and (max-width: 767px) {

  h2 {font-size:35px;}

  .home-tabs .hex-bkd span {padding:0 15%;}
  .homequote blockquote:before,
  .homequote blockquote:after {
    width: 360px;
  }

  .home-tabs .nav-tabs {max-width:100%;}
  .home-tabs .tab-pane {margin:20px auto 0;}

  .quadrants .row > div {border-right:none !important; border-left:none !important; border-bottom:1px solid #ddd;}
  .quadrants .row > div:last-child {border-bottom:none;}

}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/

@media only screen and (max-width: 560px) {

.homehero h1 {
  font-size: 50px;
  margin-top:80px;
}


.homehero p {
  font-size: 20px;
  margin-bottom: 20px;
}

p.statsTitle {
  margin-bottom: 26px !important;
  margin-top: 0 x!important;
  padding-top: 0 !important;
}

.heroStats h2 {
font-size: 42px;
margin-bottom: 0;
}

.heroStats p {
font-size: 18px;
}

  .subpageHero h1 {
    font-size:36px;
  }

  .subpageHero p {
    font-size: 18px;
  }

  .subCallout .btn {
  min-width: 255px;
  margin: 0 auto;
    margin-top: 0px;
}

.subpageHero {
  height: 300px;
}

p.statsTitle {
  font-size: 15px !important;
}
}

@media only screen and (max-width: 480px) {
  html {
    font-size: 80%;
  }
  h2 {font-size:33px;}
  .popout-help.makepop {
    width: 87vw;
  }

  .homehero {
  height: 110vh;
  }

  .homehero h1 {
  font-size: 46px;
  margin-top:62px;
}

.heroStats h2 {
font-size: 42px !important;
margin-bottom: 0;
}

.heroStats p {
font-size: 16px;
}


.reclaimCallout button img {
    width: 13px;
    bottom: 2px;
}

.reclaimCallout input {
  width: 250px;
}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 .home-tabs .tab-content.d-flex.align-items-end.flex-column {display:block !important;}
}

.posts-navigation {
  margin-top: 36px !important;
}



#wpfront-notification-bar a.wpfront-button {
  width: calc(100% - 30%);
  position: absolute;
  left: 0;
  right: 0;
  height: 30px;
  top: 14px;
  margin-left: auto;
  margin-right: auto;
  background: transparent !important;
  border: 0;
  box-shadow: none;
  letter-spacing: 0.04em;
}

.wpfront-notification-bar-editor a.wpfront-button, .wpfront-notification-bar a.wpfront-button {
  display: inline-block;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  white-space: nowrap;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  cursor: pointer;
  padding: 5px 10px;
  margin-left: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

#wpfront-notification-bar div.wpfront-close::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: #e7c4bc;
  position: absolute;
  top: 24px;
  transform: rotate(-45deg);
}

#wpfront-notification-bar div.wpfront-close::before {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: #e7c4bc;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}

#wpfront-notification-bar div.wpfront-close {
  border: none !important;
  background-color: transparent !important;
  color: transparent !important;
  width: 50px;
  height: 50px;
  top: 6px;
  right: 2%;
  padding: 0;
}

#wpfront-notification-bar div {
  display: block !important;
}

#wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor li, #wpfront-notification-bar-editor p {
  font-size: 18px;
}


body.archive .site-content,
body.blog .site-content {
  background: #f5f5f5;
}

body.archive .site-content .card,
body.blog .content-area  .card {
  padding: 0 0 0 0;
}


body.archive .site-content h1
{
  color: #2e2e2e !important;
}

.pillBtn {
  border-radius: 20px;
  color: #fff;
  padding: 4px 16px;
  font-weight: 400;
  transition: .25s;
  margin-bottom: 16px;
}

.pillBtn.Blog {
  background: #305f85;
}

.pillBtn.Videos {
  background: #000543;
}


.pillBtn.Publications {
  background: #5795cb;
}

.pillBtn:hover {
  background-color: #aaa;
  text-decoration: none;
  color: #fff;
}

.nav-previous, 
.nav-next {
  height: 32px;
}

.nav-previous a, 
.nav-next a{
  padding-bottom: 3px;
  border-bottom: 1px solid #0d163a;
  transition:  .25s;
}

.nav-previous a:hover, 
.nav-next a:hover{
 text-decoration: none;
 border-bottom: 1px solid  #0056b3;
}

.wpfront-message {
  line-height: 1.25;
}

.categoryCards .card-title {
  font-size: 28px;
}

.categoryCards p{
  text-align: center;
}

.categoryCards .btn {
  background-color: #fff;
  color: #1B0824;
}

.categoryCards .btn:hover {
  color: #fff;
  background: #f58220;
  background-color: rgb(245, 130, 32);
}

.categoryCards svg {
  fill: #fff;
  height: 42px;
  width: 42px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 480px) {
  #wpfront-notification-bar .wpfront-message {
    max-width: 280px !important;
    text-align: left !important;
    margin-left: 26px !important;
    font-size: 17px !important;
  }
  #wpfront-notification-bar .wpfront-close {
    width: 34px !important;
  }
}

@media only screen and (max-width: 360px) {
  #wpfront-notification-bar .wpfront-message {
    max-width: 265px !important;
    text-align: left !important;
    margin-left: 16px !important;
    font-size: 15px !important;
  }
}

.footerNav ul li {
  color: #fff;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 12px;
}

.footerNav ul {
  margin-bottom: 1rem;
}

.footerNav .sub-menu li a{
  font-weight: 400;
  color: #bcc7d2 !important;
}

.footerNav .sub-menu li:first-child{
  margin-top: 6px;
}

.footerNav .sub-menu li a{
  margin-bottom: 0;
}

.footerNav .sub-menu li{
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 576px) {
  .address::before {
    left: 10px;
  }
  .address {
    padding-left: 32px;
  }
}