/*
Theme Name: Sonoran
Theme URI: https://www.genomeanalysis.cn/
Author: Jack_Ch
Author URI: https://www.myaskbb.com/
Description: Designed to cater to the diverse needs of bloggers, writers, and content creators across various niches. This responsive and elegant minimalist theme offers a modern and clean design, making it perfect for travel, food, fashion, lifestyle, and even business-focused websites. Based on Twenty Twenty-Three
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 5.6
Version: 101.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: sonoran
Tags: blog, entertainment, news, one-column, two-columns, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, full-width-template, sticky-post, style-variations, template-editing, threaded-comments, translation-ready, wide-blocks
*/

html {
    min-width: 375px;
}

body, code, html, kbd, pre, samp, tt, var, p, ol, ul, li, a {
    font-family: 'PingFang SC', 'Poppins', Poppins, 'helvetica neue', helvetica, arial;
}

.g-flex-flow-row-reverse {
    flex-flow: row-reverse;
}

.g-logo img {
    height:35px !important;
    float:left
}

.g-h1-genome-analysis img {
    height:47px !important;
    margin-bottom: 40px;
}

.g-hero-blocks {
    width: 90%;
    float: left;
}

.g-hero-blocks .hero-icons img {
    margin: 0 auto 15% auto;
    display: block;
    height: 64px;
}

.g-hero-blocks-4 {
    height: 50%;
    text-wrap: nowrap;
    background-color: rgba(10,14,26,0.6)!important;
}

.hero-who-are-we {
    max-width: 600px;
    display: block;
    margin-left: 0;
}

.home-we-hep-clients-3 {
    background-color: #FAFAFA;
    min-height: 600px;
}

.font-color-333 {
    color: #333;
}

.font-head-master-color {
    color: #3fbcc6 !important;
}

.bg-color-fafafa {
    background-color: #fafafa;
}

.home-culture {
    background: #fafafa no-repeat right top url('assets/images/logo-bg@2x.png');
    background-size: 390px;
}

.home-culture-mission, .home-culture-strengths, .home-culture-aspiration {
    background: no-repeat left top url('assets/images/icon-5-bg@2x.png');
    background-size: 300px;
    padding: 40px 0 0 180px !important;
    min-height: 340px;
    border-bottom: 1px #e6e6e6 solid;
}

.home-culture-strengths {
    background: no-repeat left top url('assets/images/icon-7-bg@2x.png');
    background-size: 300px;
    padding: 65px 0 0 180px !important;
    border-bottom: 0;
}

.home-culture-aspiration {
    background: no-repeat right top url('assets/images/icon-6-bg@2x.png');
    background-size: 300px;
    padding: 60px 115px 0 0 !important;
    flex-flow: row-reverse;
}

.home-culture-top-image .wp-block-image img, .home-culture-aspiration .wp-block-image img, .home-culture-strengths .wp-block-image img {
    height: 140px;
}

.home-culture-top-image {
    max-width:200px;
    padding-top: 20px;
}

.home-culture-strengths .home-culture-top-image {
    padding-top: 5px;
}

.home-culture-aspiration .home-culture-top-image {
    padding-top: 20px;
}

.wp-block-template-part {
    margin-block-start: 0;
}

.g-footer {
    background: #262626 no-repeat center 25px url('assets/images/logo.png');
    background-size: 118px;
    padding-top: 85px !important;
}

.g-footer p {
    color: #FFF;
}

.industries-gallery .wp-block-cover {
    min-width: 270px;
    min-height: 179px;
}

.industries-gallery .wp-block-cover img {
    width: 270px;
    height: auto;
}

/* iPad */
@media only screen and (max-width: 1024px) {
    .g-mobile-text-align-center {
        text-align: center !important;
    }
    
    .industries-gallery {
        margin: 0 4% !important;
    }

    .industries-gallery .wp-block-cover {
        width: 100%;
        height: 106px;
        min-width: auto;
        min-height: auto;
    }

    .industries-gallery .wp-block-cover img {
        width: 100%;
        height: 106px;
    }

    .industries-gallery-block-columns {
        gap: var(--wp--preset--spacing--superbspacing-xsmall) var(--wp--preset--spacing--superbspacing-xsmall) !important;
        margin-block-start: var(--wp--preset--spacing--superbspacing-xsmall) !important;
    }

    .industries-gallery-block-columns .has-superbfont-small-font-size {
        font-size: var(--wp--preset--font-size--superbfont-xsmall) !important;
    }

    .industries-gallery-block-columns.wp-block-columns .wp-block-column {
        width: 35%;
        flex-basis: 35% !important;
    }
}

/* Mobile Phone */
@media only screen and (max-width: 430px) {
    .wp-block-columns.is-not-stacked-on-mobile.g-hero-blocks {
        width: 100%;
        flex-wrap: wrap !important;
    }

    .g-hero-blocks-4 {
        height: 35% !important;
        flex-basis: 35% !important;
    }

    .g-h1-genome-analysis img {
        height:22px !important;
        margin: 0 auto 50px auto;
        display: block;
    }

    .home-we-hep-clients-3 {
        min-height: auto;
    }

    .home-culture-mission, .home-culture-strengths, .home-culture-aspiration {
        padding: 10px 0 60px 0 !important;
        background-size: 210px;
        background-position-x: -40px;
    }

    .home-culture-mission h3.wp-block-heading, .home-culture-strengths h3.wp-block-heading, .home-culture-aspiration h3.wp-block-heading {
        font-size: 24px !important;
        margin-bottom: 20px;
    }

    .home-culture-aspiration {
        background-position-x: 125%;
    }

    .home-culture-mission .has-text-align-left, .home-culture-strengths .has-text-align-left, .home-culture-aspiration .has-text-align-left {
        text-align: center !important;
    }

    .home-culture-top-image .wp-block-image img, .home-culture-aspiration .wp-block-image img, .home-culture-strengths .wp-block-image img {
        height: 120px;
        display: block;
        margin: 0 auto;
    }

    .home-culture-top-image {
        max-width: none !important;
    }

    .home-culture {
        background: #fafafa;
    }
}

/* iPhone */
@media only screen and (max-width: 414px) {

}

/* Pixel 5 */
@media only screen and (max-width: 393px) {

}

/* iPhone SE */
@media only screen and (max-width: 375px) {
    .g-hero-blocks-4 {
        height: 34% !important;
        flex-basis: 34% !important;
    }
}