/*
Theme Name: Nulook Roofing
Theme URI: http://localhost/nulook_roofing/
Author: Simmi Gupta
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 5.5.1
Version: 1.4
*/

table, th, td {
    border: 1px solid black;
    padding: 7px;
}

:root {
  --primary-color: #52b9e6;
  --secondary-color:#000;
  --third-color:#fff;
  --bg-tp:#0000007d;
  --white-color:#fff;
  --black-color:#000;
  --border-none: 0px;
  --box-shadow: 0px 2px 5px 0px #00000059;
  --transition: all ease 0.3s;
  --font-family:'Roboto Condensed', sans-serif;
  
}

.pg-img{
	border: 4px solid var(--primary-color);
	margin-right: 25px;
}

.pg-img img{
	width: 100%;
}


/************gallery****************/
.gallery-image {
    position: relative;
    overflow: hidden;
}
.gallery-box {
	border: 10px solid var(--primary-color);
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
    max-height: 248px;
}
.gallery-box:hover .hover-effect {
    transform: scale(1.0);
    transition: all ease-in-out 600ms;
}
.gallery-box .hover-effect {
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    width: 100%;
    height: 100%;
    background: rgb(35 228 235 / 37%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
    transform: scale(0.0);
    transition: all ease-in-out 600ms;
}
.gallery-box:hover .gallery-img img {
    transform: scale(1.3);
    transition: all ease-in-out 600ms;
}

.gallery-box .gallery-img img {
    width: 100%;
    transform: scale(1.0);
    transition: all ease-in-out 600ms;
}

.review-item {
    width: 100%;
}
/**********Extra*************/
@media (min-width: 992px){
.about-slider .owl-nav {
    margin-bottom: 40px;
}
}
/****Our services page*********/
.service-page p {
    margin-bottom: 10px;
    text-align: center;
}
.svc-ul {
    margin-top: 15px;
}
.svc-ul li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: var(--primary-color);
    position: absolute;
    left: 0px;
    top: 2px;
}
.svc-ul li {
    list-style: none!important;
    position: relative;
    padding-left: 25px!important;
    color: #333!important;
}
.svc-img img {
    max-width: 100%;
    max-height: 370px;
}

/*******home slider**********/

.home-slider .owl-next {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 30px!important;
    transform: translatey(-50%);
}
.home-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 30px!important;
    transform: translatey(-50%);
}
.home-slider .owl-nav {
    margin-top: 0px;
}
@media (max-width: 575px){
    .home-slider .owl-nav {
        display: none!important;
    }
}