/*
Theme Name: X Agency
Theme URI: 
Author: Elliott Neal
Author URI: 
Description: X Agency custom theme.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Licensed under the GPL2.
*/


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .h2, h2 {
        font-size: calc(0.75rem + 1.5vw) !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .section1-arrow {
        width: 6% !important;
        bottom: calc(-8.5rem + -1.5vw) !important;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

@media only screen and (min-width: 900px) {
    .partner-image-small {
        display: block !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .landing-content {
        padding-left: calc(10rem + 1.5vw) !important;
        padding-top: calc(20rem + 1.5vw) !important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .landing-content {
        padding-left: calc(10rem + 1.5vw) !important;
        padding-top: calc(20rem + 1.5vw) !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .landing-content {
        padding-left: calc(17rem + 1.5vw) !important;
        padding-top: calc(28rem + 1.5vw) !important;
    }
}

@media only screen and (min-width: 1500px) {
    .partner-image {
        display: inline-flex !important;
    }
    .partner-image-supliment {
        display: none !important;
    }
}

.text-light {
    color: #e9e8e3 !important;
}

.text-primary {
    color: #b87626 !important;
}

body {
    font-family: 'Geologica', sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 300 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}

.h1, h1 {
    font-size: calc(2.25rem + 1.5vw) !important;
}

.h2, h2 {
    font-size: calc(1.5rem + 1.5vw) !important;
}

.header-img {
    background-image: url(/wp-content/themes/xagency/images/header.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-img-small {
    background-image: url(/wp-content/themes/xagency/images/header.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(30rem + 1.5vw) !important;
}

.service-img {
    background-image: url(/wp-content/themes/xagency/images/service.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.section2-img {
    background-image: url(/wp-content/themes/xagency/images/section2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logo {
    padding-left: calc(9rem + 1.5vw);
    padding-top: calc(2.5rem + 1.5vw);
}

.landing-content {
    padding-left: calc(1rem + 1.5vw);
    padding-top: calc(40rem + 1.5vw);
}

.landing-content .h1 {
    font-size: calc(4.5rem + 1.5vw) !important;
    line-height: calc(4rem + 1.5vw) !important;
}

.landing-content .h2 {
    font-size: calc(0.2rem + 1.5vw) !important;
    font-weight: 500 !important;
}

.landing-content .h4 {
    font-size: calc(.5rem + 1vw) !important;
}

.landing-content-small {
    padding-left: calc(.5rem + 1vw);
    padding-top: calc(6rem + 1.5vw);
}

.landing-content-small .h1 {
    font-size: calc(1rem + 1vw) !important;
    line-height: calc(.6rem + 1vw) !important;
}

.landing-content-small .h2 {
    font-size: calc(0.2rem + 1vw) !important;
    font-weight: 500 !important;
}

.landing-content-small .h4 {
    font-size: calc(.1rem + 1vw) !important;
}

.section1-content {
    width: 45% !important;
}

.section1-content .h1 {
    font-size: calc(1.5rem + 1.5vw) !important;
    line-height: calc(1rem + 1.5vw) !important;
    font-weight: 600 !important;
}

.section1-content .h2 {
    font-weight: 200 !important;
}

.section1-arrow {
    rotate: 90deg;
    width: 3%;
    bottom: calc(-8rem + -1.5vw);
    position: relative;
}


.partner-images {
    position: relative;
    top: calc(-10rem + -1.5vw);
}

/* .opportunities-img {
    width: 80%;
} */

.section2-content .h2 {
    font-size: calc(2rem + 1.5vw) !important;
    font-weight: 600 !important;
}

.section2-content .h4 {
    font-size: calc(1rem + 1.5vw) !important;
    font-weight: 300 !important;
}

.section3-content .h2 {
    font-size: calc(1.5rem + 1.5vw) !important;
    font-weight: 600 !important;
}

footer {
    background-color: #e5e5e5;
}

.frm_primary_label {
    color: #b87626 !important;
    font-weight: 500 !important;
    font-size: calc(.4rem + .5vw) !important;
}

.frm_required {
    display: none !important;
}

.form-control {
    border-radius: 4px !important;
    padding: calc(.2rem + 1vw) calc(.2rem + 1vw) !important;
}

.frm_button_submit {
    background-color: #b87626 !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-size: calc(.1rem + 1vw) !important;
    text-transform: uppercase !important;
    padding: calc(0rem + 0.5vw) calc(3rem + 1vw) !important;
    float: right !important;
}

footer .h2 {
    font-weight: 500 !important;
    font-size: calc(2rem + 1.5vw) !important;
}

footer p {
    font-size: calc(.3rem + .5vw) !important;
    font-weight: 500 !important;
}

.footer-small .frm_button_submit {
    width: 100%;
    font-size: calc(1.5rem + 1vw) !important;
    padding: calc(0rem + 0.5vw) calc(3rem + 1vw) !important;
    margin-top: 5% !important;
}

.footer-small .frm_primary_label {
    font-size: calc(1rem + .5vw) !important;
}

footer.footer-small p {
    font-size: calc(.8rem + .5vw) !important;
    font-weight: 500 !important;
}