body { direction: rtl ; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin:-1px; overflow: hidden; padding:0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius:3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding:15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Slider */ #slider .slider-content{ position: absolute; transform: translateY(-50%); top: 50%; right: 10%; left: 55%; color: #fff; } #slider .bg-color{ background-color: #e5e5e5; height: 600px; widows: 100%; } .slider-image-box{ } #slider .slider-image-box { background: #fff; } #slider h2 { color: #222222; font-size: 18px; font-weight: 500; } #slider h1 { color: #222222; font-size: 45px; } .slider-button a { background: #ffa700; padding:12px 18px; border-radius:30px; color: #fff; font-weight: 600; font-size: 15px; } #slider .slider-image-box{ position: relative; } #slider img.slide-image{ width: 100%; opacity: 0.5; } #slider .slick-dots { bottom: 10%; position: absolute; right: 10%; width: auto; padding:0; margin-bottom: 0; } #slider .slick-dots LI { width: 150px; height: 100px; margin:0 5px; border: 3px solid #fff; display: inline-block; border-radius:15px; } #slider .slick-dots LI.slick-active { opacity: 1; border: 3px solid #ffa700; } #slider .slick-dots LI.slick-active BUTTON, #slider .slick-dots LI:hover BUTTON { opacity: 1; transform: scale(1); } #slider .slick-dots LI BUTTON { display: block; overflow: hidden; position: relative; width: 100%; height: auto; padding:0; border: none; background-color: #e5e5e5; } #slider .slick-dots LI BUTTON IMG { display: block; height: 100%; position: absolute; top: 50%; right: 50%; transform: translate(+50%,-50%); } #slider .slick-dots LI BUTTON:before { display: block; position: relative; content: ''; width: 100%; padding-top: 65.5%; height: auto; } #slider button{ border-radius:10px; } .search-box { position: absolute; bottom: 10%; left: 10%; right: 70%; text-align: center; } .search-box input[type="search"] { border-radius:30px; padding:12px; } .search-box button { padding:12px 20px; text-indent: -9999px; position: absolute; left: 5px; top: 5px; } /*service*/ p.serv-txt { font-size: 15px; } i.serv-icon { background: #ffa700; color: #ffffff; padding-top: 28px; font-size: 30px; width: 25%; height: 85px; border-radius:50px; text-align: center; } img.serv-img { border-radius:30px; } .scrollup { position: fixed; background: #ffa700!important; top: 0; left: 25px; width: 42px; height: 42px; line-height: 42px; padding:0; font-size: 20px; outline: none; border-bottom-right-radius: 50%!important; border-top-right-radius: 50%!important; border-bottom-left-radius: 50%!important; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2); -webkit-transition: .9s; transition: .9s; z-index: 9999; visibility: hidden; opacity: 0; } .scrollup i { display: inline-block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .scrollup.is-active { top: 98%; -webkit-transform: translateY(-98%); transform: translateY(-98%); opacity: 1; visibility: visible; } .scrollup.is-active:hover, .scrollup.is-active:focus { color: #000; background: #ffa700; transform: translateY(-98%) rotate(-45deg); -webkit-transform: translateY(-98%) rotate(-45deg); -moz-transform: translateY(-98%) rotate(-45deg); -o-transform: translateY(-98%) rotate(-45deg); -ms-transform: translateY(-98%) rotate(-45deg); } .scrollup.is-active:hover i, .scrollup.is-active:focus i { transform: translateY(0) rotate(45deg); -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); } .admin-bar .fixed { margin-top: 32px; } .fixed_header.fixed { width: 100%; position: fixed; top: 0; right: 0; z-index: 9999; border-radius:0; box-shadow: 0px 3px 10px 2px #eee; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } @media screen and (max-width: 375px) and (min-width: 320px){ i.serv-icon{ width: 30%; } } @media screen and (max-width: 425px) and (min-width: 320px){ .slider-button a{ display: inline-block; } .phone-call p { font-size: 15px; } .slider-button a { padding:12px; } } @media screen and (max-width: 768px) and (min-width: 425px){ #slider .slick-dots LI { width: 100px; height: 67px; } #slider h1,.phone-call i{ font-size: 20px; } #slider h2{ font-size: 14px; } .phone-call p { font-size: 15px; } .slider-button a{ display: inline-block; } #slider .slider-content{ top: 25%; } .search-box { bottom: 35%; left: 25%; right: 25%; } i.serv-icon{ width: 22%; } } @media screen and (max-width: 999px) and (min-width: 768px){ #slider h1{ font-size: 45px; } #slider h2{ font-size: 22px; } #slider .slider-content { top: 36%; } .search-box { bottom: 30%; } i.serv-icon { width: 40%; } } @media screen and (max-width: 1199px) and (min-width: 1000px){ i.serv-icon { width: 30%; } } /*-------------------------------------------------------------- # Blocks - General Styles --------------------------------------------------------------*/ /* Captions */ [class^="wp-block-"]:not(.wp-block-gallery) figcaption { font-size: 16px; font-style: italic; line-height: 1.6153846154; margin-top: 0; padding-top: 1.0769230769em; } .ltr [class^="wp-block-"]:not(.wp-block-gallery) figcaption { text-align: left; } .no-sidebar .alignfull { margin-right : calc( -100vw / 2 + 100% / 2 ); margin-left : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .no-sidebar .alignwide { margin-right : calc( -96vw / 2 + 100% / 2 ); margin-left : calc( -96vw / 2 + 100% / 2 ); max-width: 96vw; } .alignfull.wp-block-cover, .alignwide.wp-block-cover { width: auto; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 60.5%; padding:0; width: auto; } .tag-title h3,.tag-title h2 { overflow-wrap: anywhere; } /* 768px */ @media screen and (min-width: 48em) { .no-sidebar .alignfull { margin-right : calc( -92vw / 2 + 100% / 2 ); margin-left : calc( -92vw / 2 + 100% / 2 ); max-width: 92vw; } .no-sidebar.fluid-layout .alignfull { margin-right : calc( -100vw / 2 + 100% / 2 ); margin-left : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; } .no-sidebar .alignwide { margin-right : calc( -88vw / 2 + 100% / 2 ); margin-left : calc( -88vw / 2 + 100% / 2 ); max-width: 88vw; } } /* 1024px */ @media screen and (min-width: 64em) { .no-sidebar .alignwide { margin-right: -120px; margin-left: -120px; max-width: 1280px; } .no-sidebar.full-width-layout .alignwide { margin-right: -40px; margin-left: -40px; max-width: 1600px; } } /*-------------------------------------------------------------- # Blocks - Common Blocks --------------------------------------------------------------*/ /* Paragraph */ p.has-drop-cap:not(:focus)::first-letter { float: right; font-size: 102px; font-size: 6.375rem; line-height: 0.6; margin-top: 10px; margin-left: 14px; margin-bottom: -3px; margin-right: -3px; } /* Image */ .wp-block-image { margin-bottom: 1.75em; margin-top: 1.75em; } .wp-block-image figure { margin-bottom: 0; margin-top: 0; } .wp-block-image figure.alignleft { margin-left: 1.5em; } .wp-block-image figure.alignright { margin-right: 1.5em; } /* Gallery */ .wp-block-gallery { margin-bottom: 1.75em; margin-right: 0; } .wp-block-gallery figcaption { font-style: italic; } .wp-block-gallery.aligncenter { display: flex; margin:0 -8px; } /* Quote */ .wp-block-quote { font-weight: 700; } .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin:0 0 1.166666666666667em; padding-top: 0; padding-left: 0; padding-bottom: 0; padding-right: 1.944444444444444em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: inherit; font-style: inherit; line-height: inherit; } .wp-block-quote:not(.is-large):not(.is-style-large) { padding-top: 0; padding-left: 0; padding-bottom: 0; padding-right: 1.944444444444444em; } .wp-block-quote:not(.is-large):not(.is-style-large):before { content: none; } .wp-block-quote.alignleft p:last-of-type, .wp-block-quote.alignright p:last-of-type { margin-bottom: 0; } .wp-block-quote cite, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 16px; font-size: 1rem; font-style: normal; font-weight: 400; text-align: right; } .ltr .wp-block-quote cite, .ltr .wp-block-quote.is-large cite, .ltr .wp-block-quote.is-large footer, .ltr .wp-block-quote.is-style-large cite, .ltr .wp-block-quote.is-style-large footer { text-align: left; } /* Audio */ .wp-block-audio audio { display: block; width: 100%; } /* Cover */ .wp-block-cover-image.alignright, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover.alignleft, .wp-block-cover-image.aligncenter, .wp-block-cover.aligncenter { display: flex; } /* File */ .wp-block-file .wp-block-file__button { -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: none; box-shadow: none; display: inline-block; font-size: 16px; font-weight: 700; margin-top: 1.75em; letter-spacing: 0; padding:10px 25px; text-transform: uppercase; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; white-space: nowrap; } .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus { -webkit-box-shadow: none; box-shadow: none; } /*-------------------------------------------------------------- # Blocks - Formatting --------------------------------------------------------------*/ /* Editor Font Size */ .has-huge-font-size { font-size: 42px; font-size: 2.625rem; line-height: 1.15; } .has-large-font-size { font-size: 36px; font-size: 2.25rem; line-height: 1.2833; } .has-normal-font-size { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.5555; } .has-small-font-size { font-size: 13px; font-size: 0.8125rem; font-weight: 400; line-height: 1.75; } .has-huge-font-size, .has-large-font-size, .has-normal-font-size, .has-small-font-size { margin-bottom: 14px; margin-top: 35px; } /* 768px */ @media screen and (min-width: 64em) { .has-huge-font-size { font-size: 46px; font-size: 2.875rem; } .has-large-font-size { font-size: 39px; font-size: 2.4375rem; } } /* 1024px */ @media screen and (min-width: 64em) { .has-huge-font-size { font-size: 48px; font-size: 3rem; } .has-large-font-size { font-size: 46px; font-size: 2.875rem; } .has-normal-font-size { font-size: 18px; font-size: 1.125rem; } } /* 1366px */ @media screen and (min-width: 85.375em) { .has-huge-font-size { font-size: 64px; font-size: 4rem; } .has-large-font-size { font-size: 53px; font-size: 3.3125rem; } } /* 1600px */ @media screen and (min-width: 100em) { .has-huge-font-size { font-size: 90px; font-size: 5.6255rem; } .has-large-font-size { font-size: 60px; font-size: 3.75rem; } .has-huge-font-size, .has-large-font-size, .has-normal-font-size, .has-small-font-size { margin-bottom: 21px; margin-top: 42px; } } /* Code */ .wp-block-code { border: 0; font-size: 15px; font-size: 0.9375rem; font-family: monospace, monospace; padding:0; } .wp-block-code cite:before, .wp-block-code small:before { content: "\2014\00a0"; } .wp-block-quote__citation { font-size: 16px; font-size: 1rem; font-style: normal; } /* Pullquote */ .wp-block-pullquote { border: 0; padding:0; text-align: right; } .ltr .wp-block-pullquote { text-align: left; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: none; width: calc(50% - 0.736842105em); padding-right: 0; text-align: right; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote { margin-bottom: 0; } .wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: inherit; line-height: inherit; } .wp-block-pullquote__citation, .wp-block-pullquote cite { font-size: 16px; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.5; text-transform: none; } /* Table */ .wp-block-table table, .wp-block-table caption, .wp-block-table th, .wp-block-table td { border: 1px solid #e7e7e7; } .wp-block-table caption { padding:0 0 21px; } .wp-block-table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin:0 0 1.5em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } .wp-block-table caption { border-width: 1px 1px 0 1px; font-weight: 600; text-align: center; } .wp-block-table th, .wp-block-table td { font-weight: normal; text-align: right; } .wp-block-table th { border-width: 0 1px 1px 0; } .wp-block-table td { border-width: 0 1px 1px 0; } .wp-block-table caption, .wp-block-table th, .wp-block-table td { padding:0.833em; } /*-------------------------------------------------------------- # Blocks - Layout Elements --------------------------------------------------------------*/ /* Buttons */ .wp-block-button { margin-top: 1.75em; margin-bottom: 1.75em; } .wp-block-button.alignleft, .wp-block-button.alignright { margin-top: 0; } .wp-block-button .wp-block-button__link { -webkit-box-shadow: none; box-shadow: none; display: inline-block; border-radius:30px; border: 0; font-size: 14px; font-weight: 800; line-height: 1; letter-spacing: 0; padding:1em 2em; text-decoration: none; text-transform: capitalize; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: nowrap; } .wp-block-button.is-style-squared .wp-block-button__link{ border-radius:0px!important; } .wp-block-file .wp-block-file__button, .wp-block-button.is-style-outline .wp-block-button__link { border: 2px solid; } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus { -webkit-box-shadow: none; box-shadow: none; } /* Separator */ .wp-block-separator { border: 0; margin:1.75em auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } /* Media & Text */ .wp-block-media-text { margin-bottom: 1.75em; } .wp-block-media-text *:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Blocks - Widgets --------------------------------------------------------------*/ /* Archives, Categories & Latest Posts */ .wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter { list-style-position: inside; text-align: center; } .wp-block-latest-posts.is-grid { margin-right: 0; } /* Comments */ .wp-block-latest-comments article { margin-bottom: 3em; } .blog:not(.has-sidebar) #primary .wp-block-latest-comments article, .archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article, .search:not(.has-sidebar) #primary .wp-block-latest-comments article { float: none; width: 100%; } .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-excerpt p { font-size: inherit; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius:0; } .wp-block-latest-comments__comment-meta { margin-bottom: 0.4em; } .wp-block-latest-comments__comment-author, .wp-block-latest-comments__comment-link { font-weight: 700; text-decoration: none; } .wp-block-latest-comments__comment-date { font-size: 12px; font-size: 0.75rem; line-height: 1.61538; margin-top: 0.4em; text-transform: uppercase; } [class^="wp-block-"]:not(.wp-block-gallery) figcaption { font-style: italic; margin-bottom: 1.5em; text-align: right; } hr.wp-block-separator { border-bottom-width: 1px; } .wp-block-gallery { margin:0; margin-bottom: 15px; } .wp-block-gallery.alignleft, .wp-block-gallery.alignnone, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright { display: flex; } .wp-block-gallery figcaption { font-style: italic; } p.has-drop-cap:not(:focus)::first-letter { font-size: 5em; margin-top: 0.075em; } .wp-block-image { margin-bottom: 1.5em; } .wp-block-image figure { margin-bottom: 0; margin-top: 0; } .wp-block-image figure.alignleft { margin-left: 1.5em; } .wp-block-image figure.alignright { margin-right: 1.5em; } .wp-block-audio audio { display: block; width: 100%; } .wp-block-cover-image.alignright, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover.alignleft, .wp-block-cover-image.aligncenter, .wp-block-cover.aligncenter { display: flex; } .wp-block-pullquote blockquote { margin:0; } .wp-block-quote:not(.is-large):not(.is-style-large), blockquote { border-right: 5px solid #e9a502; } .wp-block-pullquote.is-style-solid-color blockquote { border: none; padding:30px; } blockquote:before { display: none; } blockquote { margin-top: 0; margin-left: 0; margin-bottom: 15px; margin-right: 0; position: relative; padding-right: 20px; } .entry-content ul.wp-block-gallery { margin-right: 0; padding-right: 0; } figure.wp-block-gallery.columns-3 { padding-left: 50px; } .entry-content ul,.entry-content ol { padding-right: 20px; margin-right: 0; } .entry-content .blocks-gallery-grid, .entry-content .wp-block-gallery { padding-top: 0px; padding-left: 10px; padding-bottom: 0px; padding-right: 0px} .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; font-size: 18px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; }