/* Theme Name: Blogger Hub Adding support for languages written in a Right To Left (RTL) direction is easy, it's just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#f5e4e3; font-size: 16px; letter-spacing: .51px; color:#797979; font-family: 'Poppins', sans-serif; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:10px 0; } p{ margin:0 0 15px; padding:0; font-size:18px; line-height:normal; font-weight:normal; } a{ text-decoration:none; color:#7c3028; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } ul{ margin:0 15px 0 0; padding:0; } :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } select{ width:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ clear:both; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } .center{ text-align:center; margin-bottom:40px; } .main-wrap-box{ margin:0 auto; padding:20px 0 20px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; right:-9999em; } .sticky{ margin:0; padding:0; } .sticky .blog-sec { background: #f5f5f5; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: right; margin-left:20px; margin-top:4px; margin-bottom:10px; padding:0; border:1px solid #bbb; padding:5px; } .alignright, img.alignright { display: inline; float: left; border:1px solid #bbb; padding:5px; margin-bottom:10px; margin-right:25px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-right: auto; margin-left: auto; margin-top:0; border:1px solid #bbb; padding:5px; } .comment-list .comment-content ul { list-style:none; margin-right:15px; } .comment-list .comment-content ul li{ margin:5px; } #respond{ clear:both; } .toggleMenu{ display:none; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } a.small-button{ background:#3890cb; padding:5px 30px; border-radius:3px; color:#fff; display:table; margin:0 auto; } a.small-button:hover{ color:#fff; background:#0c5f96; } input[type="text"], input[type="email"], input[type="phno"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } input[type="submit"] { border: none; text-align:center; text-transform:uppercase; font-size:18px; padding:7px 35px; background:#7c3028; font-weight:bold; color:#fff; border-radius:3px; display:table; margin: 10px auto; } input[type="submit"]:hover{ background:#222; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 1px 0 0; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: right; } th { border-width: 0 0 1px 1px; font-weight: 700; } td { border-width: 0 0 1px 1px; } th, td { padding: 0.4375em; } /* Calendar widget */ .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 2.5625; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 900; margin-bottom: 1em; color: #7c3028; font-size: 20px; } .widget_calendar tbody a { background-color: #007acc; color: #fff; display: block; font-weight: 700; } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #686868; color: #fff; } .widget th, .widget td { padding: 0em; } span.page-links-title { clear: both; position: relative; font-size: 14px; line-height: 13px; font-weight: bold; padding: 15px; } span.page-number { padding: 10px 15px; } span.page-number,span.page-links-title{ display: block; float: right; margin: 2px 0 2px 2px; text-decoration: none; width: auto; color: #fff; font-weight: bold; background: #7c3028; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background: #111111; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #000; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* ---------Buttons--------- */ a.button{ border: 2px solid #7c3028 ; background:#7c3028; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight:bold; } /* ---------HEADER--------- */ .logo h1 a{ text-transform:uppercase; padding: 0; font-size:50px; font-weight:bold; text-align:center; color: #fff; } .logo { padding: 8% 0; text-align: center; } .logo p{ font-size:15px; color: #fff; } #header { z-index: 999; width: 100%; height: auto; background: #fff; } #header .header-top { color: #fff; padding: 10px 0; } .buttonbox a{ background:#3890cb; color:#fff; padding:8px 15px; display:block; margin:27px 0 0 0; border-radius:5px; text-align:center; } .buttonbox a:hover{ background:#000; color:#fff; } #header .nav{ margin:0; padding:0; text-align:right; float:right; } #header .nav ul { float:left; margin:0; padding:0; font-weight:400; font-size:14px; text-transform: uppercase; font-weight:bold; } #header .nav ul li{ display:inline-block; margin:0; position:relative; } #header .nav ul li a{ color:#ffffff; padding:10px; display:block; font-weight: 500; font-size: 12px; letter-spacing: 1px; } #header .nav ul li a:hover { color: #fff !important; background: #7c3028; } #header .nav ul li a:active{ color: #fff; background: #7c3028; } .search-box input[type="submit"] { padding: 0 40px 0 0; background: url(images/search.png) no-repeat scroll 22px 2px; text-align: center; float: left; text-indent: -9999px; border: none; margin-top: 6px; } .search-box { padding: 8px 0px; } .search-box label{ width: 75%; } .social-links i { margin-left: 15px; font-size: 13px; color: #000; } .social-links i:hover{ color: #7c3028; } .social-links { padding: 17px 0; } /* ---------blog--------- */ .blog-sec { margin-bottom: 4%; text-align: center; border-bottom: solid 3px #ddd; padding: 15px; background: #fff; } .blog-sec h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; color: #242424; letter-spacing: 2px; font-family: 'IM Fell English SC', serif; } .blog-sec h3 a { color: #7c3028; } .post-hr { margin: 0 auto; border-top: dashed 2px #000; width: 15%; } .box-image img { width: 100%; } .mainimage img:hover { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0.5; } .blog-sec p { color: #707070; font-size: 16px; letter-spacing: .51px; } p.post_tag a { color: #111; font-weight: 400; } .att_socialbox a { margin-left: 15px; font-size: 12px; color: #111; } p.post_tag { text-align: right; } .att_socialbox { text-align: left; color: #111 } h1.page-title, h1.search-title { background: #7c3028; margin-bottom: 3%; font-family: 'IM Fell English SC', serif; color: #fff; letter-spacing: 1px; text-align: center; } /* Category Post */ #main-post { padding: 3% 0px; } #category_post h2 { background: #7c3028; text-align: center; color: #fff; padding: 16px 0; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; position: relative; font-family: 'IM Fell English SC', serif; margin-bottom: 25px; font-weight: normal; } #category_post h2:after { content: ""; display: block; position: absolute; border-top: 5px solid; border-top-color: #7c3028; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; right: 50%; width: 0; height: 0; margin-right: -5px; } /* Homepage */ .post-info { padding: 3% 0; font-size: 16px; } .post-info i { color: #111; } .post-info span { margin-right: 1%; margin-left: 1%; color: #000; } .blogbtn a { color: #fff; background: #7c3028; font-size: 16px; font-weight: 500; letter-spacing: 0.3px; padding: 10px 20px; } .blogbtn { margin: 3% 0; } .mainimage img { width: 100%; } .mainimage{ overflow: hidden; background: #000; } .innerlightbox { padding-top: 4%; } #blog_post small{ color:#6d6d6d; margin:0 0 20px 0; } #blog_post .small-button{ margin-top:30px; } #blog_post .page-box,.postbox{ color:rgba(74, 69, 69, 0.75); padding:15px; margin: 0 0 4% 0; box-shadow: 0 0 15px 3px #bbb; } #blog_post .page-box p{ font-size:15px; margin:0; line-height: 25px; } #blog_post .box-image{ margin:0; } #blog_post .services-box{ margin:40px 0 20px 0; } img.alignnone.wp-image-755.size-large { width: 100%; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; } section h3{ font-weight:bold; text-align:center; margin:30px 0 0 0; text-transform:uppercase; } section h4{ color:#000; font-weight:bold; } section h5{ color:#3890cb; font-weight:bold; margin:0 0 10px 0; padding:0; } /* Footer Section */ .footerinner { float: right; width: 100%; } .footerinner .widget { padding: 10% 0; } #footer{ background: #111; color:#fff; padding:0; text-align:right; clear:both; } #footer h3 { text-align: right; font-size: 26px; color: #fff; letter-spacing: 2px; font-family: 'IM Fell English SC', serif; } #footer p { font-size: 16px; margin: 0; } #footer .news-form{ margin-top:24px; } #footer input[type="text"]{width:60%; padding:8px 5%; float:right; margin-left:2%; border-radius:5px; } #footer input[type="submit"]{ width:35%; padding:11px 2%; float:left; border:none; background:#7c3028; margin:0; } #footer .search-field { width: 59%; padding: 10px 5px; } #footer label { display: inline; } #footer form.search-form{ text-align: right; } #footer .copyright{ text-align:center; } .copyright a { color: #fff; } .inner{ background: #7c3028; padding: 2%; } .footerinner ul { margin: 0; } .footerinner ul li { list-style: none; padding: 6px 0; letter-spacing: 1px; font-size: 10px; } .footerinner ul li a { color: #fff; font-size: 13px; } .footerinner ul li a:hover{ color: #111111; } #sidebar select,.footerinner select { padding: 10px; color: #000; } #sidebar .textwidget { padding: 15px; background: #fff; } .footerinner .tagcloud a{ background: #333; color: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; } /* --------- Bradcrumbs --------- */ .bradcrumbs a { background: #7c3028; color: #fff; padding: 5px; display: inline-block; margin-left: 5px; margin-bottom: 10px; } .bradcrumbs a:hover{ background:#999999; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /* Comments BOX */ #comments{ margin-top:40px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 0; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#7c3028 !important ; padding:10px 20px; text-transform:uppercase; font-weight:bold; margin-top:20px; border:none; } #comments a.comment-reply-link{ color:#000; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:#7c3028; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } #wrapper #comments ol.children li{ list-style: none; } #wrapper #comments ol li{ background:none; margin: 0 0 20px; padding: 20px; background:#eee; } #wrapper #comments ul{ margin:0 40px 0 0; } #comments .reply{ float:left; } #comments .comment-author{ width:100%; clear:both; } #comments .comment-metadata{ width:90%; float:right; } #comments .comment-content{ width:90%; float:right; margin-right:7%; } #comments p { width:90%; float:none; } /* Sidebar */ #sidebar td#prev a { color: #707070; } #sidebar caption { font-weight: bold; color: #707070; font-size: 15px; text-align: center; } table#wp-calendar { width: 100%; } #sidebar td { padding: 7px; color: #707070; font-size: 12px; text-align: center; } #sidebar td#today { background: #707070; color: #fff; } #sidebar tr { border-bottom: solid 1px #ddd; } #sidebar th { text-align: center; padding: 7px; color: #707070; font-size: 15px; } #sidebar select { padding: 10px; color: #707070; background: #fff; border: none; width: 100%; } #sidebar form.search-form{ display: table; width: 100%; padding: 15px; border-bottom: solid 3px #ddd; background: #fff; } #sidebar h3 { background: #7c3028; text-align: center; color: #fff; padding: 16px 0; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; position: relative; font-family: 'IM Fell English SC', serif; margin-bottom: 25px; font-weight: normal; } #sidebar h3:after { content: ""; display: block; position: absolute; border-top: 5px solid; border-top-color: #7c3028; border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; right: 50%; width: 0; height: 0; margin-right: -5px; } #sidebar input[type="search"], input[type="search"] { padding: 8px; border: none; font-size: 14px; color: #000; font-style: italic; letter-spacing: 1px; font-weight: normal; width: 100%; } #footer input[type="submit"]{ margin-bottom: 15px !important; } #sidebar label, #footer label{ width: 100%; float:right; margin-bottom: 12px; } #sidebar input[type="submit"], #footer input[type="submit"]{ background:#7c3028; border: none; color: #fff; padding: 8px 0; width: 100%; font-weight: normal; font-size: 15px; float: right; margin: 0; font-family: 'IM Fell English SC', serif; border-radius: 0; letter-spacing: 1px; } #sidebar aside { margin-bottom: 30px; } #sidebar ul { list-style: none; margin: 0; padding: 15px; font-size: 17px; background: #fff; } #sidebar ul li{ font-size: 12px; padding: 8px 0; } #sidebar ul li a { color: #707070; letter-spacing: 1px; font-size: 13px; } #sidebar .tagcloud a{ color: #707070; font-size: 15px !important; padding: 8px 18px; margin: 0 0 5px; display: inline-block; background: #fff; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } #sidebar .tagcloud a:hover{ background:#ddd; color: #000; } #sidebar #calendar_wrap{ background: #fff; } /* Page */ .entry-video iframe { width: 100%; } #wrapper { padding: 15px; } #wrapper h1 { font-family: 'IM Fell English SC', serif; font-weight: bold; margin: 10px 0; color: #000; } #wrapper p{ line-height: 25px; font-size: 16px; } #wrapper hr{ border:none; border-bottom:1px solid #e4e4e4; margin:35px 0; clear:both; } #wrapper h2{ font-size:40px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } #wrapper h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } #wrapper h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; } #wrapper ul{ margin:0 10px 0 0; font-size:16px; } #wrapper ul li{ line-height:25px; } #wrapper ol{ margin:0 15px 0 0; font-size:16px; counter-reset: myCounter; } #wrapper ol li{ padding:0 0 0 0; } .feature-box { background: #fff; padding: 15px; margin-bottom: 10px; } /* Pagination */ .pagination { clear:both; position:relative; font-size:14px; line-height:13px; float:left; } .pagination span, .pagination a { display:block; float:right; margin: 0 4px; padding:10px 15px; text-decoration:none; width:auto; color:#707070; background: #fff; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover{ color:#fff; background: #111111; } .pagination .current { padding: 10px 15px; color: #fff; background: #7c3028; border: 1px solid #d4d4d4; } /* ------------Navigation Links------------*/ .nav-next, .nav-previous { float: right; width: 50%; } span.meta-nav { clear: both; font-size: 18px; color: #000; } span.post-title { font-size: 20px; margin: 4%; font-weight: 400; line-height: 26px; } /* Media Css*/ @media screen and (max-width: 720px) and (min-width: 320px){ ol.children { margin: 0 !important; } ol.children img { width: 30px; border: solid 1px; } #comments .reply { float: right !important; margin-bottom: 5%; } #wrapper #comments ol li{ padding:0 !important; } #wrapper h2 { font-size: 30px !important; } } @media screen and (min-width:720px){ #header .nav ul li ul{ display:none; z-index:2; font-weight:normal; margin-top:12px; } #header .nav ul li:hover > ul{ display:block; background: #fff; width: 200px; position: absolute; border-top: solid 10px #7c3028; top:46px; right:0; text-align:right; z-index:99; } #header .nav ul li:hover > ul li{ display:block; } #header .nav ul li:hover > ul li a{ padding:7px 10px 7px 0px; color:#707070; } #header .nav ul li:hover ul li ul{ display:none; } #header .nav ul li:hover ul li:hover > ul{ display:block; position:absolute; right:200px; top:-20px; } #header .nav ul.sub-menu{ margin-top:10px; } #header .nav ul li a{ color:#333; padding:20px 10px; display:block; } } @media screen and (max-width:720px) { .toggle{ display:block; } .toggle a{ width:100%; color:#fff; background:url('images/mobile_nav_right.png') no-repeat left center #7c3028; padding:10px 10px; font-size:16px; } .toggle a:hover{ color:#fff; } .toggle a.active{ color:#fff; } .nav{ display:none; } #header .nav{ float:none; margin:0; position:absolute; z-index:999; overflow-x:hidden; width: 100%; right: 0; } #header .nav ul{ width:100%; float:none !important; margin-top:0; background-color:#222222; } #header .nav ul li{ border-top:1px #303030 solid; display:block; float:none; text-align:right; } .nav ul li a{ padding:5px 10px; display:block; color:#ffffff !important; } .nav ul li a:hover{ color:#ff8a00; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-right:20px !important; } .nav ul li ul li ul li a{ padding-right:30px !important; } } @media screen and (min-width: 1000px) { #header #header-inner .nav ul li ul li{ display:block; position:relative; float:none; } #header #header-inner .nav ul li ul li a{ color:#000; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid; } } /** * 15.0 - Print */ @media print { form, button, input, select, textarea, .social-navigation, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, #header .nav, #sidebar { display: none; } a[href]:after { content: none !important; } body, blockquote cite, blockquote small, pre, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content .author-title { font-size: 12pt; } blockquote { font-size: 14.25pt; } .site-title, .page-title, .comments-title, .entry-content h2, .entry-summary h2, .comment-content h2, .widecolumn h2 { font-size: 17.25pt; } .site-description { display: block; } .entry-title { font-size: 24.75pt; line-height: 1.2727272727; margin-bottom: 1.696969697em; } .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 17.25pt; line-height: 1.304347826; margin-bottom: 1.826086957em; } .entry-content h1, .entry-summary h1, .comment-content h1 { font-size: 21pt; } .entry-content h3, .entry-summary h3, .comment-content h3, body:not(.search-results) .entry-summary { font-size: 14.25pt; } .site-description, .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .site-info, .wp-caption .wp-caption-text, .gallery-caption { font-size: 9.75pt; } body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, blockquote cite, blockquote small, .site-branding .site-title a, .entry-title a, .comment-author { color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ } blockquote, .page-header, .comments-title { border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ } blockquote, .site-description, body:not(.search-results) .entry-summary, body:not(.search-results) .entry-summary blockquote, .author-bio, .entry-footer, .entry-footer a, .sticky-post, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .site-info, .site-info a, .wp-caption .wp-caption-text, .gallery-caption { color: #686868 !important; /* Make sure color schemes don't affect to print */ } code, hr { background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } pre, abbr, acronym, table, th, td, .author-info, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments { border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ } a { color: #007acc !important; /* Make sure color schemes don't affect to print */ } .entry-content a, .entry-summary a, .taxonomy-description a, .comment-content a, .pingback .comment-body > a { box-shadow: none; border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */ } .site { margin: 5%; } .site-inner { max-width: none; } .site-header { padding: 0 0 1.75em; } .site-branding { margin-top: 0; margin-bottom: 1.75em; } .site-main { margin-bottom: 3.5em; } .entry-header, .entry-footer, .page-header, .page-content, .entry-content, .entry-summary, .post-thumbnail, .comments-area { margin-left: 0; margin-right: 0; } .post-thumbnail, .site-main > article { margin-bottom: 3.5em; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { border-width: 4px 0 0 0; padding: 0.9473684211em 0 0; width: -webkit-calc(50% - 0.736842105em); width: calc(50% - 0.736842105em); } body:not(.search-results) .entry-header + .entry-summary { margin-top: -1.473684211em; } .site-footer, .widecolumn { padding: 0; } }