/*
Theme Name: Child Theme
Theme URI: https://nexyta.com/
Description: Child theme for Cross Border Pickups
Author: Nexyta
Author URI: https://nexyta.com/
Template: consulting
Version: 1.09
*/

 /* Custom css for new blog start */
 body.blog #main img,
 body.archive #main img,
 body.single #main img {
  max-width: 100%;
}

body.blog .full-width-blog,
body.archive .full-width-blog {
  width: 100% !important;
}

body.blog .blog-sidebar,
body.archive .blog-sidebar {
  display: none !important;
}
body.blog .page_title,
body.archive .page_title {
	padding: 115px 0;
	text-align: center;
}
body.blog .page_title h1,
body.archive .page_title h1 {
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #fff;
}
body.blog .page_title h1:after,
body.archive .page_title h1:after {
	content: none;
}

.fullsizebanner {
  margin: 50px 0;
	display: none;
}

.categories-menu {
  display: block;
  overflow: hidden;
  padding-bottom: 30px;
  margin: 50px 0px 70px;
  border-bottom: 1px solid #ddd;
}

.categories-menu ul.cats-list {
  list-style: none;
  padding-left: 0;
}

.categories-menu ul.cats-list li {
  display: inline-block;
  margin: 0 10px;
	font-family: Montserrat;
	text-transform: uppercase;
	font-weight: 600;
}

body.blog .categories-menu ul.cats-list li.active a,
.categories-menu ul.cats-list li.current-cat a {
  color: #DD2626;
}

.categories-menu ul.cats-list li.last-child {
  position: relative;
  margin-left: 20px;
}

.categories-menu ul.cats-list li.last-child a:before {
  background-color: #babfc1;
  content: '';
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  top: 3px;
  left: -15px;
}

body.blog ul.page-numbers,
body.archive ul.page-numbers {
  width: 100%;
  display: block;
  overflow: hidden;
}

/* ------ BLOG PAGE ------*/
.new-blog-post {
  list-style: none;
  margin: 0;
  padding: 0;
}
.img-inner a img {
  width: 100%;
  height: auto;
}
.post-image-inner {
  position: relative;
  max-height: 500px;
}
.post-image-inner:after {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .7);
  left: 0;
  top: 0;
  content: '';
  z-index: 9;
  opacity: 0;
  transition: all .3s;
}
.post-image-inner:hover.post-image-inner:after {
  opacity: 1;
}
.img-hover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: '';
  z-index: 9999;
  opacity: 0;
  transition: all .3s;
}
.post-image-inner:hover .img-hover {
  opacity: 1;
}
.img-hover a {
  border: 1px solid #e24e2f;
  padding: 8px 30px;
  color: #e24e2f;
  font-size: 11px;
  text-transform: uppercase;
}
.img-hover a:hover {
  color: #e24e2f;
  text-decoration: none;
}
.left,
.right {
  width: 48%;
  float: left;
}
.right {
  margin-left: 4%;
}
.left ul,
.right ul {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 2px solid #ddd;
}
.left ul:nth-child(1),
.right ul:nth-child(3) {
  width: 100%;
  height: 410px;
}
.left ul:nth-child(2),
.left ul:nth-child(3),
.right ul:nth-child(1),
.right ul:nth-child(2) {
  width: 48%;
  float: left;
  height: 230px;
}
.left ul:nth-child(3),
.right ul:nth-child(2) {
  margin-left: 4%;
}

.right ul li h5,
.left ul li h5 {
  width: 100%;
  font-size: 16px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 15px;
  padding-top: 12px;
}
.right ul li h5:before,
.left ul li h5:before {
    content: none;
}
.right ul:last-child li h5,
.left ul:first-child li h5 {
  width: 100%;
  margin-bottom: 23px;
}
.title-image-inner h5:after {
  background: transparent;
}
/* Custom css for new blog end */

/*=============FAQ Hero===========*/
.faq-hero {
  max-height: 220px;
  color: #fff;
  background: #2C3279;
}
.faq-hero .faq_search {
  margin-top: 60px !important;
}
.faq-hero .faq_search input {
  background: #fff;
  font-size: 20px;
}
/*=============Top questions===========*/

.general {
  padding: 20px 0px;
}
.general .entry-title {
  padding-bottom: 30px;
}
.general .entry-title h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000;
}
.general .entry-title .line {
  padding: 5px;
  width: 100px;
  background: #4472C4;
}
.general .questions-inner .panel-heading,
.panel-group .panel-heading {
  background: #F5F5F5;
  padding: 15px;
  border: 1px solid #eee;
}
.general .questions-inner h4 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding-top: 0;
	text-transform: uppercase !important;
}
.general .questions-inner h4 a {
  text-decoration: none;
  cursor: pointer;
}
.general .topics-items .item {
  padding-bottom: 10px;
}
.general .topics-items h4 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 15px;
  padding-bottom: 5px;
  margin-bottom: 0;
  text-align: center;
  color: #000;
}
.panel-body p.mess-cont {
  font-style: italic;
  color: orange;
  margin-top: 10px;
  border-top: 1px solid orange;
}
.panel-body p.mess-cont span {
  cursor: pointer;
}
.panel-body p.mess-cont span:nth-child(1) {
  font-weight: bold;
  color: green;
}
.panel-body p.mess-cont span:nth-child(2) {
  font-weight: bold;
  color: red;
}

/* Custom css for new blog end */
body.page-template-faq .content-area:parent {
  width: 100% !important;
  padding: 0 !important;
}

/*============= Categories ===========*/
.col-md-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

/* ------ FAQS  ------ */
.page-template-faq .general .entry-title {
  margin-top: 30px;
}

.page-template-faq .general .line,
.top_questions .line {
  margin: 0px !important;
}

p.mess-cont {
  color: #91CF50;
}

p.mess-cont span,
.questions .panel .panel-title {
  cursor: pointer;
}

.topics-items .item h4 {
  font-size: 16px;
  margin-bottom: 5px;
}
.topics-items h3 {
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
}

.faq-title h2::after, .faq h2::after, .faq h4::after {
  display: none;
}

.faq-title h2, .faq h2, .faq h4 {
  color: #000;
}

.faq .faq-item h2.panel-title {
  background: #A5A5A5;
  padding: 0px 20px;
  cursor: pointer;
}

.faq .faq-item h4.panel-title {
  padding: 0px;
  cursor: pointer;
}

.faq .faq-item .main-title {
  padding: 0;
  margin-bottom: 10px;
}

.arrow-margin {
  position: absolute;
  margin: -20px 0px 0px 1050px;
}

.page-template-faq h1:after, .page-template-faq .h1:after, .page-template-faq h2:after, .page-template-faq .h2:after, .page-template-faq h3:after, .page-template-faq .h3:after, .page-template-faq h4:after, .page-template-faq .h4:after, .page-template-faq h5:after, .page-template-faq .h5:after, .page-template-faq h6:after, .page-template-faq .h6:after {
  display: none;
}

.faq_search input {
  background: #fff;
  font-size: 20px;
}

.faq_search .form-control:active {
  box-shadow: none !important;
}

.faq-hero .hero-title h2 {
  color: #fff;
}

.help_topics .entry-title h2 {
  color: #000;
}

.help_topics .topics-items h4,
.help_topics .topics-items h4 a {
  color: #000;
  font-size: 16px;
  text-transform: uppercase !important;
}

.top_questions .questions h4 {
  padding: 0;
}

.line {
  margin: 0;
}

/*=============FAQ Hero===========*/
.faq-hero {
  color: #fff;
  background: #2C3279;
}

.faq-hero .hero-title {
  margin-top: 10px;
}

.faq-hero .hero-title h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 30px;
}

.faq-hero .hero-title h2 span {
  color: #DBD600;
}

/*=============Browse help topics===========*/
.help_topics {
  padding: 20px 0px;
}

.help_topics .entry-title {
  padding-bottom: 30px;
}

.help_topics .entry-title h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 25px;
}

.help_topics .entry-title .line {
  padding: 5px;
  width: 100px;
  background: #4472C4;
  margin: 0 auto;
}

.help_topics .topics-items .item {
  padding-bottom: 10px;
}

.help_topics .topics-items h4 {
  font-weight: bold;
  line-height: 15px;
  padding-bottom: 5px;
  margin-bottom: 0;
}

/*=============Top questions===========*/
.top_questions {
  padding: 20px 0px;
}

.top_questions .entry-title {
  padding-bottom: 30px;
}

.top_questions .entry-title h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000;
}

.top_questions .entry-title .line {
  padding: 5px;
  width: 100px;
  background: #4472C4;
}

.top_questions .questions h4 {
  font-size: 16px;
  font-weight: normal;
  color: #4472C4;
}

.top_questions .questions h4 a {
  text-decoration: none;
  cursor: pointer;
}

.page-id-3329 h1:after, .page-id-3329 .h1:after, .page-id-3329 h2:after, .page-id-3329 .h2:after, .page-id-3329 h3:after, .page-id-3329 .h3:after, .page-id-3329 h4:after, .page-id-3329 .h4:after, .page-id-3329 h5:after, .page-id-3329 .h5:after, .page-id-3329 h6:after, .page-id-3329 .h6:after {
  display: none;
}

.how_can_we_help {
  padding: 20px 0px;
}

.how_can_we_help .entry-title {
  padding-bottom: 30px;
}

.how_can_we_help .entry-title h2 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 25px;
  color: #000;
}

.how_can_we_help .entry-title .line {
  padding: 5px;
  width: 100px;
  background: #4472C4;
  margin: 0 !important;
}

.how_can_we_help .contact-form input {
  border: 0px;
  background: #fff;
  width: 100%;
  font-size: 16px;
  padding: 15px;
  color: #000;
  height: 39px;
}

.how_can_we_help .contact-form .cs-border {
  border: 1px solid #B0B0B0;
  margin: 8px 0px;
  padding: 5px 10px;
}

.how_can_we_help .contact-form textarea {
  width: 100%;
  height: 200px;
  color: #000;
  border: 1px solid #B0B0B0;
  font-size: 16px;
  padding: 5px 10px;
  background: #fff;
}

.how_can_we_help .contact-form input[type=submit] {
  width: 100px;
  background: #C00000;
  padding: 10px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
}

/*============Search=============*/
.general h1:after, .general .h1:after, .general h2:after, .general .h2:after, .general h3:after, .general .h3:after, .general h4:after, .general .h4:after, .general h5:after, .page-id-3329 .h5:after, .page-id-3329 h6:after, .general .h6:after {
  display: none;
}

/* ------------- Hovereffect --------------- */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin: 15px 0 5px;
}

.faq-cat-page .col-md-12:first-child .hovereffect {
  margin-top: 0; 
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase !important;
  text-align: center;
  position: relative;
  top: 30%;
  font-size: 16px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}
.hovereffect h2 a:hover {
  text-decoration: none; 
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* -------------- RESPONSIVE ---------------*/
@media all and (max-width: 1024px) {
  .left ul:nth-child(1),
  .right ul:nth-child(3) {
    height: 360px;
  }
  .left ul:nth-child(2),
  .left ul:nth-child(3),
  .right ul:nth-child(1),
  .right ul:nth-child(2) {
    height: 200px;
  }
  .img-hover {
    display: none;
  }
  .hovereffect h2 {
    font-size: 13px;
  }
}

@media all and (max-width: 990px) {
  .faq-cat-page .col-md-12:first-child .hovereffect {
    margin-top: 15px; 
  }
  .faq-cat-page .hovereffect .overlay {
    left: 3%; 
  }
}

@media all and (max-width: 834px) {
  .left ul:nth-child(1),
  .right ul:nth-child(3) {
    height: 285px;
  }
  .left ul:nth-child(2),
  .left ul:nth-child(3),
  .right ul:nth-child(1),
  .right ul:nth-child(2) {
    height: 165px;
  }
}

@media all and (max-width: 767px) {
	.fullsizebanner {
		display: block;
	}
	body.blog .page_title,
	body.archive .page_title {
	  display: none !important;
	}
	.categories-menu {
	  margin-top: 0;
	}
}

@media all and (max-width: 568px) {
  .faq-hero .hero-title h2 {
    font-size: 26px;
  }
  .faq-cat-page .hovereffect .overlay {
    left: 10%;
  }
}

@media all and (max-width: 414px) {
  /* START FAQ PAGE */
  .faq-hero .hero-title h2 {
    font-size: 24px;
  }
  .hovereffect h2 {
    font-size: 14px; 
  }
  .top_questions .questions h4 {
    font-size: 14px;
  }
  .general .questions-inner h4 {
    font-size: 14px;
  }
  .general .entry-title h2 {
    font-size: 26px;
  }
  .faq-hero .hero-title {
    margin-top: 20px;
  }
  .faq-hero .faq_search {
    margin-top: 45px !important;
  }
  .general .questions-inner h4 {
    font-size: 14px;
    padding-top: 0px;
  }
  .general .questions-inner .panel-heading {
    padding: 10px 15px;
  }
  /* END FAQ PAGE */
  .left, .right {
    width: 100%;
  }
  .right, .left,
  .right ul, .left ul {
    margin-left: 0 !important;
  }
  .left ul, .right ul {
    height: 305px !important;
    width: 100% !important;
  }
  .right ul li h5, .left ul li h5 {
    width: 100%;
  }
  body.blog ul.page-numbers, body.archive ul.page-numbers {
    padding-top: 35px;
  }
}

@media all and (max-width: 384px) {
  .left ul, .right ul {
    height: 290px !important;
  }
  .faq-hero .hero-title h2 {
    font-size: 21px;
  }
  .hovereffect h2 {
    font-size: 12px;
    top: 25%;
  }
}

@media all and (max-width: 375px) {
  .left ul, .right ul {
    height: 280px !important;
  }
}

@media all and (max-width: 360px) {
  .faq-hero .hero-title h2 {
    font-size: 20px;
  }
  .hovereffect h2 {
    top: 25%;
  }
  .hovereffect h2 {
    font-size: 12px;
  }
  .general .entry-title h2 {
    font-size: 24px;
  }
  .left ul, .right ul {
    height: 270px !important;
  }
}

@media all and (max-width: 320px) {
  .faq-hero .hero-title h2 {
    font-size: 17px;
  }
  .general .entry-title h2 {
    font-size: 22px;
  }
  .general .questions-inner h4 {
    font-size: 12px;
  }
  .left ul, .right ul {
    height: 245px !important;
  }
  .hovereffect h2 {
    font-size: 10px;
  }
}

.mobile_grid_landscape .mobile_header .header_info .top_nav_mobile ul.sub-menu li a {
    color : #2c3279;
}