/*
Theme Name: Bezel WP Child
Theme URI:
Description: Creative Multi-Purpose WordPress Theme
Author: HodyLab
Author URI: http://hody.co/
Template: bezel-wp
Version: 0.000003
*/

/*BEAUTIFUL SCROLL ANIMATION*/
@font-face {
 font-family: "GothamMedium";
 src: url("assets/fonts/GothamMedium.eot?#iefix") format("embedded-opentype"),
  url("assets/fonts/GothamMedium.woff") format("woff"),
  url("assets/fonts/GothamMedium.ttf") format("truetype"),
  url("assets/fonts/GothamMedium.svg#GothamMedium") format("svg");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Gotham-Bold";
 src: url("assets/fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
  url("assets/fonts/Gotham-Bold.otf") format("opentype"),
  url("assets/fonts/Gotham-Bold.woff") format("woff"),
  url("assets/fonts/Gotham-Bold.ttf") format("truetype"),
  url("assets/fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Helvetica Neue LT Pro";
 src: url("assets/fonts/HelveticaNeueLTPro-Roman.eot?#iefix")
   format("embedded-opentype"),
  url("assets/fonts/HelveticaNeueLTPro-Roman.otf") format("opentype"),
  url("assets/fonts/HelveticaNeueLTPro-Roman.woff") format("woff"),
  url("assets/fonts/HelveticaNeueLTPro-Roman.ttf") format("truetype"),
  url("assets/fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman")
   format("svg");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Avenir 65";
 src: url("assets/fonts/Avenir-Roman.eot?#iefix") format("embedded-opentype"),
  url("assets/fonts/Avenir-Roman.otf") format("opentype"),
  url("assets/fonts/Avenir-Roman.woff") format("woff"),
  url("assets/fonts/Avenir-Roman.ttf") format("truetype"),
  url("assets/fonts/Avenir-Roman.svg#Avenir-Roman") format("svg");
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

/*IMPORTED FROM SIMPLE CSS*/
@font-face {
 font-family: "ff-tisa-sans-web-pro";
 src: url("assets/fonts/ff-tisa-sans-web-pro.woff2") format("woff2"),
  url("assets/fonts/ff-tisa-sans-web-pro.woff") format("woff"),
  url("assets/fonts/ff-tisa-sans-web-pro.opentype") format("opentype");
 /*font-display: auto;*/
 font-display: swap;
 font-style: normal;
 font-weight: 400;
}

@font-face {
 font-family: "freight-sans-pro";
 src: url("assets/fonts/freight-sans-pro.woff2") format("woff2"),
  url("assets/fonts/freight-sans-pro.woff") format("woff"),
  url("assets/fonts/freight-sans-pro.opentype") format("opentype");
 /*font-display: auto;*/
 font-display: swap;
 font-style: normal;
 font-weight: 700;
}

@font-face {
 font-family: "ff-tisa-web-pro";
 src: url("assets/fonts/ff-tisa-web-pro.woff2") format("woff2"),
  url("assets/fonts/ff-tisa-web-pro.woff") format("woff"),
  url("assets/fonts/ff-tisa-web-pro.opentype") format("opentype");
 /*font-display: auto;*/
 font-display: swap;
 font-style: normal;
 font-weight: 400;
}

.tk-ff-tisa-sans-web-pro {
 font-family: "ff-tisa-sans-web-pro", sans-serif;
}
.tk-freight-sans-pro {
 font-family: "freight-sans-pro", sans-serif;
}
.tk-ff-tisa-web-pro {
 font-family: "ff-tisa-web-pro", serif;
}

#noxxAgencyInputEmail {
 font-size: 15px !important;
 font-family: freight-sans-pro !important;
}
#noxxAgencySubmitButton {
 font-family: freight-sans-pro !important;
 font-size: 16px !important;
}
.icon-box h4 {
 font-size: 18px !important;
}
.alt-serif-font {
 font-family: freight-sans-pro !important;
}

html body.page-template-default.page p,
html body.page-template-default.page span,
html body.page-template-default.page {
 font-family: "ff-tisa-sans-web-pro", serif !important;
}
html body .container h1,
html body .container h2,
html body .container h3,
html body .container h4 {
 font-family: freight-sans-pro !important;
}
html body nav#navbar a {
 font-family: freight-sans-pro !important;
 font-weight: 700 !important;
 font-size: 14px !important;
}
.btn {
 font-size: 18px !important;
 font-family: freight-sans-pro !important;
 font-weight: 700 !important;
}
#navbar .navigation-menu > li .submenu li a {
 font-size: 14px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: freight-sans-pro !important;
}
.single-post-info h6 {
 font-size: 16px;
}
html body .post-single .post-body p,
html body .post-single .post-body span,
html body .post-single .post-body blockquote,
html body .post-single .post-body ul,
html body .post-single .post-body a {
 font-family: ff-tisa-web-pro, serif;
 font-weight: 400;
 line-height: calc(100% * 1.3);
}
.footer-widgets .widget > h5 {
 font-size: 15px;
}

.footer-widgets .widget ul > li {
 padding: 2px 0 0 0;
}
.copy-text p {
 font-size: 14px;
}
body,
p,
.headerParagraphStyle p {
 font-family: ff-tisa-web-pro, serif !important;
 color: #4c4c4c !important;
}
body,
p,
span {
 line-height: calc(100% * 1.3) !important;
}
#sidebar .widget ul > li > a {
 font-family: ff-tisa-web-pro, serif !important;
 font-size: 14px;
}
#sidebar .widget h5 {
 font-size: 14px;
}
.card-post .card-post-image .post-category > a {
 font-family: freight-sans-pro !important;
 font-weight: 600;
}
html body:not(.single) .container h1,
html body:not(.single) .container h2,
html body:not(.single) .container h3,
html body:not(.single) .container blockquote,
html body:not(.single) .container h4 {
 line-height: calc(100% * 1.1) !important;
}
html body .post-single .post-body h4,
html body .post-single .post-body h3 {
 font-family: freight-sans-pro !important;
 letter-spacing: 0.1em !important;
 text-transform: uppercase !important;
 font-size: 20px !important;
 color: #000000;
}
.post-single .post-body p,
.post-single .post-body blockquote {
 color: #191919 !important;
}
.parallax-section.last-section p {
 color: #ffffff !important;
}

#works-grid .work-info-alt h3 > a {
 font-size: 20px;
}

/*END IMPORT FROM SIMPLE CSS*/

.customShortcodeByNoxx article .serif-font {
 max-height: 105px;
 overflow: hidden;
 text-overflow: ellipsis;
}
html {
 scroll-behavior: smooth;
}

.customShortcodeByNoxx .card-post-image {
 flex: initial;
}

.customShortcodeByNoxx .post-body {
 margin: auto;
 margin-top: 0;
}
.customShortcodeByNoxx .grid-posts-wrapper.three-col.customShortcodeByNoxx {
 margin: auto;
 margin-top: 65px;
}
.customShortcodeByNoxx .grid-posts-wrapper .card-post-image a,
.grid-posts-wrapper .card-post-image img {
 width: 100%;
}

.customShortcodeByNoxx .grid-posts-wrapper blockquote {
 height: 105px;
 max-height: 105px;
 overflow: hidden;
 margin: auto;
}

/*MOBILE FIX*/
@media only screen and (max-width: 991px) {
 /*#navbar {
    top: -1px;
    height: auto;
}*/
 /*
#navbar .navbar-wrapper .container{
    max-height: 100vh !important;
    overflow: auto !important;
}
*/
 /*
#navbar .navigation-menu li > a {
    height: 50px !important;
    box-sizing: border-box !important;
}*/
 .work-item {
  z-index: 9999;
 }
 /*#navbar #navigation{
 height: auto !important;
 position: relative !important;
 top: 0px !important;
}*/

 /*
#navbar .navigation-menu, #aside-nav .navigation-menu {
    max-height: initial !important;
    height: auto !important;
}*/

 .slide-content {
  display: flex;
  flex-direction: column;
  margin: auto;
  height: 100%;
  margin-top: 0;
  justify-content: center;
  align-items: center;
 }
 #home-slider {
  max-height: 613px;
 }
 #home-slider .slide-wrap.dark-overlay h2 {
  font-size: 18px !important;
 }
 /*.video-wrapper{
      max-height: 590px !important;
}
#home-slider {
    max-height: 590px !important;
   }
   .video-player video{
    max-height: 590px !important;
   }*/
 /*  #home-slider {
    background-color: transparent !important;
} 
.slide-wrap{
  background-color: transparent !important;
}
.slide-wrap.dark-overlay{
  background-color: transparent !important;

}*/
}

@media only screen and (max-width: 361px) {
 #navbar .logo {
  max-width: 40%;
 }
 #navbar .menu-extras,
 #aside-nav .menu-extras {
  max-width: 70%;
 }
 .hamburger {
  font-size: 16px;
 }
}

body.page-template-template-blog .grid-posts-wrapper {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-gap: 15px;
}
body.page-template-template-blog .grid-posts-wrapper article.card-post {
 width: 100%;
 padding: 0;
}

.preBlockHeadingByNoxx {
 text-transform: uppercase;
 letter-spacing: 0.1em;
 border-bottom: 1px solid #e6e6e6;
 padding-bottom: 20px;
 margin-bottom: 30px;
 font-weight: 900;
 font-family: "Poppins", sans-serif;
 color: #1f1f1f;
}

@media only screen and (max-width: 1024px) {
 body.page-template-template-blog .grid-posts-wrapper {
  grid-template-columns: 1fr 1fr;
 }
}

@media only screen and (max-width: 991px) {
 body.page-template-template-blog .grid-posts-wrapper {
  grid-template-columns: 1fr 1fr 1fr;
 }
 body.page-template-template-blog .grid-posts-wrapper .card-post {
  width: 100% !important;
 }
}
@media only screen and (max-width: 900px) {
 body.page-template-template-blog .grid-posts-wrapper {
  grid-template-columns: 1fr 1fr;
 }
}
@media only screen and (max-width: 600px) {
 body.page-template-template-blog .grid-posts-wrapper {
  grid-template-columns: 1fr;
 }
}

.post-tags {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}
.accordion-title h3 {
 font-size: 22px;
 margin: 0;
 font-weight: 500;
 font-family: freight-sans-pro !important;
 line-height: calc(100% * 1.1) !important;
 color: #1f1f1f;
}
body.single section {
 z-index: auto;
}

body.permalink_estimate-app #navigation,
body.permalink_estimate-app .menu-extras,
body.permalink_estimate-app #footer {
 display: none !important;
}

body.permalink_request-meeting-1 #navigation,
body.permalink_request-meeting-1 .menu-extras,
body.permalink_request-meeting-1 #footer {
 display: none !important;
}
.vc_custom_1562857716777 .btn-container {
 margin: auto !important;
}

html
 body.page-template-template-blog
 .card-post-image
 .attachment-bezel_small.size-bezel_small.wp-post-image.lazyloaded {
 position: absolute;
 z-index: 0;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 margin: auto;
}
html body.page-template-template-blog .card-post-image .post-category {
 z-index: 2;
}
html body.page-template-template-blog .card-post-image {
 min-height: 190px;
 max-height: 192px;
 margin: 0;
 width: 100%;
}
html body.page-template-template-blog .card-post-content .post-body h3 {
 min-height: 52px;
 max-height: 52px;
 overflow: hidden;
 text-overflow: ellipsis;
}
html body.page-template-template-blog .card-post-content {
 margin: auto;
 margin-top: 0;
}
.works-grid_cta {
 position: absolute;
 bottom: 0px;
 left: 50%;
 margin-left: -80px;
}
body.single-post .vc_row .container {
 max-width: 100%;
}
.post-tags{
	display: none !important;
}



/*TEMP*/

#buildYourAppBtn {
	background-color: blue !important;
}	

@media(max-width: 768px) {
	#buildYourAppBtn {
		background-color: blue !important;
	}	
  li#menu-item-12115 {
    padding-bottom: 35px;
}

}

#navbar .navigation-menu>li.menu-btn-item>a, #navbar.stick .navigation-menu>li.menu-btn-item>a {
    padding: 4px 26px !important;
}