/* Megla Theme css */ /* Gobal Css */ .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; left: 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; display: none; } .screen-reader-text.menu-close:focus { background-color: transparent; border: 1px solid #000; border-radius: 5px; clip: auto !important; clip-path: none; color: #000; display: block; font-size: 14px; font-weight: 700; height: auto; left: 35px; line-height: normal; padding: 5px 15px; text-decoration: none; bottom: -30px; width: auto; z-index: 100000; display: none; } h2.screen-reader-text { font-size: 20px; text-transform: uppercase; text-align: center; background-color: #F8F9FA; border: 1px solid #ddd; padding: 10px; margin-bottom: 30px; } #primary[tabindex="-1"]:focus { outline: 0; } .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .widget { margin-bottom: 30px; } .widget:last-child{ margin-bottom: 0px; } .widget a:hover { color: #ff4522; } .wp-block-categories li:hover, a.tag-cloud-link:hover { color: #fff; } .widget h2 { font-size: 20px; text-transform: uppercase; color: #424242; letter-spacing: 1px; padding-bottom: 10px; line-height: 1.5; } .widget ul { margin: 0; padding: 0; list-style: none; line-height: 2; } .widget ul ul { padding-left: 15px; } .widget ul ul ul { padding-left: 5px; } .widget a { color: #000; text-decoration: none; } .widget table { width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; } .widget table th { background-color: #ddd; } .widget table th, .widget table td { padding: 5px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } .widget.widget_rss li { margin-bottom: 30px; } .widget.widget_rss .rssSummary { font-size: 95%; padding-top: 10px; } .widget.widget_rss cite { padding-top: 10px; 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; } .page-content, .entry-content, .entry-summary { margin: 0.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .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; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .custom-logo-link { display: inline-block; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .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-left: 15px; } /* Default CSS */ body { font-size: 15px; line-height: 26px; letter-spacing: 1px; color:#767676; background:#FFFFFF; font-family: Roboto, sans-serif; font-weight: 400; } h1,h2,h3,h4,h5,h6 { text-transform: capitalize; margin:0 0 10px; font-family: Roboto, sans-serif; font-weight: 700; word-wrap: break-word; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; color: #000; } p { margin:0 0 5px; color:#555; } img{ max-width: 100%; vertical-align: middle; height: auto; } a { text-decoration: underline; transition: all 0.5s ease; color: #000; word-wrap: break-word; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; } a:hover { color: #ff4522; outline: none; background:none; transition: all 0.5s ease; } a:focus { color: #ff4522 ; } a:not([href]) { color: #fff; } ul, ul li { margin: 0; padding: 0; list-style:none; } /* Header CSS */ .header-area { padding: 10px 0; } header.bura-header-img { position: relative; padding-top: 0; } header.bura-header-img .container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; right: auto; bottom: 0; background: rgba(0,0,0,0.3); padding-top: 110px; } .header-img img { max-width: 100%; height: 250px; } .site-branding img { max-width: 100px; height: 100px; } .page .site-branding, .single .site-branding, .search .site-branding, .archive .site-branding, .error404 .site-branding { padding-top: 16px; } .site-title a { color: #000000; text-decoration: none; font-size: 25px; font-weight: 700; text-transform: uppercase; } .site-title a:hover { color: #ff4522; } .mainmenu ul { text-align: right; } .mainmenu ul li{ position: relative; display: inline-block; margin-left: 5px; } .mainmenu li a { color: #000; text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: 500; padding-top: 16px; padding-bottom: 18px; padding-right: 25px; padding-left: 25px; position: relative; display: block; transition: 0.5s; } .mainmenu li:first-child { margin-left: 0px; } .mainmenu li a:first-child { padding-left: 0px; } .mainmenu li:last-child a { padding-right: 0px; } .mainmenu li:last-child { border: 0px; } .mainmenu li:hover a, .mainmenu li.active a { transition: 0.5s; color: #ff4522; } ul.children { padding-left: 25px; text-align: left; } .mainmenu .menu-item-has-children::after { font-family: FontAwesome; content: "\f107"; font-size: 1em; text-shadow: none; opacity: .8; position: absolute; top: 18px; right: 10px; } .mainmenu ul.sub-menu .menu-item-has-children::after { top: .6rem; right: .2rem; color: #fff; } .mainmenu ul li ul { position: absolute; left: 0; z-index: 8; width: 220px; top: 150%; opacity: 0; background: #252525; visibility: hidden; transition: 0.5s; } .mainmenu ul li:hover ul { opacity: 1; visibility: visible; top: 100%; } .mainmenu ul li ul li { border-right: none; width: 220px; margin-left:0px; 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: left; border-radius: 0px; background: transparent; font-size: 14px; text-transform: uppercase; color: #fff; } .mainmenu li ul.sub-menu li a:hover { background-color: #ddd; color: #000; } .mainmenu ul li ul li ul{ left:220px; } .mainmenu ul li:hover ul li ul{ opacity: 0; visibility: hidden; left:220px; } .mainmenu ul li:hover > ul li:hover > ul{ left: 220px; opacity: 1; visibility: visible; } .mainmenu ul li:hover > ul li:hover > ul li:hover > ul{ opacity: 1; visibility: visible; top: 100%; } .top-nav-collapse { background: #ffffff; box-shadow: 0 40px 100px rgba(0,0,0,.2); transition: 0.5s; } .bura-responsive-menu { display: none; } .screen-reader-text.menu-close{ display: none; } .slicknav_btn { right: 0; float: right; top: -46px; } .slicknav_menu .slicknav_menutxt { display: none; } .slicknav_btn { background: transparent; padding: 0px; margin: 0px; } .slicknav_menu { padding: 0; background: none; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; box-shadow: 0 0 0; } .slicknav_nav { background: transparent; width: 250px; position: relative; top: -2px; left: 20px; } .slicknav_nav a{ font-weight: 400; font-size: 16px; transition: 0.5s; color: #000; } .slicknav_nav a:focus{ color: #ff4522; } .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover { background: #333333; color: #fff; text-decoration: none; border-radius: 0; } .slicknav_nav li.active a{ background: #E74C3C; color: #fff; } .slicknav_nav .slicknav_row:hover a { color: #fff; } .slicknav_nav .slicknav_row, .slicknav_nav a { margin: 0; } .slicknav_nav li { padding: 0px; text-align: left; font-size: inherit; line-height: inherit; border: none; } .slicknav_menu .slicknav_icon { width: 35px; height: 35px; margin: 0px; } .slicknav_btn { line-height: 5px; cursor: pointer; -webkit-transition: all ease-in-out 500ms; -moz-transition: all ease-in-out 500ms; -ms-transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; } .slicknav_icon span.slicknav_icon-bar { display: inline-block; width: 100%; height: 2px; background: #000; -webkit-transition: all ease-in-out 500ms; -moz-transition: all ease-in-out 500ms; -ms-transition: all ease-in-out 500ms; -o-transition: all ease-in-out 500ms; transition: all ease-in-out 500ms; } .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%; } .main-navigation .btn > a:hover { background-color: #333; color: #fff; transition: 0.5s; } 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; } 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; } /* Breadcurmb CSS */ .breadcrumbs-area { padding: 100px 0; color: #000; margin-bottom: 100px; background-color: #f9f9f9; } .breadcrumbs-area h2 { font-size: 22px; text-transform: uppercase; line-height: 26px; margin-bottom: 0px; } /* Blog CSS */ .error-page, .page-area, .search-area, .archive-area, .single-area, .blog-area { background-color: #f9f9f9; padding-bottom: 100px; } .blog-title { padding: 100px 0; } .blog-title span { display: inline-block; margin-bottom: 10px; color: #ff4522; font-weight: 500; } .blog-title h3 { font-weight: 800; text-transform: uppercase; margin-bottom: 0px; color: #000; } .masonry-post article.post { margin-bottom: 30px; } article.page{ margin-bottom: 30px; background-color: #F8F9FA; border-radius: 5px; } .error-page{ padding-top: 100px; } .error-page .blog-title h3 { border-bottom: 1px solid #ddd; padding-bottom: 50px; } article.sticky { background-color: #ddd; display: block; border: 1px solid #ddd; } .news-list { width: 100%; height: auto; clear: both; float: left; overflow: hidden; } .image { position: relative; } .image img { position: relative; min-width: 100%; opacity: 0; } .list-inner .image .main { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px; } .list-inner .overlay { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; background-color: #fff; border-radius: 10px; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .list-inner .details { position: absolute; z-index: 2; bottom: 0; left: 0; padding: 0 40px 45px 49px; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .list-inner .details span { margin-bottom: 6px; display: inline-block; } .list-inner .details span a { color: #999; text-decoration: none; } .list-inner .details h3.entry-title { font-size: 20px; font-weight: 700; } .list-inner:hover .overlay { opacity: 1; visibility: visible; } .list-inner:hover .details { opacity: 1; visibility: visible; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .bura-swiper-progress { width: 100%; display: flex; align-items: center; justify-content: end; clear: both; height: 70px; } .bura-navigation { position: relative; top: 6px; } .bura-navigation ul { margin: 0px; list-style-type: none; } .bura-navigation ul li { margin: 0px 10px 0px 0px; display: inline-block; } .bura-navigation ul li a { text-decoration: none; color: #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bura-navigation ul li a { color: #000; } .bura-navigation ul li:last-child { margin-right: 0px; } .bura-navigation ul li a i { border: 1px solid #ff4522; padding: 10px; display: inline-block; color: #ff4522; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bura-navigation ul li a:hover i { border: 1px solid #ff4522; background-color: #ff4522; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post-content { margin-top: 15px; } .entry-meta{ margin-bottom: 20px; } .entry-title { font-size: 20px; text-transform: uppercase; line-height: 26px; margin-top: 20px; } .entry-title i, .entry-footer span i, .entry-meta i { color: #ff4522; margin-right: 5px; } .entry-title a { color: #343434; text-decoration: none; transition: 0.3s; } .entry-content { margin-bottom: 20px; } .entry-footer span a, .entry-meta a{ color: #ff4522; text-decoration: none; transition: 0.3s; font-weight: 700; } .entry-title a:hover , .entry-footer span a:hover, .entry-meta a:hover{ color: #ff4522; transition: 0.3s; } .entry-footer span, .entry-meta span{ margin-right: 15px; } .entry-footer span.author { margin-right: 0px; } a.button { color: #fff; background-color: #343434; border: 1px solid #343434; border-radius: 50%; padding: 5px 15px; font-size: 15px; transition: 0.5s; display: inline-block; margin-top: 20px; } a.button:hover{ background-color: #fff; border: 1px solid #343434; color: #343434; transition: 0.5s; } a.button.error{ border-radius: 5px; text-decoration: none; } p.comment-notes { margin-bottom: 30px; } .single-area .navigation.post-navigation { margin-top: 30px; } .nav-links{ overflow: hidden; } .nav-previous{ float: left; width: 49%; text-align: left; } .nav-next{ text-align: right; width: 49%; float: right; } .nav-links a{ display: inline-block; color: #000; background-color: #fff; border-radius: 5px; padding: 5px 15px; font-weight: 700; text-transform: uppercase; transition: 0.5s; border: 1px solid #ddd; text-decoration: none; } .page-links{ margin-top: 10px; } .page-links a{ display: inline-block; border: 1px solid #252525; color: #252525; padding: 0px 10px; transition: 0.5s; margin: 0px 5px; } .nav-links a:hover, .page-links a:hover{ color: #fff; transition: 0.5s; border-color: #ff4522; background-color: #ff4522; } .search-results article.page .entry-summary { display: none; } .entry-content h2{ margin-top: 15px; } .entry-content table { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .entry-content table th, .entry-content table td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px; } .entry-content table th { background-color: #f9f9f9; } .entry-content dd { margin-bottom: 15px; } .entry-content ul, .entry-content ol { padding-left: 15px; margin: 0px; } .entry-content address { border: 1px solid #ddd; padding: 20px; } /* Comments CSS */ .comments-area { margin-top: 40px; } .comments-area h2.comments-title { font-size: 25px; margin-bottom: 25px; } .comment-content h2{ margin-top: 15px; } .comment-content p{ margin-bottom: 5px; } .comment-list { margin: 0px; padding: 0; list-style: none; } .comment-meta { margin-bottom: 20px; } .comment-meta a { color: #333; } .bypostauthor { display: block; } .comment-author.vcard { position: relative; padding-left: 50px; } .comment-author.vcard img { position: absolute; left: 0; top: 7px; } .comment-metadata { margin-left: 50px; } .comments-area table { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .comments-area table th, .comments-area table td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px; } .comments-area table th { background-color: #f9f9f9; } .comments-area dd { margin-bottom: 15px; } .comments-area .comment-content ul, .comments-area .comment-content ol { padding-left: 15px; margin: 0; } .comments-area address { border: 1px solid #ddd; padding: 20px; } .comment-reply-link { display: inline-block; color: #7086a1; margin-top: 10px; transition: 0.5s; text-transform: uppercase; } .comment-reply-link:hover{ color: #ff4522; } .comment-list li.comment { margin-bottom: 30px; border-bottom: 1px solid #ddd; padding: 30px; background-color: #ddd; } .comment-list li.comment:last-child { border-bottom: 0px solid #ddd; margin-bottom: 0px; } .comment-metadata { font-size: 80%; } .comment-list li.comment ol.children { padding-left: 50px; margin: 0; list-style: none; margin-top: 25px; } .comment-list li.comment ol.children ol.children { padding-left: 20px; } .comment-respond { margin-top: 50px; } .comment-form{ margin-bottom: 10px; } .comment-form label{ margin-bottom: 5px; } .comment-form input, .comment-form textarea{ margin-bottom: 15px } .comment-form textarea{ resize: vertical; } .comment-reply-title{ margin-top: 30px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{ width: 100%; height: 44px; border: 1px solid #bbb; padding-left: 10px; transition: 0.5s; } .comment-form input[type="checkbox"]{ width: 2%; border:1px solid #bbb; margin-top: 0px; margin-right: 5px; } .comment-form textarea{ width: 100%; border:1px solid #bbb; padding:10px; transition: 0.5s; } .comment-form input[type="text"]:hover, .comment-form input[type="text"]:focus, .comment-form input[type="email"]:hover, .comment-form input[type="email"]:focus, .comment-form input[type="url"]:hover, .comment-form input[type="url"]:focus, .comment-form textarea:hover, .comment-form textarea:focus{ border: 1px solid #000; } .comment-form input[type="submit"]{ height: 44px; width: 100%; border: 1px solid #ddd; color: #000; transition: 0.5s; background: #fff; text-transform: uppercase; margin-top: 10px; margin-bottom: 0px; } .comment-form input[type="submit"]:hover{ background:#252525; color: #fff; transition: 0.5s; } .post-password-form { margin-top: 15px; } .post-password-form input[type="password"]{ border: 1px solid #ddd; padding: 10px 25px; } .post-password-form input[type="submit"]{ border: 1px solid #ddd; padding: 10px 25px; background: #333; color: #fff; text-transform: uppercase; transition: 0.5s; margin-left: -6px; } .post-password-form input[type="submit"]:hover{ background: #FFB81F; border: 1px solid #FFB81F; transition: 0.5s; } .page-content .search-form input[type="search"]{ width: 100%; display: inline-block; } .page-content .search-form input[type="submit"] { width: 15%; display: inline-block; margin-left: -6px; } /* Search CSS */ .search-form input[type="search"] { width: 100%; max-width: 100%; border: 1px solid #ddd; padding: 5px 25px; margin: 10px 0px; transition: 0.5s; } .search-form input[type="submit"] { border: 1px solid #ddd; border-left: 0px solid #ddd; padding: 5px 25px; background: #333; color: #fff; text-transform: uppercase; transition: 0.5s; margin-left: -5px; } .search-form input[type="submit"]:hover{ background: #ff4522; color: #fff; transition: 0.5s; } /* Footer CSS */ .footer-area { padding: 30px 0; text-align: center; color: #fff; background-color: #000; } .copyright p, .copyright { color: #fff; } .copyright a{ text-decoration: none; color: #fff; } /* Responsive */ /* Tablet Layout: 768px */ @media only screen and (min-width: 768px) and (max-width: 991px) { .header-area { padding: 0px; } .mainmenu{ display: none; } .bura-responsive-menu{ display: block; } .screen-reader-text.menu-close{ display: block; } .menu-item-has-children::after { display: none; } article.post:last-child { margin-bottom: 30px; } .nav-previous { float: none; width: 100%; text-align: center; font-size: 12px; } .nav-next { text-align: center; width: 100%; float: none; font-size: 12px; } .widget { padding: 0px; } .widget:first-child{ margin-top: 30px; } .comment-form{ margin-bottom: 30px; } } /* Wide Mobile Layout */ @media (min-width: 481px) and (max-width: 767px) { .header-area { padding: 0px; } .mainmenu{ display: none; } .slicknav_nav { left: 145px; } .menu-item-has-children::after { display: none; } .bura-responsive-menu{ display: block; } .screen-reader-text.menu-close{ display: block; } .widget { padding: 0px; } .widget:first-child{ margin-top: 30px; } .nav-previous { float: none; width: 100%; text-align: center; font-size: 12px; } .nav-next { text-align: center; width: 100%; float: none; font-size: 12px; } .comment-form{ margin-bottom: 30px; } } /* Mobile Layout*/ @media (min-width: 320px) and (max-width: 480px) { .header-area { padding: 0px; } .mainmenu{ display: none; } .bura-responsive-menu{ display: block; } .screen-reader-text.menu-close{ display: block; } .menu-item-has-children::after { display: none; } article.post:last-child { margin-bottom: 30px; } .widget-area { margin-top: 30px; } .widget { padding: 0px; } }