22

✏️ Editing: post-1423.css

.elementor-1423 .elementor-element.elementor-element-24982d18{--display:flex;--min-height:261px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-1423 .elementor-element.elementor-element-24982d18::before, .elementor-1423 .elementor-element.elementor-element-24982d18 > .elementor-background-video-container::before, .elementor-1423 .elementor-element.elementor-element-24982d18 > .e-con-inner > .elementor-background-video-container::before, .elementor-1423 .elementor-element.elementor-element-24982d18 > .elementor-background-slideshow::before, .elementor-1423 .elementor-element.elementor-element-24982d18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1423 .elementor-element.elementor-element-24982d18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-afd87c1 );--background-overlay:'';}.elementor-1423 .elementor-element.elementor-element-24982d18:not(.elementor-motion-effects-element-type-background), .elementor-1423 .elementor-element.elementor-element-24982d18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1423 .elementor-element.elementor-element-787ce177{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-icon i{color:#95E6FF;font-size:14px;}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-icon svg{fill:#95E6FF;--e-icon-list-icon-size:14px;}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-icon{width:14px;}.elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-text, .elementor-1423 .elementor-element.elementor-element-4614c93b .elementor-icon-list-text a{color:#93E6FF;}.elementor-1423 .elementor-element.elementor-element-8618473{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1423 .elementor-element.elementor-element-653e50a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:7px;--padding-top:115px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1423 .elementor-element.elementor-element-288f72d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#E7E7E7;--border-color:#E7E7E7;--border-radius:0px 0px 0px 0px;--margin-top:12px;--margin-bottom:0px;--margin-left:19px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1423 .elementor-element.elementor-element-2470dd8c{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1423 .elementor-element.elementor-element-2470dd8c .elementor-heading-title{font-family:"AutoZone Font", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1423 .elementor-element.elementor-element-206b1838{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1423 .elementor-element.elementor-element-206b1838 > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-1423 .elementor-element.elementor-element-206b1838 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1423 .elementor-element.elementor-element-206b1838:after{content:"0.66";}.elementor-1423 .elementor-element.elementor-element-206b1838 .elementor-post__thumbnail__link{width:100%;}.elementor-1423 .elementor-element.elementor-element-206b1838.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1423 .elementor-element.elementor-element-206b1838.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1423 .elementor-element.elementor-element-206b1838.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button{background-color:var( --e-global-color-primary );font-family:"AutoZone Font", Sans-serif;fill:var( --e-global-color-afd87c1 );color:var( --e-global-color-afd87c1 );box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);border-radius:0px 0px 0px 0px;padding:11px 30px 10px 21px;}.elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button:hover, .elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button:focus{background-color:var( --e-global-color-afd87c1 );color:var( --e-global-color-primary );}.elementor-1423 .elementor-element.elementor-element-73276f9c{padding:0px 0px 0px 0px;}.elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button:hover svg, .elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button{font-size:11px;}}@media(min-width:768px){.elementor-1423 .elementor-element.elementor-element-653e50a3{--width:66.6666%;}.elementor-1423 .elementor-element.elementor-element-288f72d8{--width:33.3333%;}}@media(max-width:767px){.elementor-1423 .elementor-element.elementor-element-206b1838 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1423 .elementor-element.elementor-element-206b1838:after{content:"0.5";}.elementor-1423 .elementor-element.elementor-element-206b1838 .elementor-post__thumbnail__link{width:100%;}.elementor-1423 .elementor-element.elementor-element-73276f9c .elementor-button{font-size:15px;}}/* Start custom CSS for button, class: .elementor-element-73276f9c *//*Fill box*/
.elementor-button .elementor-button-link .elementor-size-sm::before{
    content:'';
    position: absolute;
    background: black; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleY(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
}

/*Hover class*/
.elementor-button .elementor-button-link .elementor-size-sm:hover::before{
    transform: scaleY(1);
    transform-origin: left; /*<-- Change fill in direction*/

}

/*Button text*/
.my-btn .elementor-button-text{
    z-index: 1;
}

/*Hover Icon*/
.elementor-button .elementor-button-link .elementor-size-sm .elementor-button-icon{
    color: white; /*<-- Change Icon color here*/
    z-index: 1;
    transition: color .5s ease
}

/*Icone size */
.my-btn .elementor-button-icon{
    transform: scale(1.3); /*<-- Change icon size*/
    padding-left: 5px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AutoZone Font';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://autozone.com.sa/wp-content/uploads/2024/12/AutoZone-R.woff2') format('woff2');
}
@font-face {
	font-family: 'AutoZone Font';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://autozone.com.sa/wp-content/uploads/2024/12/Autozone-B.woff2') format('woff2');
}
/* End Custom Fonts CSS */

MR SKB