/*
Theme Name: AvO WebWorks Theme
Description: AvO WebWorks custom theme
Author: AvO WebWorks
Author URI: https://avowebworks.ca
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
p {
    margin: 0px!important;
}
.fusion-content-boxes.content-boxes-icon-on-side .heading, .fusion-content-boxes .heading {
    margin-bottom: 0px!important;
}
.content-box-heading {
    line-height: 27px!important;
}
.fusion-content-boxes.content-boxes-icon-on-top .heading img {
    margin-bottom: 10px!important;
}
.fp-services .content-box-heading {
    line-height: 20px!important;
}
.services-boxes .content-container p {
    line-height: 24px!important;
}

/* Portfolio Modal Styles */
.modal-body {
    padding: 40px!important;
}
.modal-body .content, .modal-body .content p  {
    line-height: 22px!important;
}
.modal-body .content ul {
    margin: 0px 0 17px 0!important;
}
.modal-image {
    margin-top: 20px;
}
hr {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #a3401b;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.hero-front {
    background-image: url(https://avo.avowebworks.com/wp-content/uploads/2023/07/Hero1-bottom.svg), url(https://avo.avowebworks.com/wp-content/uploads/2023/07/Hero1-top.svg)!important;
}
.hero-process {
    background-image: url(https://avo.avowebworks.com/wp-content/uploads/2023/07/Hero2-bottom.svg), url(https://avo.avowebworks.com/wp-content/uploads/2023/07/Hero2-top.svg)!important;
}
.hero-portfolio {
    background-image: url(https://avo.avowebworks.com/wp-content/uploads/2023/07/Hero3-bottom.svg), url(https://avo.avowebworks.com/wp-content/uploads/2023/07/Hero3-top.svg)!important;
}

/* MEDIA QUERIES */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .hero-global {
        background-position: left bottom, right top!important;
        background-repeat: no-repeat, no-repeat!important;
        background-attachment: fixed, fixed!important;
        background-size: 357px, 225px!important;
    }
    .hideMobile {
        display: none!important;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .hero-global {
        background-position: left bottom, right top!important;
        background-repeat: no-repeat, no-repeat!important;
        background-attachment: scroll, fixed!important;
        background-size: 357px, 225px!important;
    }
    .hideMobile {
        display: none!important;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .hero-global {
        background-position: left bottom, right top!important;
        background-repeat: no-repeat, no-repeat!important;
        background-attachment: scroll, fixed!important;
        background-size: 657px, 275px!important;
    }
    .hideMobile {
        display: none!important;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .hero-global {
        background-position: left bottom, right top!important;
        background-repeat: no-repeat, no-repeat!important;
        background-attachment: scroll, fixed!important;
        background-size: 757px, 375px!important;
    }
    .hideMobile {
         display: inline-block!important;
     }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .hero-global {
        background-position: left bottom, right top !important;
        background-repeat: no-repeat, no-repeat !important;
        background-attachment: scroll, fixed !important;
        background-size: 857px, 525px !important;
    }
}
/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
    .hero-global {
        background-position: left bottom, right top!important;
        background-repeat: no-repeat, no-repeat!important;
        background-attachment: scroll, fixed!important;
        background-size: 857px, 525px!important;
    }
}
/* Extra large devices (large laptops and desktops, 1692px and up) */
@media only screen and (min-width: 16920px) {
    .hero-global {
        background-position: left bottom, right top!important;
        background-repeat: no-repeat, no-repeat!important;
        background-attachment: scroll, fixed!important;
        background-size: 857px, 525px!important;
    }
}