/*
Theme Name: twentysixteen-child
Version: 5.2
Description: Twenty Sisteen Child Theme
Author: Antonio Iglesias
Template: twentysixteen
*/

@import url("style-3.css");

@import url("bootstrap.css");

/* @import url("/css/style.css"); */


@font-face {
font-family: 'Billabong';
font-style: normal;
font-weight: normal;
src: local('Billabong'), url('../woff/billabong.woff') format('woff');
}


/*----------------- changes below -------------------------------*/

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  outline: none;
}

.pagination:after {
    right: 54px;
    background: transparent;
}
.pagination:before {
    right: 0px;
    background: transparent;
}

.pagination .prev, .pagination .next {
  border-radius: 40px;
  transition: all 0.25s ease-in;
}

.pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {
    background-color: #00A5E2;
    color: #fff;
    text-decoration: none;
}

.pagination .next:before {
     transition: all 0.25s ease-in;
} 

.pagination .next:hover:before {
    right: -4px;
} 
.pagination .prev:before {
     transition: all 0.25s ease-in;
} 

.pagination .prev:hover:before {
    left: -4px;
} 

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #000;
  border-top: 0px solid #1a1a1a;
    padding-top: 0;
}


.site-inner {
    max-width: none;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    background: inherit;
    content: "";
    display: block;
    height: 0px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}




.comments-link {
    display: none;
}

.entry-footer {
    color: #000000;
    font-family: volt-light;
    font-size: 16px;
    line-height: 1.6153846154;
    margin-top: 2.1538461538em;
}

.entry-footer a {
    color: #000000;
}

.entry-footer a:hover, .entry-footer a:focus {
    color: #00A5E2;
  text-decoration: none;
}

.widget {
    border-bottom: 1px dashed #000;
    border-top: 0px solid #1a1a1a;
    margin-bottom: 0.5em;
    padding-top: 0.75em;
    padding-bottom: 1em;
    font-size: 15px;
}

.widget .widget-title {
    font-family: volt-light, "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-size: 2rem;
    letter-spacing: 0.046875em;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    text-transform: uppercase;
}



input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    color: #000;
    padding: 0.625em 0.4375em;
    width: 100%;
}

.search-form label {
    display: block;
}
..search-submit:before {
    color: #fff;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background: #000;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-family: volt-light, "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
}

.widget ul {
  list-style-image: url('../png/bullet-sq.png');
    margin-left: 40px;
}

.comment-form label {
    color: #000;
    display: block;
    font-family: volt-light, "Helvetica Neue", sans-serif;
    font-size: 13px !important;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}


.comments-title, .comment-reply-title {
    border-top: 0px solid #000;
    font-family: volt-light, "Helvetica Neue", sans-serif;
    font-size: 23px !important;
    /* font-size: 1.4375rem; */
    font-weight: 700;
    line-height: 1.3125;
    padding-top: 1.217391304em;
}

.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags {
    color: #000;
    font-size: 13px !important;
    /* font-size: 0.8125rem; */
    line-height: 1.6153846154;
    margin-bottom: 2.1538461538em;
}


.post-navigation .meta-nav {
    color: #000;
    font-size: 13px !important;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;
}

.site-main > article {
    padding-bottom: 3.5em;
    position: relative;
  border-bottom: 1px dotted;
  margin-bottom: 0;
}

.entry-title {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
  font-family: volt-bold;
    font-weight: 500;
    line-height: 1.1;
  margin: .67em 0;
}


.entry-title a {
    color: #000000;
}

.entry-title a:hover{
    color: #00A5E2;
}



.entry-meta{
  margin: 0px 0px 10px 0px; 
}

.entry-meta > .tags-links > a {
  color:#000;
  text-transform: uppercase;
  font-size: 16px;
}

.entry-meta > .cat-links > a {
  color:#000;
  text-transform: uppercase;
  font-size: 16px;
}

.entry-meta > .posted-on > a {
  color:#000;
  
}

.entry-meta > .comments-link > a {
  color:#000;
}

.entry-meta > .tags-links > a:hover{
  color:#00A5E2;
}

.entry-meta > .cat-links > a:hover{
  color:#00A5E2;
}

.entry-meta > .posted-on > a:hover {
  color:#00A5E2;
  
}

.entry-meta > .comments-link > a:hover {
  color:#00A5E2;
}

body:not(.search-results) article:not(.type-page) .entry-meta > span:not(:last-child):after{
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}

.more-link {
	color: red;
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #1a1a1a !important;
    content: "";
    height: inherit;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    width: inherit;
}

.dropdown-toggle:after {
    border: 0 solid #d1d1d1;
    border-left-width: 1px; 
    content: none; 
    font-size: 24px; 
    left: 1px; 
    position: relative; 
    width: 48px; 
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {

     border-radius: 0px; 

}

.menuItems .item span span {
    display: none !important;
}
.PIN_1485259436981_button_pin {
    display: none;
}


.h2-press{
    margin-top: 0px;
}

.img-press{
	height: 50%;
}

@media(max-width: 600px) {
.jp-relatedposts-post-img {
  margin-left: auto;
  margin-right: auto;
}
}

@media only screen and (max-width: 640px){
#jp-relatedposts .jp-relatedposts-items-visual {
     margin-right: 0px !important; 
}
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect .overlay:hover {
  background: rgba(255, 255, 255, 0.62);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #00A5E2;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  top: 90% !important;
}

.hovereffect:hover h2 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
  transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #000;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #000;
}

.hovereffect hr {
  width: 40%;
  opacity: 0;
  filter: alpha(opacity=0);
  border: 1px solid #000;
}

.hovereffect  hr:nth-child(3) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,90deg) scale3d(0,0,1);
}

.hovereffect  hr:nth-child(4) {
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,180deg) scale3d(0,0,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1, 180deg) scale3d(0,0,1);
}

.hovereffect h2, .hovereffect hr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: #eee;
  margin: 0px;
}

.set1, .set2 {
  left: 50%;
  position: absolute;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
}

.set1 {
  top: 40%;
}

.set2 {
  top: 60%;
}

.hovereffect p {
  width: 30%;
  text-transform: none;
  font-size: 15px;
  line-height: 2;
}

.hovereffect p a {
  color: #000;
}

.hovereffect p a:hover,
.hovereffect p a:focus {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.hovereffect  a i {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  padding: 10px;
}

.set1 a:first-child i {
  -webkit-transform: translate3d(-60px,-60px,0);
  transform: translate3d(-60px,-60px,0);
}

.set1 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,-60px,0);
  transform: translate3d(60px,-60px,0);
}

.set2 a:first-child i {
  -webkit-transform: translate3d(-60px,60px,0);
  transform: translate3d(-60px,60px,0);
}

.set2 a:nth-child(2) i {
  -webkit-transform: translate3d(60px,60px,0);
  transform: translate3d(60px,60px,0);
}

.hovereffect:hover hr:nth-child(3) {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg) scale3d(1,1,1);
}

.hovereffect:hover hr:nth-child(4) {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
  transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-180deg) scale3d(1,1,1);
}

.hovereffect:hover .set1 i:empty, .hovereffect:hover .set2 i:empty {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
  filter: alpha(opacity=100);
}

.twitter-c {
	color: #1DA1F2 !important;
}

.facebook-c {
	color: #4867AA !important;
}

.pagination {
    border-top: 0px solid #1a1a1a;
    font-family: volt-light, "Helvetica Neue", sans-serif;
    font-size: 19px;
    font-size: 1.1875rem;
    margin: 0 0 2.947368em;
    min-height: 56px;
    position: relative;
    display: block;
    border-radius: 0px;
}

.pagination .nav-links {
    padding-right: 106px;
    position: relative;
    padding-top: 8.32px;
    padding-bottom: 8.32px;
}
.pagination .page-numbers{
  font-size: 16px;
  display: inline-block;
}
.press-container {
    padding-right: 87px;
    padding-left: 87px;
}

.press-container img {
  margin-right: auto;
  margin-left: auto;
}

.navbar-header-blog {
    border-right: 0px;
    background-color: #fff;
    padding-top: 25px;
   
}

.menu-blog{
      background-color: transparent;
    border-color: transparent !important;
}

.menu-blog:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

.navbar-toggle .icon-blog {
      width: 36px !important;
    height: 5px !important;
        background-color: #000 !important;
}

.hidden{
  display: none;
}

.icon-blog-close{
  color: black;
  font-size: 36px;
}

.sidebarblogdiv {
    width: 100%;
    margin: 0;
    margin-top: 46px;
    border: 1px solid;
    padding: 15px;
}

.widget .media-heading {
    font-size: 16px !important;
}

.sharify-container ul li a:hover {
    color: #fff !important;
}

@media (max-width: 991px) and (min-width: 768px){

.press-container {
    padding-right: 15px;
    padding-left: 15px;
}

.menu-blog{
    display: block !important;
        

}

}

.no-padding {
 margin-bottom: 0.2em !important;
}

.label-black {
  background: #000000;
}

.label-black:hover {
  background: #00A5E2;
  -webkit-transition-property: color, background;
    -webkit-transition-duration: 0.25s, 0.25s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: color, background;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: color, background;
    -o-transition-duration: 0.25s;
    -o-transition-timing-function: linear, ease-in; 
    text-decoration: none !important;

}

.btn-widget {
	border: 1px solid;
    background: #000;
    color: #fff !important;
    width: 100% !important;
}

.btn-widget :hover {
	 color: #000 !important;
}

.btn-widget button {
    font-size: 16px !important;
	color: #fff !important;
	border-radius: 0px !important;
	padding: 0.846153846em;
}

@media (max-width: 767px){

.press-container {
    padding-right: 5px;
    padding-left: 5px;
}
.menu-blog{
    display: block !important;
margin: 0 !important;
            padding: 9px 0px !important;
}


}


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

.content-area {
    float: left;
    width: 100%;
}
}
/*	@media screen*/

@media screen and (min-width: 44.375em) {
.site {
    margin: 0px;
}

.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
     margin-right: 0%; 
}

.site-main > article {
    padding-bottom: 5.25em;
	margin-bottom: 0;
}

}

@media screen and (min-width: 56.875em){
.widget button, .widget input, .widget select, .widget textarea {
    font-size: 16px;
	color: #fff;
	border-radius: 0px;
	
}

.widget input[type="search"].search-field {
    width: 100%;
	border-radius: 0px;
}

}

@media screen and (min-width: 61.5625em) {
body:not(.search-results) article:not(.type-page) .entry-content {
    float: right;
    width: 100%;
}

body:not(.search-results) article:not(.type-page) .entry-footer {
    float: left;
    margin-top: 1.153846em;
    width: 100%;
}

.single .byline, .full-size-link, body:not(.search-results).group-blog .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
    display: inline-block;
    margin-bottom: 0;
}

.site-main > article {
    padding-bottom: 7em;
	margin-bottom: 0;
}

body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after{
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}

}

@media screen and (max-width: 991px){
  #text-3 {
    display: none;
  }


  #text-4 {
    display: block;
  }
  
}

@media screen and (min-width: 991px){
#text-4{
  display: none;
}
  #text-3 {
    display: block;
  }
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

fieldset legend {
	text-align: center;
    border-bottom: 0px;
}


@media (min-width: 320px) and (max-width: 414px) {
  .jssocials-share-logo {
    font-size: 2em !important;
}
}

@media (max-width: 320px) {
  .jssocials-share-logo {
    font-size: 2em !important;
}
}

.notice-bg {
    max-width: 960px;
    margin: 0 auto;
    background: #000;
    padding: 25px;
    color: #fff;
    text-align: center;
    font-size: 19px;
}

/*term & returns*/

.terms a {
    text-decoration: none; 
    font-size: 12px;       
}

.refunds {
    margin-bottom: 3px;
}

/*newsletter*/

.newsletterModal .modal-dialog {
    margin-top: 100px;
}    

.newsletterModal #mc_embed_signup {
  margin: 0 20px;
} 

.newsletterModal .modal-header {
    border-bottom: none;
}

.newsletterModal .modal-header {
    border-bottom: none;
    color: #00A5E2;
}

.newsletterModal {
    padding-right: 0;
}

.newsletterModal .close {
    font-size: 35px;
}

.newsletter-email p {
    font-size: 16px;
    font-weight: bold;
}

.newletterModal .envelope {
    width: 100%;
}

.envelope .fa-envelope-o {
    margin: 0 auto;
    display: block;
    text-align: center; 
    font-size: 35px;   
}

.newsletterModal h2 {
    text-align: center;
    font-size: 24px;
    margin-top: 5 !important;
    margin-bottom: 5px !important;
}

@media (min-width: 992px){
    .newsletterModal .modal-dialog {
        margin-top: 200px;
    }

    .newsletter-email .mc-field-group {
        margin-top: 30px;
    }
}

@media (min-width: 700px){
    .newsletterModal .modal-dialog {
        margin-top: 50px;
        width: 500px;
    }

    .newsletterModal .modal-dialog {
        margin-top: 50px;
        width: 500px;
    }    
}

.post p {
  margin-bottom: 20px;
}

.bg-blue {
    background: #00A5E2;
    padding-left: 15px;
    color: #fff !important;
}

.phone-top {
    color: #fff !important;
    margin: 0;
    letter-spacing: 3px;
    line-height: 2;
}

a[href^=tel] { color: inherit; text-decoration: none; }

.cart-top-menu{
    margin-right: 0;
}

.circle-items{
    color: #fff;
    right: 0;
    top: 12px;
    width: 25px;
    height: 25px;
    position: absolute;
    background: #000;
    border-radius: 50%;
    text-align: center;
}

.item-numbers-top {
    position: relative;
    margin: 5px;
    font-size: 13px;
}


@media (max-width: 801px) {
.sharing-img-cart {
    display: none;
}
}
@media (max-width: 414px) {
    .circle-items {
    top: 6px;
    width: 20px;
    height: 20px;
}

.item-numbers-top {
    margin: 3px;
    font-size: 10px;
}
}

/*mobile menu redesign*/

.nav-phone-number {
  background: #42413d !important;
}

.mobile-navbar {
  background: rgb(255, 255, 255);
  width: 100%;
  z-index: 111;
}

#background-fade {
  z-index: 1111;
  background: rgba(119, 119, 119, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

.cart-top-menu {
  display: inline-block;
  height: 28px;
  padding: 3px;
}

.mobile-menu-btn .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #000;
  margin-bottom: 3px;
}

.nav-phone-number a[href^="tel"] {
  margin-right: -30px;
}

/* Hamburger */

.hamburger-wrapper {
  right: 15px;
  margin-right: 6px;  
  display: inline-block;
  position: fixed;
  top: 22px;  
  width: 22px;
  height: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.hamburger-wrapper span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger-wrapper span:nth-child(1) {
  top: 0px;
}

.hamburger-wrapper span:nth-child(2),.hamburger-wrapper span:nth-child(3) {
  top: 5px;
}

.hamburger-wrapper span:nth-child(4) {
  top: 10px;
}

.hamburger-wrapper.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.hamburger-wrapper.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger-wrapper.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger-wrapper.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.nav-phone-number .circle-items {
  position: relative;
  display: inline-block;
  margin-left: -7px;
  background: #fff;
  top: -5px;
  height: 23px;
  width: 23px;
}

.nav-phone-number .item-numbers-top {
  bottom: 3px;
  left: 1px;
  font-size: 12px;
}

@media (max-width: 992px) {
  .panel-body {
    padding: 0;
  }
}

.mobile-menu-wrapper {
  position: fixed;
  width: 80%;
  transition: 1s;
  height: 100%;
  background: #d4d4d4;
}

.mobile-menu-wrapper a {
  color: #42413d;
}

.mobile-menu-wrapper .col-xs-12{
  overflow-y: auto;
}

.btn-group {
  color: #42413d;
}

#bottommenu {
  background: #42413d;
  padding-top: 5px;
  margin-bottom: -5px;
}

#content-wrapper {
  background: #fff;
  transition: all 0.55s cubic-bezier(0.46, 0.01, 0.32, 1);
  position: relative;
}

.slide-page-right {
  transform: translateX(80%);
  opacity: 0.5;
  z-index: -1;
}

.mobile-menu-wrapper .panel-body {
  padding-top: 0 !important;
}

.mobile-menu-wrapper .btn-group a {
  color: #000;
}

.mobile-menu-wrapper .btn-group {
  padding: 7px 30px;
  font-size: 18px;
  font-weight: 700;
  /*    border-bottom: 1px solid #eee;*/
}

.mobile-menu-wrapper .test-ride-btn {
  background: #42413d;
}

.mobile-menu-wrapper .test-ride-btn a{
  color: #fff;
}

.mb-menu-first .btn-group {
  padding: 7px 15px;
}



#main-menu, #main-navigation{
  z-index: 2;
}

.mobile-menu-wrapper .fa-angle-right,
.mobile-menu-wrapper .fa-angle-left,
.mobile-menu-wrapper .fa-angle-down {
  font-size: 26px;
  color: #42413d;
  transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
}

.mobile-navbar .h2-menu {
  margin-top: 5px !important;
  margin-bottom: 18px !important;  
}

.mobile-navbar #menu-tile {
  position: absolute;
  font-size: 11px;
  right: 3px;  
  top: 30px;
}

.mobile-arrow-turn-down {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg);
}

#brochureForm .alert-info {
  margin: 0 10px 20px 10px;
}

.mobile-menu-wrapper input {
  padding-left: 10px;
  margin-left: 5px;
  width: calc(100% - 45px);
  margin-bottom: 20px;
  border: 1px solid #bbb;
  /*    -webkit-appearance: none;
    box-shadow: 1px 1px 3px 0px #999;
    -webkit-box-shadow:   1px 1px 3px 0px #999;*/
  border-radius: 3px;
  transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
}

#topnav-search .fa-search {
  transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
}

@media (max-width: 426px) {
  .mobile-menu-wrapper input:focus {
    transform: scale(1.25);
  }
}

.mobile-menu-wrapper .back-btn-wrapper {
  width: 38px;
  position: absolute;
  z-index: 1111;
  height: 100%;
  -webkit-appearance: none;
  box-shadow: inset -2px 0px 2px 0px #ccc;
  -webkit-box-shadow: inset -2px 0px 2px 0px #ccc;
}

.mobile-menu-wrapper .back-btn {
  position: absolute;
  top: 50%;
  left: 14px;
}

.mobile-menu-wrapper .back-btn-wrapper .fa-undo {
  color: #00a5e2;
  font-size: 22px;
}

.mobile-menu-wrapper .sub-menu-wrapper {
  margin-left: 38px;
}

#mb-menu-electric-bikes,
#mb-menu-volt-world,
#mb-menu-news,
#mb-menu-buyer-info {
  display: none;
}

.mb-menu-return-btn {
  background: #ddd;
}

#topnav-search {
  padding: 0 15px;
}

#topnav-search i {
  font-size: 22px;
  color: #6b6b6b;
}

@media (max-width: 768px) {
  .mb-menu-second {
    padding: 0;
  }
}

#xs-nav-search-container{
  display: none;
  padding: 5px 15px;
}

#nav-search-list .lpage {
  margin-bottom: 10px;
}

.volt-footer {
  background: #000;
  z-index: 2;
  position: relative;
}


#accordionMenu{
  transition: 500ms;
  /* position: absolute; */
  top: 0;
}

#accordionMenu .panel {
  border: none;
}
.loading-brand {
  height: 90px !important;
  padding: 8px 5px 10px 5px;
}

#volt-o {
  animation: spin 2s linear infinite;
  transform-origin: 50% 50%;
  transform-box: fill-box; 
  will-change: transform; 
}

.loading-brand-wrapper {
  transform-style: preserve-3d;
  position: fixed;
  top: 45%;
  left: calc(50% - 120px);
  transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  z-index: 9999;
}

.loading-screen {
  width: 100%;
  height: calc(100% - 70px);
  background: #fff;
  position: absolute;
  z-index: 1111;
}

.loading-screen-transition{
  transition-duration: 1400ms;
  -webkit-transition-duration: 1400ms;
}

@media (max-width: 767px) {
  .loading-screen-transition {
    transition-duration: 700ms;
    -webkit-transition-duration: 700ms;
  }
}

@media (min-width: 992px) {
  .loading-brand-wrapper {
    transform: scale(2);
  }
  }

@media (max-width: 992px) {
  .navbar-placeholder {
    height: 99px;
  }
}

@keyframes spin {
  0% {
    transform: rotateY(0deg);
    will-change: transform; 
  }
  100% {
    transform: rotateY(360deg);
    will-change: transform; 
  }
}

.taxonomy-description{
  padding-bottom: 20px;
}

.taxonomy-description p{
  font-family: "volt-light";
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0 0 10px;
    display: inline-block;
}

.author_name {
  display: none;
}

.blog-navbar {
  position: absolute;
  right: 10px;  
}


.wp-caption-text{
  font-size: 1.2rem !important;
}


.entry-content h2, .entry-summary h2, .comment-content h2 {
    font-size: 1.85rem;
}

.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-size: 1.6375rem;
}


/*.has-post-thumbnail iframe {
  display: none;
}

.site-main article iframe {
  display: none !important;
}


.blog-index-video-img{
  display: block;
}

.blog-single-page .blog-index-video-img{
  display: none;
}

.blog-single-page .jetpack-video-wrapper iframe,
.blog-single-page .embed-responsive iframe {
  display: block !important;
}

.blog-single-page .post-thumbnail {
  display: none !important;
}*/


.entry-content #jp-relatedposts .jp-relatedposts-items p, .entry-content #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-size: 13px !important;
    letter-spacing: 0;
    line-height: 1.615384615;
}

.entry-content #jp-relatedposts h3.jp-relatedposts-headline em {
    font-weight: 400;
    font-size: 14px;
}

.blog-single-page #sneak-peek-img,
.blog-single-page #bbc-audio-img,
.blog-single-page #newsletter-thumb{
  display: none;
}

.visible-blog-only{
  display: none;
}

#page .visible-blog-only{
  display: block;
}

.visible-index-only{
  display: block;
}

.blog-single-page .visible-index-only{
  display: none !important;
}

.visible-page-only{
  display: none;
}

.blog-single-page .visible-page-only{
  display: block;
}


  body:not(.search-results) .entry-summary {
    display: none;
}


.blog-video-title {
  display: none;
}

.blog-single-page .blog-video-title{
  display: block !important;
}

.volt-footer {
    padding-bottom: 1px;
} 

@media(max-width: 500px){
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
    margin-right: 10px;
    margin-left: 10px;
}  
}

/* newsletter */

.gr__voltbikes_co_uk {
  border-top: 0 !important;
  margin-top: 0 !important;
}

#bodyTable table{
margin: auto !important;
border: none !important;
}

#bodyTable table, #bodyTable th, #bodyTable td, #bodyTable {
border: none !important;
width: auto;
}

#bodyTable #templatePreheader,
#bodyTable #templateFooter {
background-color: #fff !important;
}

#canspamBarWrapper {
display: none !important;
}

#awesomebar {
  position: relative !important;
  min-width: 600px !important;
}

#awesomebar > li.more {
display: none !important;
}

#templateHeader {
  padding-top: 0 !important;
}

#templatePreheader {
  padding: 0px !important;
}

.templateContainer,
.mcnTextBlock,
.mcnTextContentContainer,
.mcnImageBlock,
.mcnImageContentContainer,
.mcnImageContentContainer img,
.mcnImageCardBlock,
.mcnImageCardBottomContent,
.mcnImageCardBottomContent img {
  width: 100% !important;
}

@media(max-width:769px){
.mcnTextContentContainer>tbody>tr>.mcnTextContent,
.mcnImageCardBlockInner{
  padding-right: 0 !important;
  padding-left: 0 !important;
}
}

#blog-video-wrapper,
.blog-video-wrapper {
  cursor: pointer;
}

#blog-video-wrapper svg,
.blog-video-wrapper svg{
  position: absolute;
  top: calc(50% - 42px);
  right: calc(50% - 60px);
  width: 120px;  
  opacity: 0.9;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;  
}

#blog-video-wrapper:hover #byoutube,
.blog-video-wrapper:hover #byoutube{
  fill: url(#b) !important;
}

@media(max-width:800px){
  #blog-video-wrapper #byoutube,
  .blog-video-wrapper #byoutube{
    fill: url(#b) !important;
  }
}

#yt-placeholder,
.yt-placeholder{
  position: absolute;
  z-index: 9999;
  top: 0;
  width: 100%;
  height: 101%;  
}

.quotediv{
  margin: 0 auto;
  padding: 50px 0 70px 0;
  width: 50%;
}

.quotediv p {
  margin-bottom: 0 !important;
    font-size: 24px !important;
    text-align: center;
    line-height: 4rem;
}

.quotediv p em {
  color: #000;
    padding: 5px;
    margin: 5px 0;
}

.quoteleft{
  font-size: 65px;
  color: #90949c;
}

.quoteright{
  font-size: 65px;
  color: #90949c;
  position: absolute;
    padding-top: 50px;
}

#circle-items-top{
  display: none;
}

.header-image {
  margin-bottom: 20px;
}

.svg-pointer:hover{
  cursor: pointer;
}

.wp-block-gallery{
  margin-left: 0;
}

.wp-block-image figcaption {
  text-align: center !important;
}
.pagination .current .screen-reader-text {
  position: absolute !important;
}

/**** STYLES FOR INDIVIDUAL POSTS BODY *****/

#postBody p:not(#jp-relatedposts p){
  font-size: 15px;
  margin-bottom: 24px;
}

#postBody h2:not(#jp-relatedposts h2){
  margin-bottom: 30px;
}

#postBody li{
  font-size: 15px;
}