body { direction: rtl ; } html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin:0; font-family: 'Outfit', sans-serif; color: #748494; } article,aside,footer,header,nav,section,figcaption,figure,main,details,menu { display: block; } h1,h2,h3,h4,h5,h6{ color: #222222; font-weight: 600; } figure { margin:1em 0; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #748494 dotted; text-decoration: none; } b, strong { font-weight: 700; } code, kbd, samp { font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15; margin:0; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [hidden] { display: none; } .single .entry-content p{ margin-bottom: 18px; } .entry-content > p:first-of-type:first-letter{ font-size: 70px; float: right; line-height: 60px; padding-top: 4px; padding-left: 12px; padding-bottom: 0; padding-right: 0; } .entry-content a, .woocommerce-product-details__short-description a,.textwidget a,.comment-content a, .content-area a{ text-decoration: underline; color: #ffa700; } .woocommerce #review_form #respond textarea { background: #eee; border: 1px solid #e1e1e1; } /*-----------post format------------*/ .entry-audio audio { width: 100%; } #Category-section iframe { width: 100%; } #Category-section .entry-video video{ width: 100%; } #Category-section [class^="wp-block-"]:not(.wp-block-gallery) figcaption{ display: none; } #Category-section .wp-block-quote:not(.is-large):not(.is-style-large){ padding-top: 0; padding-left: 0; padding-bottom: 0; padding-right: 10px; } .wp-block-quote:not(.is-large):not(.is-style-large), blockquote { border: 5px solid black!important; } .entry-content .quotepost a{ text-decoration: none; } .entry-content .quotepost p{ color: #ffa700; } h1.quote-content { text-align: center; } #Category-section .wp-block-pullquote { text-align: center; } #Category-section pre.wp-block-verse{ border: 5px solid black!important; color: #ffa700; } /*-------------- Alignments ---------------*/ .alignleft { display: inline; float: right; margin-left: 1.5em; } .alignright { display: inline; float: left; margin-right: 1.5em; } .aligncenter { clear: both; display: block; margin-right: auto; margin-left: auto; } .alignwide { margin-right : -60px; margin-left : -30px; } .alignfull { margin-right: -48px; width: calc(100% + 64px) !important; max-width : 100vw; } .alignfull img { width: 100vw; } /*--------- Forms ---------*/ label { color: #222222; display: block; margin-bottom: 0.5em; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius:3px; border-radius:3px; display: block; padding:0.7em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #222222; } select { border: 1px solid #bbb; -webkit-border-radius:3px; border-radius:3px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-left: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } button, input[type="button"], input[type="submit"] { background: #ffa700; border: 0; border-radius:30px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 800; line-height: 1; padding:1em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } input + button, input + input[type="button"], input + input[type="submit"] { padding:0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #f1edf8; color: #222; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #ffa700; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Accessibility */ .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; } .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; } #content[tabindex="-1"]:focus { outline: 0; } /*---------- Links -----------*/ a { color: #222222; text-decoration: none; } a:hover, a:active { color: #bbb; outline: 0; text-decoration: none; } /* Site branding */ .site-branding { padding:1em 0; position: relative; -webkit-transition: margin-bottom 0.2s; transition: margin-bottom 0.2s; z-index: 3; } .site-branding a { text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .site-branding a:hover, .site-branding a:focus { opacity: 0.7; } .site-title { clear: none; font-size: 24px; line-height: 1.25; margin:15px 0; padding:0; } .custom-logo-link { display: inline-block; vertical-align: middle; width: auto; } .custom-logo-link img { display: inline-block; max-height: 80px; width: auto; margin-top: 10px; } /* Logo */ .logo h1, .site-title, .site-title a, .logo h1 a { font-size: 25px; color: #ffffff; font-weight: 600; margin:0; } .logo p{ font-size: 15px; margin-bottom: 0; color: #fff; } /*------------- Header -------------*/ .home-btn a, .box-button a,.linksbox a { background: #ffa700; color: #fff; font-size: 16px; font-weight: 500; padding:12px 25px; display: inline-block; border-radius:30px; } .home-btn a:hover,.box-button a:hover { background: #222222; } .menu-header { background: #222222; } .page-template-custom-home-page .menu-header { background: rgb(0 0 0 / 50%); z-index: 9999; position: absolute; width: 100%; } p.site-description { color: #fff; font-size: 15px; } .address-box i,.phone-call i { font-size: 25px; color: #ffa700; } .address-box h6{ color: #fff; } .address-box p,.phone-call p { font-size: 15px; color: #ffa700; } .phone-call p{ font-size: 22px; } .phone-call h6 { font-weight: 400; } /* ----- header navigation ----- */ .gb_nav_menu li{ display:inline-block; margin:0; position:relative; } .gb_nav_menu li a { color: #fff; padding:12px; display: block; font-size: 14px; } .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover { color: #ffa700; } .gb_nav_menu ul ul{ opacity: 0; position: absolute; background: #ffa700; min-width: 210px; z-index: 9999; padding:4px; } .gb_nav_menu ul ul ul{ right: 100%; top: 0; } .gb_nav_menu ul ul a{ color: #fff; padding:10px; } .gb_nav_menu ul ul a:hover{ background: #fff; color: #222222 !important; } .gb_nav_menu ul ul li{ float: none; display: block; text-align: right; border-right: none; border-left: none !important; padding:0; } .gb_nav_menu ul ul li:last-child{ border-bottom: 0; } .gb_nav_menu ul li:hover > ul{ opacity: 1; } .gb_nav_menu li.menu-item-has-children:hover > ul, .gb_nav_menu li.menu-item-has-children:focus > ul, .gb_nav_menu li.menu-item-has-children.focus > ul{ opacity: 1; } .gb_nav_menu .menu > ul > li.highlight{ background-color: #006ccc; } .gb_nav_menu .menu > ul > li.highlight:hover{ background: transparent; } .toggle-menu, a.closebtn{ display: none; } .gb_nav_menu .sub-menu { list-style: none; padding-right: 0; opacity: 0; right: -9999px; z-index: 99999; width: 200px !important; } .gb_nav_menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, .gb_nav_menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, .gb_nav_menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, .gb_nav_menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum, .gb_nav_menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { display: block; right: 0; margin-top: 0; opacity: 1; width: auto; min-width: 100%; } ul.sub-menu ul.sub-menu{ right: -202px !important; } /* 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; background: url(assets/image/search.png) no-repeat scroll 10px !important; text-indent: -9999px; position: absolute; left: 5px; top: 5px; } /*--------- Explore Activities Section--------- */ #home-about h6 { font-size: 20px; font-weight: 500; color: #ffa700; } #home-about h3 { font-size: 35px; font-weight: bold; } .activities-box img { border-radius:10px; margin-bottom: 15px; } .activities-box h4 { text-align: right; font-size: 20px; font-weight: bold; } .activities-box { border: solid 1px #f1edf8; border-radius:15px; padding:10px; box-shadow: 0 0 10px 2px #f1edf8; } .rating-box { text-align: center; position: absolute; left: 15%; border-radius:50%; border: solid 5px #f1edf8; padding:5px 0; width: 75px; height: 75px; margin-top: -50px; background: #fff; } .rating-box h5 { margin-bottom: 0; font-size: 22px; font-weight: bold; } .rating-box p{ color: #222222; } .activities-inner-box h5 { font-size: 15px; } /*--------- Category Section--------- */ #Category-section .postbox.smallpostimage{ border: 1px solid #f1edf8; } #Category-section .postbox.smallpostimage:hover h3 a{ color: #222222; } #Category-section h3 a { font-size: 22px; color: #222222; } #Category-section .date-box, #single-post-section .date-box{ font-size: 13px; font-weight: 600 } /*--------- Site Loader --------------*/ .preloader { background: #f5f5f5; display: flex; height: 100%; width: 100%; right: 0; bottom: 0; top: 0; position: fixed; z-index: 99999; } .load{ position:absolute; top:50%; right:50%; transform:translate(+50%, -50%); width:100px; height:100px; } .load hr{ border:0; margin:0; width:40%; height:40%; position:absolute; border-radius:50%; animation:spin 2s ease infinite; } .load :first-child{background:#ffa700;animation-delay:-1.5s} .load :nth-child(2){background:#222222;animation-delay:-1s} .load :nth-child(3){background:#ffa700;animation-delay:-0.5s} .load :last-child{background:#222222} @keyframes spin{ 0%,100%{transform:translate(-0)} 25%{transform:translate(-160%)} 50%{transform:translate(-160%, 160%)} 75%{transform:translate(-0, 160%)} } /*-----------------------scroll-top-----------*/ .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; } /*--------- Woocommerce Section--------- */ .menu_header .wc-block-product-categories{ margin-bottom: 0; } .woocommerce ul.products li.product .star-rating{ margin:0 auto .5em; color: #f4bc16; } .woocommerce .products li { text-align: center; padding:10px !important; background: #fafafa; } .woocommerce #sidebar { margin-top: 2em; } a.showcoupon, .woocommerce-message::before{ color: #222222; } .woocommerce-message { border-top-color: #222222; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background: #ffa700; color: #fff; padding:0; border-radius:30px; margin:0 !important; min-height: 5px; line-height: 26px; min-width: 60px; } .woocommerce ul.products li.product .onsale{ top: 20px !important; left: 20px !important; } h2.woocommerce-loop-product__title{ font-size: 18px !important; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #222222 !important; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #ffa700; color: #fff; border-radius:30px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: #222222; color: #fff; } .woocommerce .quantity .qty { width: 5em; padding:8px 5px; border-radius:5px; border: solid 1px #222222; color: #222222; } .col-1,.col-2 { max-width: 100%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; padding:0; } nav.woocommerce-MyAccount-navigation ul li { background: #ffa700; padding:12px!important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: #fff !important; font-weight: bold; font-style: none !important; } .posted_in { display: block; } .woocommerce .woocommerce-ordering select{ padding:10px; } span.woocommerce-input-wrapper,.menu_header select,.menu_header .wc-block-product-categories__dropdown{ width: 100%; } .woocommerce-product-gallery__image{ padding:2px; } .woocommerce a.checkout-button.button.alt.wc-forward{ color: #fff !important; font-style: none; } .woocommerce a.checkout-button.button.alt.wc-forward:hover{ text-decoration: none !important; } /*-------- Posts ----------------*/ .sticky { position: relative; border-right: solid 4px #222222; } .entry-header .entry-title { margin-bottom: 0.25em; } .entry-title a { color: #222222; text-decoration: none; margin-right: -2px; } h3.entry-title a:hover { color: #222222; } .entry-title:not(:first-child) { padding-top: 0; } .entry-meta { color: #748494; font-size: 11px; font-size: 0.6875rem; font-weight: 800; padding-bottom: 0.25em; } .entry-meta a { color: #748494; } .pagination, .comments-pagination { font-size: 14px; font-size: 0.875rem; font-weight: 800; padding:2em 0 3em; text-align: center; } .pagination .icon, .comments-pagination .icon { width: 0.666666666em; height: 0.666666666em; } .comments-pagination { border: 0; } .page-numbers { padding:0.5em 0.75em; } .page-numbers.current { display: inline-block; background: #ffa700; color: #fff; } .prev.page-numbers, .next.page-numbers { background: #ffa700; display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 1; padding:0.25em 0.5em 0.4em; color: #fff; font-weight: normal; text-decoration: none; } .prev.page-numbers, .next.page-numbers { -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover { background: #ffa700; box-shadow: 1px 3px 7px #aaa; color: #fff; cursor: pointer; } .prev.page-numbers, .next.page-numbers { font-size: 15px; padding:10px; } a.more-link { color: #fff; background: #ffa700; font-weight: bold; font-size: 15px; display: inline-block; border-radius:30px; } .more-link:before { margin-top: 0 !important; } a.more-link:hover{ background: #ffa700; color: #fff; } /* More tag */ .entry-content .more-link:before { content: ""; display: block; margin-top: 1.5em; } .article_content { background: #eee; margin-bottom: 20px; padding:20px; box-shadow: 1px 3px 7px #bbb; border-right: 5px solid #222222; } /* Single Post */ .single-featured-image-header { background-color: #fafafa; border-bottom: 1px solid #eee; } .page-links { font-size: 14px; font-size: 0.875rem; font-weight: 800; padding:2em 0 3em; } .page-links .page-number { color: #748494; display: inline-block; padding:0.5em 1em; } .page-links a { display: inline-block; } .page-links a .page-number { color: #222; } /* Entry footer */ :root { --admin-bar: 32px; } #content{ display: flex; flex-direction: column; position: relative; min-height: calc(100vh - var(--admin-bar, 0px) - var(--frame-size, 0px) * 2); } .copyright{ background: #222222; width: 100%; } .entry-footer { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: 2em; padding:2em 0; } .entry-footer .cat-links, .entry-footer .tags-links { display: block; font-size: 11px; font-size: 0.6875rem; font-weight: 800; padding-right: 2.5em; position: relative; } .entry-footer .cat-links + .tags-links { margin-top: 1em; } .entry-footer .cat-links a, .entry-footer .tags-links a { color: #222222; } .entry-footer .cat-links .icon, .entry-footer .tags-links .icon { color: #748494; right: 0; margin-left: 0.5em; position: absolute; top: 2px; } .entry-footer .edit-link { display: inline-block; } .entry-footer .edit-link a.post-edit-link { background-color: #222; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; margin-top: 2em; padding:0.7em 2em; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; white-space: nowrap; } .entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus { background-color: #748494; } /*----------- Pages ---------*/ .page-header h1, .entry-header h1, .page-header h2, .single-post-page h2, h1.entry-title { font-size: 23px; font-weight: bold; margin-bottom: 0px; } .page-header, .entry-header, .single-post-page h2 { padding-bottom: 1em; padding-top: 1em; } .single-post-page h2{ font-weight: bold; padding:0px; margin-bottom: 15px; } .page .entry-header .edit-link { font-size: 14px; } .search .page .entry-header .edit-link { font-size: 11px; } .page-links { clear: both; margin:0 0 1.5em; } /*----------- Footer --------------*/ .site-info { font-size: 16px; background: #ffa700; color: #fff; } .site-info p{ font-size: 15px; font-weight: 400; margin:0; } .site-info p, .site-info a{ color: #fff !important; } /* Footer widgets */ .site-footer .widget-area a:hover{ color: #bbbbbb; } .site-footer .widget-area ul li a, .site-footer .textwidget { color: #ffffff; } .site-footer .widget ul { padding:0; } .site-footer .widget ul li, .site-footer .widget ol li{ color: #fff; padding:4px 0; list-style: none; font-size: 15px; } .site-footer h3.widget-title { font-size: 25px; color: #ffffff; font-weight: bold; margin-top: 20px; border-bottom: solid 2px #fff; border-top: solid 1px #fff; padding:4% 0; } .site-footer input[type="search"] { padding:10px; font-size: 14px; margin-bottom: 0px; color: #fff; width: 100%; border: none; } .site-footer .search-form .search-submit{ bottom: 1px; padding:10px; position: absolute; left: 1px; background: #ffa700; color: #fff; } /*------- Comments ------------*/ .pre .nav-links a, .nex .nav-links a{ background: #222222; color: #fff; padding:5px 10px; } .pre,.nex { margin:0 0 20px; } #comments { clear: both; padding:2em 0 0.5em; } .comments-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 1.5em; } .comment-list, .comment-list .children { list-style: none; margin:0; padding:0; } .comment-list li:before { display: none; } .comment-author { font-size: 16px; font-size: 1rem; margin-bottom: 0.4em; position: relative; z-index: 2; } .comment-author .avatar { height: 50px; width: 50px; } .comment-author .says { display: none; } textarea#comment{ background: #eee; border: 1px solid #e1e1e1; } #respond{ padding:20px; margin:20px 0 0; color: #141414; border: 1px solid #e1e1e1; } .comment-meta { margin-bottom: 1.5em; } .comment-metadata { color: #748494; font-size: 10px; font-weight: 800; text-transform: uppercase; } .comment-metadata a { color: #748494; } .comment-metadata a.comment-edit-link { color: #222; margin-right: 1em; } .comment-body { color: #222222; font-size: 14px; font-size: 0.875rem; margin-bottom: 4em; } .comment-reply-link { font-weight: 800; position: relative; } .comment-reply-link .icon { color: #222; right: -2em; height: 1em; position: absolute; top: 0; width: 1em; } .children .comment-author .avatar { height: 30px; right: -45px; width: 30px; } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #222222; padding:2px; } .no-comments, .comment-awaiting-moderation { color: #748494; font-size: 14px; font-style: italic; } .comments-pagination { margin:2em 0 3em; } .form-submit { text-align: left; } /*sidebar*/ #sidebar .postbox.smallpostimage{ padding:10px; } #sidebar td#prev a { color: #222222; } #sidebar caption { font-weight: bold; color: #222222; font-size: 20px; } #sidebar table,#sidebar th,#sidebar td { text-align: center; } #sidebar td { padding:7px; color: #222222; } #sidebar th { text-align: center; padding:5px; color: #222222; } #sidebar select { padding:10px 5px; border: solid 1px #222222; background: transparent; width: 100%; color: #222222; } #sidebar h3 { font-weight: bold; font-size: 22px; color: #222222; text-align: center; border-bottom: solid 2px #222222; border-top: solid 1px #222222; padding:4% 0; } #sidebar input[type="search"], input[type="search"] { padding:17px; font-size: 14px; margin-bottom: 0px; color: #71767c; border: solid 1px #f1edf8; width: 100%; } #sidebar .search-form .search-submit{ bottom: 4px; padding:15px; position: absolute; left: 4px; } #sidebar label{ margin-bottom: 0; width: 100%; } #sidebar input[type="submit"]{ background: #222222; color:#fff; padding:10px 0; font-size:12px; width: 100%; font-weight: bold; } #sidebar .widget { margin-bottom: 25px; padding:10px; box-shadow: 0px 4px 9px #e1e1e1; } #sidebar ul { list-style: none; margin:0; padding:0; font-size: 17px; } #sidebar ul li { border-bottom: 1px dashed #f1edf8; margin:0 0 5px; padding:10px 0; } #sidebar ul li:last-child{ border: none; } #sidebar ul li a { font-size: 15px; font-weight: 500; } #sidebar .tagcloud a, .site-footer .tagcloud a, p.wp-block-tag-cloud a{ background:#eeeeee; color:#222222; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover, .site-footer .tagcloud a:hover, p.wp-block-tag-cloud a:hover{ background: #ffa700; color: #fff; } /* Search */ .search-form { position: relative; } .search-form .search-submit { bottom: 3px; padding:16px 25px; position: absolute; left: 3px; } .search-form .search-submit .icon { height: 24px; top: -2px; width: 24px; } button.search-submit{ background: #222222; font-weight: normal; } /* Calendar widget */ .widget_calendar th, .widget_calendar td, .widget_calendar caption { text-align: center; color:#ffffff; } .widget_calendar tfoot td { border: 0; } /*----------- Media ----------*/ img, video { height: auto; max-width: 100%; } /*--------- Galleries --------*/ .gallery-item { display: inline-block; text-align: right; vertical-align: top; margin:0 0 1.5em; padding-top: 0; padding-left: 1em; padding-bottom: 0; padding-right: 0; width: 50%; } .gallery-columns-1 .gallery-item,#Category-section { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: right; padding-top: 0; padding-left: 10px; padding-bottom: 0; padding-right: 0; margin-bottom: 0; } /*--------- Media --------------*/ @media screen and (min-width: 48em) { /* Posts */ .site-content { padding:2em 0 0; } .comments-pagination, .post-navigation { clear: both; } .post-navigation .nav-previous { float: right; width: 50%; } .post-navigation .nav-next { float: left; text-align: left; width: 50%; } .nav-next, .post-navigation .nav-next { margin-top: 0; } .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 4em; } .navigation.pagination { clear: both; float: left; width: 58%; } .entry-footer { display: table; width: 100%; } /* Comments */ .comments-title { margin-bottom: 2.5em; } ol.children .children { padding-right: 2em; } /* Posts pagination */ .nav-links .nav-title { position: relative; } .nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { right: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { left: -2em; } } @media screen and (max-width: 425px){ .admin-bar .fixed{ margin-top: 0px; } #slider .slick-dots,#slider h2,.search-box{ display: none !important; } .menu-header-inner { text-align: center; } #slider h1{ font-size: 22px; } .menu_header_box.fixed{ display: none; } .fixed_header.fixed{ position: static !important; } #slider .bg-color{ height: 200px; } } @media screen and (max-width: 800px){ .page-template-custom-home-page .menu-header{ background: #222222; position: static; } .fixed_header.fixed{ position: static !important; } .admin-bar .fixed{ margin-top: 0px; } #slider .slider-content { right: 10%; left: 20%; } .site-footer td, #sidebar .widget_calendar th, #sidebar .widget_calendar td{ padding:3px; } .gb_nav_menu .nav ul li a:focus, a.closebtn.gb_menu:focus, .toggle-menu button:focus{ outline: -webkit-focus-ring-color auto 1px; } .toggle-menu { display: none; width: 100%; top: 0; cursor: pointer; z-index: 999999; left: 0; font-size: 20px; } .toggle-menu i { font-size: 22px; } .toggle-menu button { background: #ffa700; border-radius:5px; color: #fff; } .side_gb_nav { max-height: 100%; width: 100%; height: 100%; position: fixed; z-index: 9999999; top: 110%; left: 0; overflow-y: scroll; background-color: #222222; overflow-x: hidden; transition: 0.5s; padding-top: 60px; visibility: hidden; } .side_gb_nav.show { visibility: visible; top:0%; } .side_gb_nav .closebtn { position: absolute; top: 0; padding:0px 18px; font-size: 42px; display: block; color: #ffffff; } .side_gb_nav #top_gb_menu { width: 100%; } .toggle-menu span{ font-size:30px; cursor:pointer; text-align: left; } .toggle-menu{ display: block; } .gb_nav_menu .nav ul li{ border-top:1px #404040 solid; display:block; } .nav ul li a{ padding:10px 15px; display: block; color: #ffffff !important; border: none; border-bottom: 1px solid #404040; background: none !important; } .nav ul li:first-child a{ border-top: 1px solid #47515a; } .nav ul li:first-child ul li a{ border-top: none; } .gb_nav_menu .current_page_item > a, .gb_nav_menu .current-menu-item > a, .gb_nav_menu .current_page_ancestor > a { color: #222222; } .nav ul li ul li a:before{ content:"__"; padding-left: 10px; } .nav ul li ul li a{ padding-right:20px !important; } .nav ul li ul li ul li a{ padding-right:30px !important; } .gb_nav_menu ul ul{ position: static; width: 100%; background: none; border:none; opacity: 1 !important; } .gb_nav_menu li, .menu_header{ padding:0; display: block; } .gb_nav_menu .sub-menu > li > a:focus, .nav ul li a:focus{ outline: -webkit-focus-ring-color auto 1px; } } @media screen and (max-width:425px){ h2.slider-title { font-size: 20px; } .logo h1{ font-size: 23px; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100% !important; float: none !important; } .site-info{ padding:2em 0; } .slide-inner-box p,#slider .owl-nav{ display: none; } #slider .slider-content { right: 10%; left: 10%; text-align: center; } .menu-header.fixed{ position: static !important; } } @media screen and (max-width: 999px) and (min-width: 768px){ .site-footer td, .site-footer th{ padding:0px; } #slider .slider-content { right: 10%; left: 20%; } .admin-bar .fixed { margin-top: 46px; } #slider .slick-dots LI { width: 100px; height: 67px; } .search-box{ right:60%; } #slider .bg-color{ height: 400px; } } @media screen and (max-width: 1199px) and (min-width: 1024px){ #slider .slider-content { right: 10%; left: 40%; } #slider .bg-color{ height: 400px; } } /*-------------------------------------------------------------- # 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; } .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 { color: inherit; font-size: 16px; font-size: 1rem; font-style: normal; font-weight: 400; text-align: right; } /* 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 { background-color: transparent; -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 { background: transparent; border: 0; color: inherit; 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; } .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 { color: inherit; 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; background-color: #ffa700; color: #fff !important; } .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-color: #ffa700!important; border: 2px solid; background:none; color: #ffa700!important; } .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus { background-color: #ffa700; color: #fff; border-color: #ffa700; } .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; } /*-------------------------------------------------------------- # Blocks - Colors --------------------------------------------------------------*/ .wp-block-table, .wp-block-table td, .wp-block-table th { border-color: #eee; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-color: #e9a502; } .wp-block-latest-comments__comment-date { color: #999; } .has-white-color { color: #fff; } .has-white-background-color { background-color: #fff; } .has-black-color { color: #000; } .has-black-background-color { background-color: #000; } .has-dark-gray-color { color: #333; } .has-dark-gray-background-color { background-color: #333; } .has-gray-color { color: #eee; } .has-gray-background-color { background-color: #eee; } .has-light-gray-color { color: #f6f6f6; } .has-light-gray-background-color { background-color: #f6f6f6; } .has-blue-color { color: #e9a502; } .has-blue-background-color { background-color: #e9a502; } [class^="wp-block-"]:not(.wp-block-gallery) figcaption { font-style: italic; margin-bottom: 1.5em; text-align: right; } hr.wp-block-separator { background: none; 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; } .wp-block-pullquote.is-style-solid-color blockquote p { color: #fff; } 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; color: #000; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; }