/*
Theme Name:   hdunbar
Description:  Write here a brief description about your child-theme
Author:       Richard Underwood
Author URL:   Write here the author's blog or website url
Template:     wp-bootstrap-starter
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hdunbar
*/

/* Write here your own personal stylesheet */



header#masthead {
    background-color: #f9f9f9;
}

header a {
    color: #00060b;
}

 header a:hover {
     color: #8e2119;
     text-decoration: none;
 }

.top-menu {
    background: #7b1e17;
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/07/brick-pattern.jpg;);
    background-repeat: repeat;
    border-bottom: 1px solid #2c0d0a;
}

.number-link {
    font-weight: bold;
    font-size: 21px;
}

.navbar-nav {
    width: 100%;
    display: inline;
    text-align: center;
}

.navbar-nav li {
    float: none;
    display: inline-block;
    text-transform: uppercase;
}

.navbar-dark .navbar-toggler {
    color: #ffffff;
    border-color: #ffffff;
}

#masthead .navbar-nav > li > a {
    color: white!important;
    padding: 1rem!important;
    font-size: 1rem!important;
    font-weight: 600!important;
}

#masthead .navbar-nav > li > a:hover {
    background: #621711;
}

#masthead .navbar-nav > li.current_page_item > a {
    background: #621711;
}


.carousel-item h1 {
    margin: 0;
    color: white;
    font-size: 1.6em;
}

.carousel-item p {
    display: block;
    color: white;
    font-style: italic;
}

.carousel-item hr, .quote hr {
    width: 50px;
    border-bottom: 1px white solid;
}


.carousel-content {
    width: 50%;
    padding: 20px;
    background: #000000bf;
    background-position: bottom right;
    background-image: url(https://peroofingservices.co.uk/wp-content/uploads/2020/03/pe-roofing-services-speech.png);
    background-repeat: no-repeat;
    border-radius: 10px;
}

.carousel-content img{
    margin-bottom: 20px;
}


.carousel-item {
    height: 65vh;
    background-size: cover;
    background-position: center center;
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/08/home-slide-01.jpg);
}

.carousel-item-3 {
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/08/home-slide-03.jpg);

}

.carousel-item-2 {
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/08/home-slide-02.jpg);
}

.carousel-item-1 {
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/08/home-slide-01.jpg);
}

.carousel-content h2 a {
    color: #ceab00;
}

.carousel-content h1 a:hover {
    text-decoration: none;
}

.quote {
    color: #ffffff;
    text-align: center;
    padding: 6px;
    background: #4b3f2e;
}

.quote h2{
    color: #ffffff!important;
    text-align: center;
}

.quote-border {
    border: 1px solid #804945;
    padding: 26px;
    background: #7b1e17;
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/07/brick-pattern.jpg;);
    background-repeat: repeat;
    border-radius: 3px;
    height: 100%;
}


.quote input, .quote select {
    background: #f9f9f9;
    border: 1px solid #804945;
    border-radius: 1px;
    color: #621711;
}

h1.entry-title {
    font-size: 3.01rem;
    border-bottom: 1px solid #4b3f2e;
}

.entry-content p{
    font-size: 1.1rem;
}

a{
    color: #7b1e17;
    transition: ease 0.2s;
}

a:hover{
    text-decoration: none;
}


.services {
    margin-top: 50px;
}

.btn-primary {
    color: #fff;
    background-color: #7b1e17;
    border-color: #621813;
}

.btn-primary:hover {
    color: #fff;
    background-color: #5e1b15;
    border-color: #55000d;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #7b1e1761;
}

.btn-outline-primary {
    color: #7b1e17;
    border-color: #621813;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem #7b1e1761;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #7b1e17;
    border-color: #621813;
}

.footer-menu {
    margin-bottom: -15px;
    background: #7b1e17;
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/07/brick-pattern.jpg;);
    background-repeat: repeat;
    border-bottom: 1px solid #2c0d0a;
}

.footer-menu ul{
    list-style: none;
}

.navbar-nav {
    width: 100%;
    display: inline;
    text-align: center;
}

.footer-menu li {
    float: none;
    display: inline-block;
    text-transform: uppercase;
}


.footer-menu li a {
    color: white!important;
    padding: 1rem!important;
    font-size: 1rem!important;
    font-weight: 600!important;
    display: block;
}

.footer-menu li a:hover {
    background: #621711;
}

.gform_wrapper div.validation_error {
    color: white!important;
}

#gform_confirmation_wrapper_2 {
    margin-top: 20px;
}

.companies .row {
    margin-bottom: 40px;
}

.companies h3 {
    text-align: center;
    font-size: 20px;
}

.companies .holding {
    min-height: 240px;
}

.companies .col-md-4 {
    border: solid 1px #dbdbdb;
    padding: 20px;
}


@media screen and (max-width: 767px) {
    .carousel-content {
        width: 65%;
        padding: 10px;
    }

    .footer-menu li {
        display: block;

    }

    .mobile-hide {
        display: none;
    }

    .navbar-nav li {
        display: block;
    }

    .top-menu {
        padding: 12px;
    }
}

footer a:hover {
     color: #8e2119!important;
     text-decoration: none;
 }

 footer {
    @media(max-width:767px) {
        text-align: center;
    }
 }


footer {
	color:#000!important;
}

.theme1 {
    background:#8e2119;
    color:#fff;

    a:hover {
        color:#000!important;
    }
}



.carousel-item video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.posa {
    position: absolute!important;
}

.inner section {
    width: 100%;
}
.inner p {
    margin-top: 5px;
}
.wp-image-414 {
    margin-top: -42px;
}

/* @media(min-width:992px) {
#gform_fields_2 {
 input,select {
        margin-top: 0px;
        height: 40px;
    }
}
#field_2_5,#field_2_3 {
    float:left;
    clear:none;
    width:50%;

   

    * {
        width: 100%;
    }

    .ginput_container {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}
} */

.home-banner {
    background-image: url(https://hdunbarbrickwork.co.uk/wp-content/uploads/2020/07/brick-pattern.jpg;);
}

.bricks {
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    margin: 0px;
    padding: 0px;
    margin-left: -15px;
    margin-top:30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    li {
        margin-left: 15px;
        margin-bottom: 10px;
        list-style: none;
        width:calc(100% - 15px);
        padding: 10px;
        background-color: #7b1e17;
        color:#fff;
        text-align: center;
    }

    .extra {
        display:none;
    }

    @media(min-width:767px) {
        li {
              width:calc(50% - 15px);
        }
    }
    @media(min-width:992px) {
        li {
            width:calc(33.33% - 15px);
        }
    }
    @media(min-width:1200px) {
        .extra {
            display:block;
        }
        li {
            width:calc(20% - 15px);
            position: relative;
            /*SET TO 9 TO ACCOMIDATE TWO ROWS 1 of 5 and 1 of 4*/
            &:nth-child(9n +6){
                margin-left: 10%;
                &:before {
                    content:"";
                    top:0;
                    position: absolute;
                    width: calc(50% - 22px);
                    right:100%;
                    margin-right: 15px;;
                    background: #7b1e17;
                    height: 100%;
                }
            }
            &:nth-child(9n +9){
                
                &:before {
                    content:"";
                    top:0;
                    position: absolute;
                    width: calc(50% + 8px);
                    left:100%;
                    margin-left: 15px;
                    background: #7b1e17;
                    height: 100%;
                }
            }
        }
    }
}

.posr {
    position: relative;

    video{
        position: absolute;
        top:0;
        left: 0px;
    }
}

footer a:hover {
    color:#8e2119!important;
}
footer#colophon a:hover {
      color:#8e2119!important;
}
footer#colophon .theme1 a:hover {
         color:#000!important;
}

.services >div > img {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: top;
    max-width: 85%;
    margin: 0 auto;
    display: block;
}
.services >div >a img {
    max-width: 85%;
    margin: 0 auto;
    display: block;

    img {
        aspect-ratio: 1;
        width:100%;
        object-fit: cover;
        object-position: top;
    }
}