/*
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 designed 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, and camera installation service providers under the security camera framework with relevance to police equipment and protection-focused systems. One of the greatest benefits of this theme is its SEO optimization, helping your website rank higher on search engine results pages so potential customers can easily find your services online, increasing traffic and conversions. It also focuses on lead generation with clear call-to-action sections that encourage visitors to schedule consultations or request services. The design is simple, intuitive, and easy to manage, allowing smooth website updates without technical complexity. Additionally, it includes built-in security features to help protect website data and ensure safe user interactions, making it a reliable solution for surveillance and security service providers.
Version: 5.3.1
Requires PHP: 5.6
Tested up to: 6.9
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,.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;
}
.site-footer input[type="search"]{
    color: var(--theme-heading-color);
}
/* 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);
    }
}