/*
Theme Name: Security Camera
Theme URI: https://www.ovationthemes.com/products/free-cctv-security-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Security Camera is a professional template. One of the greatest benefits of our Security Camera WordPress theme is its SEO optimization. It is a perfect choice for security cameras, surveillance, video monitoring, cctv, home security, camera systems, remote viewing, crime prevention, security solutions, motion detection, indoor cameras, outdoor cameras, video surveillance, camera installation service providers. With this feature, your website will rank higher on search engine results pages, making it easier for potential customers to find you online. This will lead to increased traffic and ultimately, more sales.But the benefits don’t stop there. Our Security Camera WordPress theme is also designed to help you convert visitors into customers. With a clear and concise call-to-action, you can encourage visitors to take action, whether that’s scheduling a consultation or making a purchase.In addition to its many benefits, our Security Camera WordPress theme is also incredibly easy to use. With its intuitive interface and user-friendly design, you can easily manage your website and make updates as needed. Plus, with its built-in security features, you can rest assured that your website and customer data are safe and secure. Demo: https://trial.ovationthemes.com/security-camera/
Version: 4.0
Requires PHP: 5.6
Tested up to: 6.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: security-camera
Template: cyber-security-services
Tags: blog, portfolio, photography, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready, rtl-language-support

Security Camera WordPress Theme, Copyright 2023 pewilliams
Security Camera is distributed under the terms of the GNU GPL

Security Camera WordPress Theme is child theme of Cyber Security Services WordPress Theme, Copyright 2023 pewilliams
Cyber Security Services WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#108bea;
    --theme-primary-fade:#e5f4ff;
}

/*color change*/
.entry-content .quotepost a,.entry-content .quotepost p,#Category-section pre.wp-block-verse{
    background: var(--theme-primary-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
button,input[type="button"],input[type="submit"],.home-btn a, .box-button a,.wrap_figure,.scrollup,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,
.wc-block-cart__submit-container a,.woocommerce #respond input#submit, .woocommerce a.button, 
.woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
nav.woocommerce-MyAccount-navigation ul li,a.added_to_cart.wc-forward ,.site-info,.site-footer .search-form .search-submit,
.site-footer .search-form .search-submit,#home-about h3{
    background: var(--theme-primary-color);
}
.mid-inner-box:hover{
    background: var(--theme-heading-color);
}
.mid-inner-box:hover i,.mid-inner-box:hover span.service-btn a,.mid-inner-box:hover h5,
.mid-inner-box:hover p {
    color: var(--post-bg-color);
}
span.service-btn a,.slide-inner-box p,.mid-inner-box p,.page-template-custom-home-page .gb_nav_menu ul li a:active, .page-template-custom-home-page .gb_nav_menu ul li a:hover{
    color: #fff;
}
.linksbox i {
    background: rgb(255 255 255 / 20%);
}
.linksbox i:hover {
    background: rgba(0,0,0,0.5);
}
#slider .home-btn a,.slide-inner-box h3{
    background: #fff;
    color: var(--theme-primary-color);
}
#slider .owl-prev,#slider .owl-next{
    background: var(--theme-heading-color);
    color: var(--post-bg-color);
}
.gb_nav_menu ul ul{
    background: #222;
}
/* --------- Services --------- */
span.service-btn {
    float: right;
}
.mid-inner-box {
    background: var(--theme-primary-color);
    border-radius: 10px;
    height: 100%;
}
.mid-inner-box i {
    color: #fff;
    font-size: 30px;
}
.mid-inner-box h5 {
    color: #fff;
    font-size: 20px;
}
#middle-sec h4{
    font-size: 30px;
    color: var(--theme-heading-color);
}
#middle-sec h3{
    font-size: 15px;
    background: var(--theme-primary-color);
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 25px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    padding: 2px;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  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;
  clip-path: none;
  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. */
}

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

@media screen and (max-width: 991px){
    .page-template-custom-home-page .wrap_figure {
        background: var(--theme-primary-color) !important;
    }
    .gb_nav_menu ul ul{
        background: transparent !important;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
}
@media screen and (max-width: 575px){
    .slide-inner-box {
        left: 20% !important;
        right: 20% !important;
        text-align: center !important;
    }
}
@media screen and (max-width:782px){
    .admin-bar .fixed{
        margin-top: 0px !important;
    }
    .menu_header.fixed{
        position: static !important;
        background: transparent !important;
    }
    .page-template-custom-home-page .wrap_figure {
        position: static;
        background: var(--theme-primary-color);
    }
}