/*! Theme Name: Ablanna Author: WPDevTechSupport Author URI: https://www.wpdevtechsupport.com/ Description: Ablanna WordPress Theme is a clean, responsive and multipurpose WordPress Theme. Requires at least: 5.3 Tested up to: 5.8 Requires PHP: 5.6 Version: 1.0.2 License: GNU General Public License v2 or later License URI:http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ablanna Tags: blog, one-column,two-columns, custom-background,featured-images,custom-logo, custom-menu, threaded-comments, translation-ready, block-styles, right-sidebar, sticky-post rtl-language-support Ablanna WordPress Theme has been created by WPDevTechSupport, Jan 2022 Ablanna WordPress Theme is licenese under GPL */ /* Ablanna Theme RTL CSS */ body{font-size:1rem;line-height:1.7rem;letter-spacing:0.06rem;color:#000;background:#fff;font-family:Roboto,sans-serif;font-weight:400} h1,h2,h3,h4,h5,h6{margin:0 0 0.6rem;font-family:Roboto,sans-serif}p{margin:0 0 0.3rem;color:#000} h2{font-size: inherit;font-weight: 700;} img.img-fluid {width:100%;height:500px} .post-thumbnail img{max-width:100%;height:250px!important;margin:3rem 0} a{text-decoration:none;color:#000;} a:focus,a:hover{ outline:2px dotted #000;} a.post-thumbnail:focus{outline:0} a:not([href]){color:#fff} ul,ul li{margin:0;padding:0;list-style:none} .alignleft{float:right;margin-left:0.9rem;margin-bottom:0.9rem;} .alignright{float:left;margin-right:0.9rem;margin-bottom:0.9rem} .aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto;margin-bottom:0.9rem} .screen-reader-text{visibility:visible;} .skip-link.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} .skip-link.screen-reader-text:focus{background-color:#f2f2f2;border:1px solid #21759b;border-radius:3px;clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .screen-reader-text.menu-close{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;background-color:transparent;border:1px solid #000;bottom:5px} .screen-reader-text.menu-close:focus{background-color:transparent;border:1px solid #fff;border-radius:5px;clip:auto!important;clip-path:none;color:#fff;display:block;font-size:14px;font-weight:700;height:50px;right:35px;line-height:normal;padding:5px 15px;text-decoration:none;bottom:-30px;width:auto;z-index:100000} .screen-reader-text.menu-close:focus, .screen-reader-text.menu-close:hover{ outline:3px dotted #fff;} h2.screen-reader-text{font-size:20px;text-transform:uppercase;text-align:center;background-color:#fff;border:1px solid #ddd;padding:10px;margin-bottom:30px} #primary[tabindex="-1"] a.post-thumbnail[tabindex="0"] .custom-logo-link{display:inline-block;} hr{border:0.13rem solid #014b01;} .site-branding, .site-branding a,.site-description{color: #fff;} .site-title{padding-top: 0.5rem;} .site-title a{text-decoration:none;font-weight:700;text-transform:uppercase;} .site-title a:hover, .site-title a:focus { text-decoration: underline;} .site-description{color:inherit;} .header-area{background-color:#014b01} .ablanna-responsive-menu{display:none} .top-nav-collapse{background:#fff;box-shadow:0 3rem 6rem rgba(0,0,0,.2);transition:.5s} .screen-reader-text.menu-close{display:none} .mainmenu ul li{position: relative;display: inline-block;margin-right: 5px;} .mainmenu li a {color: inherit; text-transform: uppercase; text-decoration: none;font-weight: 700;padding: 18px;position: relative;display: block;transition: 0.5s;} .mainmenu li:first-child {margin-right: 0px;} .mainmenu li:last-child {border: 0px;} .mainmenu li a:hover, .mainmenu li a.active, .mainmenu li a:focus{text-decoration: underline;} .mainmenu li a:visited{text-decoration: underline;} ul.children {padding-right: 25px;} .mainmenu .menu-item-has-children::after{font-family:dashicons;content:"\f347";font-size:1em;text-shadow:none;opacity:.8;position:absolute;top:1.2rem;left:.2rem;color:inherit;} .mainmenu ul.sub-menu .menu-item-has-children::after{top:.6rem;left:.2rem;color:#fff}.mainmenu ul li ul{position:absolute;right:0;z-index:8;width:220px;top:150%;opacity:0;background:#014b01;visibility:hidden;transition:.5s} .mainmenu ul li:hover ul{opacity:1;visibility:visible;top:100%}.mainmenu ul li ul li{border-left:none;width:220px;margin-right:0;display:block}.mainmenu li:hover ul li a{color:#fff;opacity:1}.mainmenu ul li ul.sub-menu li a{padding:8px 20px;text-align:right;border-radius:0;background:100% 0;font-size:14px;text-transform:uppercase;color:#fff} .mainmenu li ul.sub-menu li a:hover,.mainmenu li ul.sub-menu li a:focus,.mainmenu li a:hover, .mainmenu li a.active, .mainmenu li a:focus{background-color:#ddd;color:#000} .mainmenu ul li ul li ul{right:222px}.mainmenu ul li:hover ul li ul{opacity:0;visibility:hidden}.mainmenu ul li:hover>ul li:hover>ul{right:225px;opacity:1;visibility:visible}.mainmenu ul li:hover>ul li:hover>ul li:hover>ul{right:auto;left:200px} .top-nav-collapse{background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.2);transition:.5s} .ablanna-responsive-menu{display:none;} .screen-reader-text.menu-close{display:none;} .slicknav_btn{right:93%;float:right;top:-50px} .slicknav_menu .slicknav_menutxt{display:none;} .slicknav_btn{background:100% 0;padding:0;margin:0}.slicknav_menu{padding:0;background:100% 0} .slicknav_menu .slicknav_icon-bar{background-color:#fff;box-shadow:0 0 0} .slicknav_nav{background:100% 0;width:220px;position:relative;top:-2px;right:20px}.slicknav_nav a{font-weight:400;font-size:16px;transition:.5s;color:#fff} .slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover{background:#fff;color:#000;text-decoration:none;border-radius:0;} .slicknav_nav a:focus{background:#fff;color:#000;text-decoration:none;border-radius:0} .slicknav_nav li.active a{background:#0010ff;color:#fff} .slicknav_nav .slicknav_row:hover a{color:#000} .slicknav_nav .slicknav_row,.slicknav_nav a{margin:0} .slicknav_nav li{padding:0;text-align:right;font-size:inherit;line-height:inherit;border:none} .slicknav_menu .slicknav_icon{width:35px;height:35px;margin:0} .slicknav_btn{line-height:5px;cursor:pointer;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s} .slicknav_icon span.slicknav_icon-bar{display:inline-block;width:100%;height:2px;background:#fff;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s} .slicknav_btn.slicknav_open span.slicknav_icon-bar:first-child{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:11px 50%;-moz-transform-origin:11px 50%;-ms-transform-origin:11px 50%;-o-transform-origin:11px 50%;transform-origin:11px 50%} .slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(2){display:none} .slicknav_btn.slicknav_open span.slicknav_icon-bar:last-child{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:12px 50%;-moz-transform-origin:12px 50%;-ms-transform-origin:12px 50%;-o-transform-origin:12px 50%;transform-origin:12px 50%} .slicknav_btn:focus,.slicknav_btn:hover{outline:3px dotted #fff;outline-offset: 4px;border:3px solid #fff} .slicknav_arrow:focus,.slicknav_nav .slicknav_arrow:hover{outline:3px dotted #000;text-decoration: underline;} .slicknav_row:focus{border-color: #fff;} .slicknav_row a:hover, .slicknav_row a:focus{outline: none;} ul#primary-menu li.hover ul{opacity:1;visibility:visible;top:100%} ul#primary-menu li ul{display:inline-block;transform:scale(0);visibility:hidden}ss ul#primary-menu li ul li a{display:block} ul#primary-menu li:hover ul, ul#primary-menu li.hover ul{transform:scale(1);visibility:visible} .widget{margin:0 0 0.9rem}.widget select{max-width:100%}.widget{margin-bottom:1.9rem;background-color:#fff;padding:1.9rem;border:0.06rem solid grey} .widget:last-child{margin-bottom:0} .widget a:hover,.widget a:focus{text-decoration: underline;} .widget h2{font-size:1.3rem;text-transform:uppercase;color:#ddedf4;background:#014b01;padding:.5rem} .widget ul{margin:0;padding:0;list-style:none;line-height:2}.widget ul li{border-bottom:0.06rem dashed #999} .widget ul ul{padding-right:0.3rem}.widget ul ul ul{padding-right:0.3rem}.widget a{color:#000;text-decoration:none;padding:3px;} .widget table{width:100%;border-top:0.06rem solid #ddd;border-left:0.06rem solid #ddd}.widget table th{background-color:#ddd} .widget table td,.widget table th{padding:0.3rem;border-right:0.06rem solid #ddd;border-bottom:0.06rem solid #ddd} .widget.widget_rss li{margin-bottom:1.9rem}.widget.widget_rss .rssSummary{font-size:95%;padding-top:0.6rem} .widget.widget_rss cite{padding-top:0.6rem;display:inline-block;font-weight:700}.widget.widget_rss a.rsswidget{font-size:110%} .widget.widget_rss .rss-date{font-size:80%} .sticky{display:block}.updated:not(.published){display:none} .entry-content,.entry-summary{padding: 0 2rem 2rem;}.page-content{padding: 0 0 0 2rem;} .page-links{clear:both;margin:0 0 0.9rem}.comment-content a{word-wrap:break-word} .bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none} .infinity-end.neverending .site-footer{display:block} .comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0} embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:0.9rem;max-width:100%} .wp-caption img[class*=wp-image-]{display:block;margin-right:auto;margin-left:auto} .wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center} .gallery{margin-bottom:0.9rem;display:grid;grid-gap:0.9rem}.gallery-item{display:inline-block;text-align:center;width:100%} .gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)} .gallery-columns-8{grid-template-columns:repeat(8,1fr)} .gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block} .wp-block-quote p{margin-right: 0.3rem;} .blog-area{padding-top:3rem} article.post{margin-bottom:1.9rem;background-color:#fff} article.page{margin-bottom:1.9rem;background-color:#fff;border-radius:0.3rem;padding:1.9rem 0} .error-page{padding:60.13rem 0}article.sticky{background-color:#fff;display:block} .border{border-color:grey!important} article.sticky .border{border:0.19rem solid #014b01!important;border-radius:0.3rem} article.post:last-child{margin-bottom:0}.single-area article.post{border:none}.entry-header{text-align:center;text-transform:uppercase}.entry-meta{margin-bottom:0.6rem} .entry-title{text-transform:uppercase;padding-top: 1rem;overflow-wrap: break-word;} .entry-footer{margin-top:1rem;padding: 2rem;} .entry-footer span i,.entry-meta i,.entry-title i{color:#000;margin-left:0.3rem} .entry-meta a,.entry-title a{color:#000;text-decoration:none;} .entry-footer span a:hover,.entry-meta a:hover,.entry-title a:hover{color:#000;text-decoration:underline;} .entry-footer span,.entry-meta span{margin-left:2rem}.entry-footer span.author{margin-left:0} .cat-links a,.tags-links a, .edit-link a{padding: 0.5rem;font-size: 1rem;} a.read-more-btn{color:#ddedf4;background-color:#014b01;border-radius:0.3rem;text-decoration:none;padding:0.3rem 0.6rem;font-weight:700;display:inline-block} a.read-more-btn:hover,a.read-more-btn:focus{outline-offset: 2px;outline: 1px dashed #000;text-decoration: underline;} .nav-links{overflow:hidden}.nav-previous{float:right;width:45%;text-align:right;margin: 0.3rem;}.nav-next{text-align:left;width:45%;float:left}.nav-next a{margin: 3px;} .nav-links a{display:inline-block;color:#ddedf4;background-color:#014b01;border-radius:0.3rem;padding:0.5rem 0.3rem;font-weight:700;text-transform:uppercase;} .page-links{margin-top:0.6rem}.page-links a{display:inline-block;border:0.06rem solid #252525;color:#252525;padding:0 0.6rem;transition:.5s;margin:0 0.3rem} .nav-links a:hover,.page-links a:hover,.nav-links a:hover,.page-links a:focus{outline:3px dotted #000;text-decoration: underline;} .search-results article.page .entry-summary{display:none} .entry-content h2{font-size: 2rem;font-weight: normal;} .entry-content table{border-right:0.06rem solid #ddd;border-bottom:0.06rem solid #ddd;margin-bottom:0.9rem}.entry-content table td,.entry-content table th{border-top:0.06rem solid #ddd;border-left:0.06rem solid #ddd;padding:0.6rem}.entry-content table th{background-color:#f9f9f9}.entry-content dd{margin-bottom:1rem} .entry-content ol,.entry-content ul{padding-right:0;margin:0} .entry-content address{border:0.06rem solid #ddd;padding:1.3rem} .wp-block-search .wp-block-search__button{font-weight: 700;background-color: #014b01;} .comments-area{margin-top:3rem}.comments-area h2.comments-title{margin-bottom:0.3rem}.comment-content h2{margin-top:0.3rem} .comment-content p{margin-bottom:0.3rem}.comment-list{margin:0;padding:0;list-style:none}.comment-meta{margin-bottom:1.3rem} .comment-meta a{color:#333}.bypostauthor{display:block}.comment-author.vcard{position:relative;padding-right:3rem} .comment-author.vcard img{position:absolute;right:0;top:0.55rem}.comment-metadata{margin-right:3rem} .comments-area table{border-right:0.06rem solid #ddd;border-bottom:0.06rem solid #ddd;margin-bottom:1.9rem} .comments-area table td,.comments-area table th{border-top:0.06rem solid #ddd;border-left:0.06rem solid #ddd;padding:0.6rem} .comments-area table th{background-color:#f9f9f9}.comments-area dd{margin-bottom:0.3rem} .comments-area .comment-content ol,.comments-area .comment-content ul{padding-right:0.3rem;margin:0} .comments-area address{border:0.06rem solid #ddd;padding:1.3rem}.comment-reply-link{display:inline-block;color:#7086a1;margin-top:0.6rem;transition:.5s;text-transform:uppercase} .comment-reply-link:hover{color:#252525}.comment-list li.comment{margin-bottom:1.9rem;border-bottom:0.06rem solid #ddd;padding:1.9rem;background-color:#ddd} .comment-list li.comment:last-child{border-bottom:0 solid #ddd;margin-bottom:0} .comment-metadata{font-size:80%}.comment-list li.comment ol.children{padding-right:3rem;margin:0;list-style:none;margin-top:0.3rem} .comment-list li.comment ol.children ol.children{padding-right:1.3rem} .comment-respond{margin-top:3rem} .comment-form label{margin-bottom:0.3rem}.comment-form input,.comment-form textarea{margin-bottom:0.3rem} .comment-form textarea{resize:vertical}.comment-reply-title{margin-top:0.9rem} .comment-form input[type=email],.comment-form input[type=text],.comment-form input[type=url]{width:100%;height:3rem;border:0.06rem solid #bbb;padding-right:0.6rem;transition:.5s} .comment-form input[type=checkbox]{width:2%;border:0.06rem solid #bbb;margin-top:0;margin-left:0.3rem} .comment-form textarea{width:100%;border:0.06rem solid #bbb;padding:0.6rem;transition:.5s} .comment-form input[type=email]:focus,.comment-form input[type=email]:hover,.comment-form input[type=text] :focus,.comment-form input[type=text]:hover,.comment-form input[type=url] :focus,.comment-form input[type=url]:hover,.comment-form textarea:focus,.comment-form textarea:hover{outline:3px dotted #000;text-decoration: underline;} .comment-form input[type=submit]{height:3rem;width:100%;border:0.06rem solid #ddd;color:#ddedf4;transition:.5s;background:#014b01;text-transform:uppercase;margin-top:0.6rem;margin-bottom:0;font-weight: 700;} .comment-form input[type=submit]:hover,.comment-form input[type=submit]:focus{outline:3px dotted #000;} .post-password-form{margin-top:0.3rem}.post-password-form input[type=password]{border:0.06rem solid #ddd;padding:0.6rem} .post-password-form input[type=submit]{border:0.06rem solid #ddd;padding:0.6rem 1.3rem;background:#333;color:#fff;text-transform:uppercase;transition:.5s;margin-right:-0.4rem} .post-password-form input[type=submit]:hover{outline:3px dotted #000;} .page-content .search-form input[type=search]{width:100%;display:inline-block} .page-content .search-form input[type=submit]{width:100%;display:inline-block} .search-form input[type=search]{width:100%;max-width:100%;border:0.06rem solid #ddd;padding:0.6rem 0.3rem;margin:0.6rem 0;transition:.5s} .search-form input[type=submit]{width:100%;border:0.06rem solid #ddd;padding:0.6rem 0.3rem;background:#333;color:#fff;text-transform:uppercase;transition:.5s} input[type="search"]:focus {outline:3px dotted #000;text-decoration: underline;} input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {outline:3px dotted #000;text-decoration: underline;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]: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 {outline:3px dotted #000;text-decoration: underline;} button:focus, button:hover,select:hover,select:focus{text-decoration: underline;outline:2px dotted #000;} .error-404 .page-title{margin-top:1.9rem} .error-404 .search-form{width:100%} .error-404 .search-form label{width:100%} .error-404 .search-form .search-submit{background-color: #014b01;} .error-404 .widget h2{border:0; padding: 0;margin-top: 1.3rem;background-color:#fff;color:#000;padding-right: 0;border-bottom: 0.13rem solid #014b01;} .error-404 .widget ul li{border-bottom: 0;padding: 0.3rem 0;} .error-404 select{height: 3rem;} .error-404 a.tag-cloud-link{color: #014b01;} .no-results label{display: block;} #footer{background-color:#000;margin:1.3rem 0 0 0;padding:1.3rem 0;text-align:center;border-top:0.06rem solid #ddd} #footer a{color:#fff;text-decoration:none} #footer a:focus,#footer a:hover{text-decoration: underline;} /* Responsive */ /* Desktop Layout: 112rem */ @media only screen and (min-width:992px) and (max-width:1199px){.search-form input[type=search]{width:104%}} /* Tablet Layout: 760.5rem */ @media only screen and (min-width:768px) and (max-width:991px){body{font-size:0.9rem} img.img-fluid {height:300px} .post-thumbnail img{margin: 0 0;width: 100%;} .mainmenu-area{background-color:#ddd}.mainmenu{display:none} .slicknav_menu{margin-top:0.6rem} .ablanna-responsive-menu{display:block} .screen-reader-text.menu-close{display:block} .slicknav_btn{right:93%;float:right}.slicknav_nav{right:14rem} .menu-item-has-children::after{display:none}.blog-area{padding-top:3rem} article.post:last-child{margin-bottom: 0.9rem} .nav-previous{float:none;width:100%;text-align:center;font-size:0.8rem} .nav-next{text-align:center;width:100%;float:none;font-size:0.8rem} .comment-form{margin-bottom:1.9rem} .copyright,.copyright-right{text-align:inherit}} /* Wide Mobile Layout */ @media (min-width:481px) and (max-width:767px){body{font-size:0.9rem} img.img-fluid {height:300px} .post-thumbnail img{margin: 0 0;width: 100%;} .mainmenu-area{background-color:#ddd}.mainmenu{display:none}.slicknav_menu{margin-top:0.3rem}.slicknav_nav{right:9rem} .menu-item-has-children::after{display:none} .ablanna-responsive-menu{display:block}.screen-reader-text.menu-close{display:block} .blog-area{padding-top:3rem} .widget:first-child{margin-top:0.9rem} .nav-previous{float:none;width:100%;text-align:center;font-size:0.8rem} .nav-next{text-align:center;width:100%;float:none;font-size:0.8rem} .comment-form{margin-bottom:1.9rem} .copyright,.copyright-right{text-align:inherit}} /* Mobile Layout*/ @media (min-width:320px) and (max-width:480px){ img.img-fluid {height:300px} .post-thumbnail img{margin: 0 0;width: 100%;} .mainmenu-area{background-color:#ddd} .mainmenu{display:none} .ablanna-responsive-menu{display:block} .screen-reader-text.menu-close{display:block} .menu-item-has-children::after{display:none} .blog-area{padding-top:3rem} article.post:last-child{margin-bottom:0.9rem} .search-form input[type=search]{width:100%}.copyright,.copyright-right{text-align:inherit} }