@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sustainableresourcesoffice.sa/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.2") format("woff2");
}

:root {
	--wd-text-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(24,47,26);
	--wd-text-font-size: 14px;
	--wd-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-color: rgb(24,47,26);
	--wd-entities-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(24,47,26);
	--wd-entities-title-color-hover: rgb(24, 47, 26);
	--wd-alternative-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(24,47,26);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 800;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgba(255,255,255,0);
	--wd-alternative-color: rgb(41,81,45);
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: rgb(41,81,45);
	--btn-default-font-family: "Almarai", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-bgcolor: rgba(247,247,247,0);
	--btn-default-bgcolor-hover: rgb(41,81,45);
	--btn-accented-bgcolor: rgb(233,45,116);
	--btn-accented-bgcolor-hover: rgb(210,39,106);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://sustainableresourcesoffice.sa/wp-content/uploads/2021/09/sport-promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-image: url(https://sustainableresourcesoffice.sa/wp-content/uploads/2025/06/Rectangle-34624266.webp);
	background-size: cover;
	background-position: left top;
}
.footer-container {
	background-color: rgb(250,248,245);
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


[name="numeric_field"] {
    text-align: right !important;
}

[name="names[first_name]"] {
    text-align: right !important;
}
/*  .card-container
{
    border: 1px solid transparent; 
  border-image: linear-gradient(
    to right, 
    #FFFFFF, 
    #94A896, 
    #5F7D62, 
    #2B4F2E
  ) 1;
  border-radius: 4px; 
} */

.ff-el-input--content > input::placeholder
{
    font-family: 'Almarai', sans-serif !important;
}

.wd-social-icons.icons-design-default.icons-size-large.color-scheme-dark.social-follow.social-form-circle.text-center > a {
    color: #182F1A !important;
}

.contcat-us-social .wd-social-icons.icons-design-default.icons-size-large.color-scheme-dark.social-follow.social-form-circle.text-center > a  {
  padding:10px;
    margin:10px !important;
    background-color : #D4E96B;
}


.ff-message-success {
    border: none;
}

.bdt-flip-box-layer.bdt-flip-box-front , .bdt-flip-box-layer.bdt-flip-box-back {
    border-radius: 12px !important;
}

.post-template-default .post-date.wd-post-date.wd-style-with-bg {
    display: none;
}@media (min-width: 1025px) {
	footer .wd-widget.widget.footer-widget.widget_nav_menu
{
    text-align:center !important;
    
}

aside.footer-sidebar.widget-area.row > div:first-of-type , aside.footer-sidebar.widget-area.row > div:nth-of-type(4) 
{
    flex:0 0 29% !important;
    max-width:100%;
}
aside.footer-sidebar.widget-area.row > div:nth-last-of-type(2) , aside.footer-sidebar.widget-area.row > div:nth-last-of-type(3)
{
    flex:0 0 15% !important;
    max-width:100%;
}

header ul li span {
    color:#1b331d;
}

.wd-social-icons.icons-design-default.icons-size-large.color-scheme-dark.social-follow.social-form-circle.text-center {
    text-align: right;
}
}

@media (max-width: 576px) {
	.main-page-wrapper .wd-slide-bg.wd-fill 
{
    height:75%
}
.main-page-wrapper .liner-continer {
    text-align: center;
}

.main-page-wrapper .wd-text-block.reset-last-child.text-right {
    text-align: center;
}

.main-page-wrapper .container.wd-slide-container.content-fixed {
    padding: 8%;
}

[data-widget_type="fluent-form-widget.default"] .ff-el-group.ff-text-center.ff_submit_btn_wrapper {
    padding-right: 19vw !important;
}

.bdt-flip-box-effect-flip .bdt-flip-box {
    height:210px !important;
}

.bdt-flip-box-layer-overlay 
{
		padding:10px; !important;
}

[name="names[first_name]"] {
    text-align: right !important;
}
 
.wd-side-hidden * , .wd-heading {
    
    color:#000 !important;
    border-color:#707070
}
.wd-side-hidden 
{
    background: #faf8f5 !important;
}



}