/*

Theme Name: Harvey Simon Flooring Theme

Template: Divi

Description: Custom Divi Theme for Harvey Simon Flooring

Theme URI: https://digitalgroupmedia.com/

Version: 1.0

Author: Digital Group Media

Author URI: https://digitalgroupmedia.com/

Tags: divi, divi theme, responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options

License: GNU General Public License v2

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Get Support Here https://digitalgroupmedia.com/

*/



/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER THEME CSS RULES */


/* Header */

.et_pb_menu .et-menu a {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.et_pb_menu .et-menu>li.menu-button a {
    padding: 0.573vw 1.198vw !important;
    color: #fff !important;
    border-radius: 50px;
    background: #204557;
    border: 1px solid #204557;
    line-height: 120% !important;
}
.et_pb_menu .et-menu>li {
    padding-left: 0.833vw !important;
    padding-right: 0.833vw !important;
}
.et_pb_menu__logo img {
    height: 2.708vw!important;
    width: auto!important;
}
h1, h2, h3 {
    padding-bottom: 20px;
}
.et_pb_number_counter .percent {
    height: auto;
}
.with-plus-sign span.percent-value:after {
    content: "+";
}
.with-star-sign span.percent-value:after {
    content: "-Star";
}
.et_pb_sticky.et_pb_section {
    box-shadow: 2px 0px 30px 0px rgba(0, 0, 0, 0.2)!important;
}

/* Navigation */

.mega-menu .et-dropdown-removing>ul {
    display: block
}

.et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800
}

.et-menu .menu-item-has-children>a:first-child {
    padding-right: 20px
}

.et-menu li li.menu-item-has-children>a:first-child:after {
    right: 20px;
    top: 6px
}

.et-menu-nav li.mega-menu {
    position: inherit
}

.et-menu-nav li.mega-menu>ul {
    padding: 30px;
    position: absolute!important;
    width: 60%;
    left: 0!important;
    gap: 3%!important;
    display: flex;
}

.et-menu-nav li.mega-menu ul li {
    margin: 0;
    float: left!important;
    display: block!important;
    padding: 0!important
}

.et-menu-nav li.mega-menu li>ul {
    -webkit-animation: none!important;
    animation: none!important;
    padding: 0;
    border: none;
    left: auto;
    top: auto;
    width: 240px!important;
    position: relative;
    box-shadow: none;
    -webkit-box-shadow: none
}

.et-menu-nav li.mega-menu li ul {
    visibility: visible;
    opacity: 1;
    display: none
}

.et-menu-nav li.mega-menu.et-hover li ul,.et-menu-nav li.mega-menu:hover li ul {
    display: block
}

.et-menu-nav li.mega-menu:hover>ul {
    opacity: 1!important;
    visibility: visible!important
}

.et-menu-nav li.mega-menu>ul>li>a:first-child {
    padding-top: 0!important;
    font-weight: 700;
    border-bottom: 1px solid rgba(0,0,0,.03)
}

.et-menu-nav li.mega-menu>ul>li>a:first-child:hover {
    background-color: transparent!important
}

.et-menu-nav li.mega-menu li>a {
    width: 200px!important
}

.et-menu-nav li.mega-menu.mega-menu-parent li>a,.et-menu-nav li.mega-menu.mega-menu-parent li li {
    width: 100%!important
}

.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu {
    float: left;
    width: 100%!important
}

.et-menu-nav li.mega-menu>ul>li {
    width: 25%;
    margin: 0
}

.et-menu-nav li.mega-menu.mega-menu-parent-3>ul>li {
    width: 33.33%
}

.et-menu-nav li.mega-menu.mega-menu-parent-2>ul>li {
    width: 50%
}

.et-menu-nav li.mega-menu.mega-menu-parent-1>ul>li {
    width: 100%
}

.et_pb_fullwidth_menu li.mega-menu .menu-item-has-children>a:first-child:after,.et_pb_menu li.mega-menu .menu-item-has-children>a:first-child:after {
    display: none
}

.et_fullwidth_nav #top-menu li.mega-menu>ul {
    width: auto;
    left: 30px!important;
    right: 30px!important
}
.et_pb_menu .et_pb_menu__menu>nav>ul {
    position: relative;
}
body #page-container .parent-also-menu > ul > li {
    display: flex !important;
    padding-left: 5px !important;
}

.our-sector-menu ul.sub-menu {
    flex-direction: column;
}
.et-menu-nav li.mega-menu.our-sector-menu>ul {
    padding: 30px;
    position: absolute !important;
    width: 15.625vw;
}
.et-menu-nav li.mega-menu.our-sector-menu>ul>li {
    width: 100%;
}
.et-menu-nav li.mega-menu.our-sector-menu li>a {
    width: 100% !important;
}
.et-menu-nav li.mega-menu.our-sector-menu    li>ul {
    width: 100% !important;
}
.et-menu-nav li.mega-menu.our-sector-menu>ul>li>a:first-child {
    font-weight: normal!important;
}
.our-sector-menu {
    position: relative!important;
}

/* Services */
/* Hide the content by default */
.hide-first-and-show-on-hover {
    display: none;
}
.et-fb .hide-first-and-show-on-hover,
.et-vb .hide-first-and-show-on-hover,
.et-vb-iframe-ancestor .hide-first-and-show-on-hover {
    display: block !important;
}
/* Optional class added by jQuery */

.service-column .with-hover-effects {
    background: #204557;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: -1;
}
.service-column:hover .with-hover-effects {
    opacity: 1;
    transition: all 0.3s ease;
}
.service-column .with-hover-effects:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14.583vw;
    height: 14.583vw;
    background-image: url(https://dev.digitalgroupmedia.com/harveysimonflooring/wp-content/uploads/2026/07/Golden-Yellow-Sign.png);
    background-size: cover;

}
.resize-yellow .service-column .with-hover-effects:before {
    width: 7.813vw;
    height: 7.813vw;
}

button.custom-tab-btn {
    font-size: 1.042vw;
    color: #204557 !important;
    border: 1px solid rgb(32 69 87 / 15%);
    border-radius: 100px;
    background-color: transparent;
    padding: 1.406vw;
    line-height: 100%;
    transition: .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    cursor: pointer;
}

.custom-tabs-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: transparent;
    border-radius: 50px;
    padding: 12px !important;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}
button.custom-tab-btn.active {
    color: #fff!important;
        border-color: #204557;
    background-color: #204557 !important;
    transition: .3s ease;
}

.et-vb-app-ancestor .create-a-tab-function{
    display: grid!important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
#page-container #et-boc .et_pb_button:hover,
.et_pb_menu .et-menu>li.menu-button a:hover {
    color: #1a1a1a !important;
    background: #f9a825 !important;
    border-color: #f9a825 !important;
    transition: .3s ease;
}


/* Why Trust */
.why-trust-row .et_pb_image_wrap {
    display: flex !important;
    justify-content: flex-start;
}
.why-trust-row .et_pb_image_wrap img{
    filter: brightness(0) saturate(100%) invert(24%) sepia(24%) saturate(1026%) hue-rotate(150deg) brightness(91%) contrast(88%);
        transition: .3s ease;
}
.why-trust-row .et_pb_blurb:hover .et_pb_image_wrap img {
    filter: brightness(1);
        transition: .3s ease;
}
.why-trust-row .et_pb_blurb:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #204557;
    opacity: 0;
    transition: .3s ease;
}
.why-trust-row .et_pb_blurb:hover:before {
    opacity: 1;
    transition: .3s ease;
}
.why-trust-row .et_pb_blurb:hover * {
    color: #fff!important;
    transition: .3s ease;
}



/* Footer */
.et-l--footer .et-menu-nav a {
    padding-bottom: 0px !important;
}
.et-l--footer .et_pb_menu .et-menu-nav>ul {
    flex-direction: column;
}
.et-l--footer .et_pb_menu .et-menu>li {
    padding-left: 0!important;
}
.et-l--footer .et_pb_menu .et-menu {
    margin: 0!important;
}
.et-l--footer .et_pb_menu .et_pb_menu__menu>nav>ul {
    align-items: flex-start !important;
        gap: 1.302vw;
}
.et-l--footer .et_pb_menu .et_pb_menu__menu>nav>ul>li {
        margin: 0 !important;
}

/* Slick Slider */
body #page-container #et-boc .et_pb_section .custom-slider {
    margin-left: 21% !important;
    max-width: 105% !important;
    width: 105% !important;
}
.slick-slide {
    margin: 0 10px;
}
.slick-dots {
    margin-top: 0px !important;
    position: static !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
}

.slick-dots li {
    margin: 0!important;
}
.slick-dots li button:before {
    color: #513b2d !important;
    font-size: 12px !important;
    opacity: 1!important;
}.slick-dots li button:hover:before {
        color: #F9A825!important;
}

.slick-dots li.slick-active button:before {
    color: #F9A825!important;
    opacity: 1!important;
    font-size: 12px !important;
}
.slick-slide {
    margin: 10px;
}
.slick-arrow {
    cursor: pointer;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px!important;
}

/* Blogs and Projects */

.custom-post-summary {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.667vw;
}
.custom-post-container {
    border-radius: 30px;
}
.post-featured-image img {
    display: flex;
	height: 17.671vw;
	width: 100%;
    object-fit: cover;
    margin-bottom: 24px;
}


.post-title h2 {
    font-size: 1.25vw !important;
    margin-bottom: 5px;
    width: 100%;
    line-height: 130%;
    font-weight: bold;
}

.post-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 32px;
}

.post-excerpt {
    width: 100%;
	line-height: 150%;
    font-size: 0.833vw;
}



.fwpl-item.post-read-more a {
    display: flex;
    color: #1A1A1A !important;
    font-size: 0.83vw;
    line-height: 100%;
    margin-top: 25px;
}
.fwpl-item.post-read-more a:after {
    content: "\35";
    font-family: "ETmodules";
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 1px;
}
span.post-category {
    background: rgb(32 69 87 / 10%);
    color: #000000;
    font-size: 14px;
    padding: 11px;
    line-height: 100%;
    border-radius: 50px;
    margin-right: 16px;
}

.reading-time {
    font-size: 14px;
}

.facetwp-news_category_categories {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}
.blog-slider.blog-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
}
a.case-study-category-item {
    background: #BBB9A2;
    color: #fff;
    padding: 8px 10px;
    line-height: 100%;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}   

.post-title {
    margin: 10px 0;
}
a.post-button {
    font-size: 0.833vw;
    padding: 0.665vw 1.198vw !important;
    color: #204557 !important;
    border-radius: 50px;
    background: transparent;
    border: 1px solid #204557;
    line-height: 120% !important;
}

/* Single Project and Single Post */

.author-date-share {
    display: flex;
    justify-content: space-between;
}
.author-date {
    display: flex;
    flex-wrap: wrap;
        font-size: 0.729vw;
}
.single-post-autor {
    width: 100%;
}
.single-post-date:after {
    content: "•";
    padding: 0 10px;
}
.addtoany_shortcode {
    margin-top: 10px;
}
.simple-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
        font-size: 0.833vw;
}
.breadcrumb-chevron svg {
    width: 10px;
    height: 10px;
    fill: currentColor;
}
.share-addtoany {
    font-size: 0.938vw;
    font-weight: bold;
}
h3.project-detail-title {
    font-size: 1.042vw;
    color: #204557;
}
.project-detail-description {
    font-size: 0.833vw;
    color: #3E6D84;
}
.project-details-list {
    display: flex;
    gap: 0px;
    text-align: center;
}
.project-detail-item {
    flex: 1;
    padding: 0px 1.667vw;
    border-right: 1px solid rgb(90 128 146 / 40%);
}
.project-detail-item:last-child {
    border-right: none!important;
}
.post-featured-img-on-template, .et_pb_image_wrap {
    height: 100%;
}
.post-featured-img-on-template, .et_pb_image_wrap img {
    object-fit: cover;
}
.et_pb_post_content h3, .et_pb_post_content h2 {
    margin-top: 20px;
        line-height: 120%;
}

/* Project Tab */
/* Case Studies */
.case-study-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
}

.custom-case-study-tab {
    display: flex!important;
    gap: 4.167vw;
}
.custom-case-study-tab .et_pb_tabs_controls {
    width: 20%;
    display: flex;
    flex-direction: column;
    background: transparent;
}
.custom-case-study-tab .et_pb_tab_active a {
    padding: 0.885vw 1.302vw !important;
    color: #fff !important;
    border-radius: 100px;
    line-height: 100% !important;
    background: #204557;
    border: 1px solid #204557;
}
.custom-case-study-tab .et_pb_tabs_controls li.et_pb_tab_active,
.custom-case-study-tab .et_pb_tabs_controls li {
    background-color: transparent;
    border: none!important;
    font-weight: normal!important;
}
.custom-case-study-tab .et_pb_tabs_controls li a {
    color: #204557;
        font-size: 0.833vw;
}

.custom-case-study-tab .et_pb_all_tabs {
    width: 75%;
    background-color: rgb(32 69 87 / 5%) !important;
    border-radius: 30px;
    padding: 3.333vw;
    color: #204557!important;
}
.custom-case-study-tab .et_pb_all_tabs .et_pb_tab{
    padding: 0!important;
}
.custom-case-study-tab .et_pb_tab_content h2 {
    font-size: 2.083vw;
    margin-bottom: 22px;
    line-height: 120%;
    padding: 0;
}
.custom-case-study-tab .et_pb_tab_content{
    font-size: 0.833vw!important;
    line-height: 150%!important;
}
ul.et_pb_tabs_controls:after {
    display: none!important
}

.acf-content-image {
    display: flex;
    flex-wrap: wrap;
    gap: 7.5%;
    align-items: center;
}
.acf-content-image__content {
    width: 47%;
}
.acf-content-image__image {
    width: 45.5%;
}
.acf-content-image.full-width-content > div {
    width: 100%;
}
.case-study-featured-image img {
    max-height: 30vw;
    object-fit: cover;
}
.acf-content-image__image img {
    width: 100%;
    height: 100%;
}
.tab-title {
    display: flex;
        margin-bottom: 10px;
}
.tab-title p{
    font-size: 14px;
    padding: 3px 10px;
    background: #BBB9A2;
    color: #fff;
    border-radius: 100px;
}

.acf-gallery-grid > div {
    width: 32.66%;
}
.acf-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
.gform-theme--foundation .gform_fields {
    grid-row-gap: 24px !important;
}
/* Form */
.gform_footer.before {
    justify-content: flex-end;
}
.ginput_container input, .ginput_container select {
    background: rgb(32 69 87 / 5%) !important;
    border: none !important;
    border-radius: 100px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    font-size: 0.833vw !important;
}
.ginput_container .gchoice input{
    border-radius: 3px !important;
    height: auto !important;
}
.ginput_container textarea {
    background: rgb(32 69 87 / 5%) !important;
    border: none !important;
    border-radius: 30px;
    font-size: 0.833vw !important;
}
.gform_button {
    font-size: 0.833vw!important;
    padding: 0.781vw 1.302vw !important;
    color: #fff !important;
    border-radius: 50px!important;
    background: #204557!important;
    border: 1px solid #204557;
    line-height: 120% !important;
}
span.gfield_required.gfield_required_text {
    display: none;
}
.gform-field-label {
    font-size: 0.833vw !important;
}


/* WPFacet */
select.facetwp-dropdown, input.facetwp-search {
    border: none;
    border-bottom: 1px solid #414042;
    border-radius: 0;
    font-size: 16px;
    height: 48px;
    display: flex;
    align-items: center;
    box-shadow: none;
    width: 100%;
}
span.facetwp-input-wrap {
    width: 100%;
}
.facetwp-type-sort, .facetwp-type-sort select {
    border: none;
    margin-bottom: 0 !important;
}




/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
        font-weight: normal;
    opacity: 1;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #f9a825;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}

/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
@media only screen and (min-width: 981px) {
    body #page-container .mega-menu .sub-menu a {
        padding: 4px 0!important;
    }
    .parent-also-menu > ul > li:before {
        content: "-";
        margin-right: 10px;
    }
}

/* Popup Maker */
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .29735644257703087) 100%) !important;
    backdrop-filter: saturate(180%) blur(5px);
}
.pum-container h2 {
    font-size: 2.5vw;
    text-align: center;
    margin-bottom: 20px;
}

.pum-container .pum-content.popmake-content {
    width: 100%!important;
    padding: 0!important;    
}

.pum-container.pum-responsive.pum-responsive-medium {
    width: 90%;
    max-width: 40vw !important;
    top: 15vh !important;
    left: 50% !important;
    transform: translatex(-50%);
    margin: 0 !important;
    padding: 2.604vw !important;
    overflow: hidden;
    border-radius: 20px;
    background-color: #fff !important;
    box-shadow: none;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0
}

button.pum-close.popmake-close {
    height: 30px!important;
    width: 30px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%!important;
    top: 20px!important;
    right: 20px!important;
    background: #FFF!important;
        color: #211E27 !important;
        font-weight: bold!important;
}

@media only screen and (max-width: 980px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        width: 90%;
        max-width: 100% !important;
        top: 15vh !important;
        padding: 30px!important;
    }
    .pum-container h2 {
        font-size: 36px;
    }
    .blog-slider.blog-container {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px;
    }
    .facetwp-facet {
        margin-bottom: 0px!important;
    }
    a.case-study-category-item {
        font-size: 12px;
    }
    a.post-button {
        font-size: 16px;
        padding: 15px 20px!important
    }
    .share-addtoany, .single-post-autor, .single-post-date, .single-post-reading-time, .simple-breadcrumb {
        font-size: 14px;
    }
    .resize-yellow .service-column .with-hover-effects:before {
        width: 100px;
        height: 100px;
    }
    .et_pb_menu .et_mobile_nav_menu {
        margin: 0!important;
    }
    ul#mobile_menu1 {
        max-height: 92vh;
        overflow: scroll;
    }
    .et_pb_menu__wrap .mobile_menu_bar {
        transform: unset!important;
        bottom: 0!important;
    }
    .et_pb_menu__logo img {
        height: auto!important;
        width: 200px!important;
    }
    .service-column .with-hover-effects:before {
        width: 200px;
        height: 200px;
    }
    .et-l--footer .et_mobile_menu {
        display: block;
        position: static;
        width: 100%;
        padding: 0;
        border: none;
        box-shadow: none;
        background: transparent !important;
    }

    .et-l--footer .mobile_nav{
        width: 100%;
    }

    .et-l--footer .et_mobile_nav_menu {
        width: 100%;
        margin: 0!important;
    }

    .et-l--footer span.mobile_menu_bar {
        display: none;
    }

    .et-l--footer .et_mobile_menu a {
        padding: 0 0 5px;
        border: none;
    }
    .et_pb_menu__wrap {
        width: 100%;
    }
    .post-title h2 {
        font-size: 18px !important;
        padding-bottom: 10px;
    }
    .post-excerpt, .fwpl-item.post-read-more a {
        font-size: 14px;
    }
    .post-featured-image img {
        height: 24.671vw;
    }
    .gform-field-label,
    .ginput_container input, 
    .ginput_container select,
    .ginput_container textarea  {
        font-size: 14px !important;
    }
    .add-spacing-mobile > .et_pb_row:first-child {
        margin: 0;
    }
    .add-spacing-mobile > .et_pb_row {
        margin-bottom: 50px;
        gap: 20px;
    }
    .add-spacing-mobile {
        gap: 20px;
    }
    .et_pb_toggle_content {
        font-size: 16px !important;
    }
    .gform_button {
        font-size: 16px!important;
        padding: 15px 25px!important;
    }
}
@media only screen and (max-width: 480px) {
    .blog-slider.blog-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .author-date-share {
        flex-direction: column;
        gap: 20px;
    }
    .et-l--footer .et_mobile_menu a {
        text-align: center;
    }
    .service-column .with-hover-effects:before {
        width: 240px;
        height: 240px;
    }
    .et_pb_menu__logo img {
        height: auto!important;
        width: 150px!important;
    }
     .et_pb_button_module_wrapper {
		width: 100%;
	}
	.et_pb_button_module_wrapper a {
		width: 100%;
		max-width: 100%!important;
		text-align: center;
	}
    body .gform_footer .gform_button {
        width: 100%!important;
    }
    .post-featured-image img {
        height: 250px;
    }

}