/*
  Theme Name: Bezel WP
  Description: Creative Multi-Purpose WordPress Theme
  Version: 9110.00000000000000000000000
  Author: HodyLab
  Author URI: http://hody.co/
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
  License: GNU General Public License version 3.0
  Theme URI: http://themes.hody.co/bezel/
  Tags: custom-background, threaded-comments, translation-ready
  Text Domain: bezel-wp
*/

.alignnone {
 margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
}
.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}
.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}
a img.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}
a img.alignnone {
 margin: 5px 20px 20px 0;
}
a img.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}
a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.wp-caption {
 background: #fff;
 max-width: 96%;
 /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
}
.wp-caption.alignnone {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
 margin: 5px 0 20px 20px;
}
.wp-caption img {
 border: 0 none;
 height: auto;
 margin: 0;
 max-width: 98.5%;
 padding: 0;
 width: auto;
}
.wp-caption p.wp-caption-text {
 font-size: 13px;
 line-height: 17px;
 margin: 10px 0 0;
 padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
}
.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: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
 /* Above WP toolbar. */
}

.footer-widgets:before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 background-image: url("./assets/images/dotted-map.png");
 background-size: contain;
 opacity: 0.8;
}

.lightbox-loader {
 background-image: url("./assets/images/preloader.svg");
 background-repeat: no-repeat;
 background-position: center center;
 position: absolute;
 width: 50px;
 height: 50px;
 top: 50%;
 left: 0;
 right: 0;
 margin: -25px auto 0;
}

#clutch-badge {
 position: fixed;
 bottom: 2vh;
 right: 4vw;
 z-index: 20;
 transition: visibility 0.2s, opacity 0.2s linear;
}
#clutch-badge img {
 max-width: 100%;
 height: auto;
 -webkit-filter: drop-shadow(0px 2px 4px #444);
 filter: drop-shadow(0px 2px 4px #444);
}

@media all and (max-width: 767px) {
 #clutch-badge {
  bottom: 1vh;
  right: 1vw;
 }
 #clutch-badge img {
  max-width: 80%;
 }
}

@media all and (max-width: 567px) {
 #clutch-badge {
  bottom: 1vh;
  right: -16px;
 }
 #clutch-badge img {
  max-width: 70%;
 }
}
.page-single .btn-container {
 margin-top: 50px;
}

@media only screen and (max-width: 1225px) {
 #navbar .navigation-menu > li > a {
  padding-left: 10px;
  padding-right: 10px;
  width: max-content;
 }
 #navbar .navigation-menu > li.menu-btn-item {
  padding-right: 0 !important;
 }
 #navbar .navigation-menu {
  padding-right: 0 !important;
 }
}

@media only screen and (max-width: 420px) {
 body.admin-bar #navbar {
  top: 46px;
 }
 #wpadminbar {
  position: fixed;
 }
 #navbar .navigation-menu > li > a {
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
 }
}
