/* General ***************************************************/ body.admin-bar{ top: 32px; } /* Font in different browser */ body, button, input, select, textarea{ color: #343434; line-height: 23px; } p{ line-height: 23px; margin-bottom: 2rem; } .elementor-text-editor p{ margin-bottom: 1rem; } a:hover{text-decoration: none; outline: none;} a:hover, a:focus{ text-decoration: none; outline: none;} input:focus{ outline: none; } img{ max-width: 100%; height: auto;} .alignleft, img.alignleft {margin-right: 1.5em;display: inline;float: left;} .alignright, img.alignright {margin-left: 1.5em;display: inline;float: right;} .aligncenter, img.aligncenter {margin-right: auto;margin-left: auto;display: block;clear: both;} .wp-caption {margin-bottom: 1.5em;text-align: center;padding-top: 5px;max-width: 100%;} .wp-caption img {border: 0 none;padding: 0;margin: 0;} .wp-caption img[class*="wp-image-"] { display: block; margin: 0;} .wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;} .wp-smiley {margin: 0 !important;max-height: 1em;} blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;} blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;} .gallery dl {}.gallery dt {}.gallery dd {}.gallery dl a {}.gallery dl img {}.gallery-caption{ width: 100%;} .size-full {}.size-large {}.size-medium {}.size-thumbnail {} .sticky{ background: #f3f3f3; padding: 22px 30px 30px 30px; border-top: 5px solid #5687bf;} .single .sticky{ padding: 30px;} .sticky .post-excerpt{ text-align: justify;} .bypostauthor{ position: relative;} .widget label.screen-reader-text{display: none;} .slash{ padding: 0px 3px; color: #999;} /** Fix for img ajax contact form 7 */ img.ajax-loader{ width: 16px!important; height: 16px!important; display: block; text-align: center; margin: 0 auto; margin-left: auto!important;} .pp_social .facebook{ width: 70px;} /* Scroll To TOp */ #scrollUp{ bottom: 20px; right: 20px; width: 30px; height: 30px; border-radius: 4px; background-color: #343434; color: #fff; text-align: center; } #scrollUp i{ color: #fff; text-align: center; line-height: 30px; font-size: 15px; } /* boxed and wide layout */ .ovatheme_container_wide{ background: #fff; } .ovatheme_container_boxed{ max-width: 1170px; margin: 0 auto; background: #fff; overflow: hidden; } /* iframe */ iframe{width: 100%; border: none;} .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper { position: relative; } pre{ border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 1.75em 0 1.75em 0; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } #main-content{ width: 100%; } /* Fix table ***************************************************/ table, tr, td, th{ border: 1px solid #ededed; } table { border-collapse: collapse;border-spacing: 0;font-size: 100%;line-height: 2;margin: 0 0 20px;width: 100%;} thead {display: table-header-group;vertical-align: middle;border-color: inherit;} tbody {display: table-row-group;vertical-align: middle;border-color: inherit;} tr {display: table-row;vertical-align: inherit;border-color: inherit;} th {padding: 5px 10px; font-weight: bold;text-transform: uppercase; color: #333;} th a{ color: #555;} td {padding: 5px 10px;} table tr td a{ color: #333;} ol, ul { margin: 0; padding: 0 0 0 15px;} ul li { display: list-item; text-align: -webkit-match-parent;} ol {display: block;list-style-type: decimal;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 20px; margin-top: 0;} address {font-style: italic;margin: 0 0 24px;} cite, em, var, address, dfn {font-style: italic;} /* Typo ***************************************************/ h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 500;} h1 { font-size: 33px; font-size: 2.0625rem; line-height: 1.2727272727; margin-top: 0.696969697em; margin-bottom: 0.2484848485em; } h2 { font-size: 28px; font-size: 1.75rem; line-height: 1.25; margin-top: 0.6em; margin-bottom: 0.4em; } h3 { font-size: 23px; font-size: 1.4375rem; line-height: 1.2173913043; margin-top: 1.0347826087em; margin-bottom: 0.6173913043em; } h4 { font-size: 19px; font-size: 1.1875rem; line-height: 1.1052631579; margin-top: 1.5473684211em; margin-bottom: 0.873684211em; } h5 { font-size: 19px; font-size: 1.1875rem; line-height: 1.1052631579; margin-top: 1.5473684211em; margin-bottom: 0.873684211em; } h6 { font-size: 19px; font-size: 1.1875rem; line-height: 1.1052631579; margin-top: 1.5473684211em; margin-bottom: 0.873684211em; } /* Layout ***************************************************/ .wrap_site{ display: flex; max-width: 1190px; margin: 0 auto; padding: 0px 10px; flex-wrap: wrap; } /* Fix Layout to 1170px */ .container, body .elementor-section.elementor-section-boxed>.elementor-container{ max-width: 1190px!important; } /* Sidebar ***************************************************/ .sidebar .widget { display: block; margin-bottom: 65px; float: left; width: 100%; a{ color: #5c5c5c; &:hover{ color: #343434; } } h4.widget-title{ font-size: 16px; text-transform: capitalize; color: #343434; border-bottom: 1px solid #343434; padding-bottom: 15px; margin-bottom: 30px; margin-top: 0; position: relative; } .screen-reader-text{ display: none; } /* Rss */ &.widget_rss{ margin-bottom: 35px; ul li{ margin-bottom: 30px; padding-bottom: 17px; border-bottom: 1px solid #e7e7e7; &:last-child{ border-bottom: none; margin-bottom: 0; } a.rsswidget{ font-weight: 600; display: block; line-height: 1.5em; margin-bottom: 12px; color: #343434; font-size: 15px; } .rss-date{ display: inline-block; margin-bottom: 12px; font-weight: 500; opacity: 0.7; } .rssSummary{ margin-bottom: 12px; } } } /* Sidebar Calendar */ &.widget_calendar{ width: 100%; table{ margin-bottom: 0; thead{ border: 1px solid #343434; tr th{ background-color: #343434; color: #fff; } } } tr th{ background: #ccc; color: #444; } caption{ background: #343434; color: #fff; font-weight: bold; text-align: center; border: none; } tr th, tr td{ border: none; text-align: center;} tr td{ border: 1px solid #e4e4e4; } } /* Sidebar Tag clound */ &.widget_tag_cloud{ .tagcloud{ position: relative; width: 100%; float: left; a{ float: left; margin: 0 10px 10px 0; display: block; padding: 5px 10px; background-color: transparent; border: solid 1px #555555; font-size: 14px!important; &:hover{ color: #fff; background-color: #555; } } } } /* Sidebar Search */ &.widget_search{ form.search-form{ position: relative; display: flex; align-items: center; } input.search-submit{ border: none; height: 40px; border: none; padding-left: 15px; padding-right: 15px; cursor: pointer; } label{ margin-bottom: 0px; width: 100%; max-width: 250px; input.search-field{ width: 100%; max-width: 250px; height: 40px; padding: 6px 12px; background-color: #ebebeb; color: #333; border-radius: 0px; border: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; &::-moz-placeholder{ color: #8a929a; } &:hover, &:focus, &.focus{ border:none; } &::-webkit-input-placeholder { color: #333; opacity: 0.9;} &:-moz-placeholder { color: #333; opacity: 1;} &::-moz-placeholder { color: #333; opacity: 1; } &:-ms-input-placeholder { color: #333;} } } } ul.search{ list-style-type: none; padding-left: 0;} /* Sidebar dropdown */ select{ width: 100%; height: 30px; line-height: 30px; } /* Sidebar img */ img{ width: auto; } /* sidebar ul, ol, li */ ul{ list-style-type: none; margin-left: 0; padding-left: 0px; } /* widget categorires */ &.widget_categories ul{ margin-bottom: 0; } &.widget_archive a, &.widget_categories a, &.widget_links a, &.widget_meta a, &.widget_nav_menu a, &.widget_pages a, &.widget_recent_comments a, &.widget_recent_entries a { border: 0; } &.widget_archive ul, &.widget_categories ul, &.widget_links ul, &.widget_meta ul, &.widget_nav_menu ul, &.widget_pages ul, &.widget_recent_comments ul, &.widget_recent_entries ul { list-style: none; margin: 0; } &.widget_archive li, &.widget_categories li, &.widget_links li, &.widget_meta li, &.widget_nav_menu li, &.widget_pages li, &.widget_recent_comments li, &.widget_recent_entries li { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); padding: 0.7667em 0; } &.widget_archive li:first-child, &.widget_categories li:first-child, &.widget_links li:first-child, &.widget_meta li:first-child, &.widget_nav_menu li:first-child, &.widget_pages li:first-child, &.widget_recent_comments li:first-child, &.widget_recent_entries li:first-child { border-top: 0; padding-top: 0; } &.widget_archive li:last-child, &.widget_categories li:last-child, &.widget_categories ul .cat-item:last-child, &.widget_links li:last-child, &.widget_meta li:last-child, &.widget_nav_menu li:last-child, &.widget_pages li:last-child, &.widget_recent_comments li:last-child, &.widget_recent_entries li:last-child { padding-bottom: 0; } &.widget_categories .children, &.widget_categories ul .cat-item, &.widget_nav_menu .sub-menu, &.widget_pages .children { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); margin: 0.7667em 0 0 0.8em; padding-top: 0.7667em; } } /* 404 Page ***************************************************/ .reon_404_page{ .ova_error_icon i{ font-size: 50px; } .ova_caption_title{ font-size: 20px; margin: 20px 0px; text-transform: uppercase; } .ova_go_home{ margin: 0; padding: 0; a{ margin: 0; padding: 0; background-color: #343434; padding: 10px; color: #fff; &:hover{ background-color: #343434; } } } } /* Search Page ***************************************************/ article.result_search .post-body{ margin-bottom: 30px;} /* protect template page ***************************************************/ form.post-password-form input[type=submit] { background: #000; border: none; border-top: 1px solid #000; box-shadow: none; color: #fff; padding-left: 10px; padding-right: 10px; } /* List Comment ***************************************************/ h4.title-comment, h4.number-comments{ font-weight: 500; font-size: 16px; text-transform: uppercase; color: #343434; } ul.commentlists{ list-style: none; padding-left: 0; margin-bottom: 4px; display: block; float: left; width: 100%; li{ position: relative; margin-top: 10px; margin-bottom: 10px; &.comment{ display: block; float: left; width: 100%; .comment_item{ margin-bottom: 25px; position: relative; z-index: 10; .comment-author{ float: left; margin-right: 20px; img{ width: 70px; } } .comment-details{ padding-top: 0; font-size: 14px; .author-name{ display: inline-flex; margin-bottom: 5px; .name, a.url{ color: #333; font-size: 20px; text-transform: capitalize; font-weight: 700; padding-right: 0px; } a:hover{ color: #898989; } .ova_reply { display: flex; padding-left: 10px; i{ padding-left: 5px; color: #555; font-size: 10px!important; } a{ font-size: 11px!important; color: #555; text-transform: capitalize!important; } } } .comment-body{ padding-left: 90px; } .comment-reply{ position: absolute; top: 0; right: 0; img{ float: left; } } .comment-reply-link{ color: #555; font-size: 12px; float: left; padding-left: 2px; } .comment-content p{ margin-bottom: 0; } } } } &.pingback{ position: relative; .comment-body{ display: none; } .author-name{ display: inline-flex; a{ color: #000000; font-weight: 500; font-size: 12px; text-transform: uppercase; } .date{ display: none; } .ova_reply{ a{ text-transform: capitalize; } } } } } ul.children{ list-style: none; margin-left: 75px;} } .comment-navigation{ float: left; width: 100%; margin-bottom: 10px; .nav_comment_text{ width: 100%; float: left; padding: 10px 0px 11px 0px; font-weight: 500; text-transform: uppercase; font-size: 14px; color: #000; } .previous{ float: left; display: inline-block; } .next{ display: inline-block; float: right; } a{ color: #333; font-weight: 500; &:hover{ color: #000; } } } /* Comment Form ***************************************************/ .wrap_comment_form{ float: left; width: 100%; display: block; .comment-reply-title { margin-top: 0;} h4.title-comment, h4.number-comments{ margin-bottom: 22px; border-top: 1px solid #dfdfdf; padding-top: 41px; margin-top: 0px; } .comment-form{ input, textarea{ border-radius: 4px; color: #343434; border-color: #343434; margin-bottom: 17px; height: 40px; &:focus{ outline: none; box-shadow: none; } } textarea{ height: 150px; } p.form-submit{ float: left; width: 100%; clear: both; margin-bottom: 50px; input{ &.submit{ font-size: 14px; border-radius: 4px; background-color: #343434; border: 1px solid #343434; color: #fff; box-shadow: none; font-weight: 500; text-shadow: none; cursor: pointer; text-transform: uppercase; padding: 10px 25px; height: 45px; } } } } } /* Respond Comment ***************************************************/ .comment-respond{ input, textarea{ margin-bottom: 15px; &:focus{ outline: none; box-shadow: none; } } #submit{ padding: 12px 25px; border: 1px solid #343434; border-radius: 4px; cursor: pointer; background-color: #343434; color: #fff; } } /* pagination ***************************************************/ .pagination-wrapper { text-align: center; margin: 50px 0px; .pagination{ li{ a{ border-radius: 4px; margin-right: 10px; color: #333333; padding: 5px 10px; text-align: center; font-weight: 700; border: 1px dashed rgba( 52, 52, 52, 0.3); &:focus, &:hover{ border: 1px solid #343434; background-color: #343434; color: #fff; } } &.active{ a{ border: 1px solid #343434; background-color: #343434; color: #fff; } } } } } /* article ***************************************************/ /* Blog */ article.post-wrap{ margin-bottom: 70px; h2.post-title{ margin-top: 0; margin-bottom: 0; line-height: 1em; } h2.post-title a, h2.entry-title a { color: #343434; font-size: 16px; text-transform: uppercase; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } &.sticky h2.post-title{ margin-top: 0; } .post-media{ margin-bottom: 20px; } .post-meta{ .post-meta-content{ margin: 15px 0px; display: block; color: #222; font-size: 13px; a{ color: #222; font-size: 13px; &:hover{ color: inherit; } } .right{ font-weight: 500; } } } .post-tag{ margin: 60px 0px 30px 0px; .ovatags, .ovacats, .share_social .ova_label{ font-weight: 500; font-size: 14px; text-transform: uppercase; color: #000; clear: both; display: block; margin-bottom: 15px; } a{ background-color: #555; color: #fff; padding: 5px 10px; border-radius: 5px; margin-bottom: 10px; display: inline-block; &:hover{ background-color: #000; } } .post-tags{ display: block; margin-bottom: 15px; a{ display: inline-block; } } .post-categories{ display: block; margin-top: 30px; margin-bottom: 30px a{ display: inline-block; } } .share_social ul{ list-style: none; padding-left: 0; margin-left: 0; li{ display: inline-block; margin-bottom: 15px; } } } .post-readmore a { text-transform: uppercase; color: #888; padding: 0; font-size: 12px; text-transform: none; font-weight: 500; line-height: 26px; border-radius: 0; letter-spacing: 1px; border-bottom: 1px solid #e8e8e8; box-shadow: none; a:hover{ color: #000; border-bottom-color: #000; } } } /* Detail */ .single article.post-wrap{ h1.post-title{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 0px; margin-top: 0; } } /* fix background pattern */ .patter_bg{ position: absolute!important; width: 100%; height: 100%; } /* Search */ .result_search h2.post-title a{ color: #333; } form.search-form{ display: inline-block; } form.search-form label input{ width: 100%; height: 40px; padding: 6px 12px; background-color: #ebebeb; color: #333; border-radius: 0px; border: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; max-width: 250px; } form.search-form input.search-submit{ background-color: #333; color: #fff; box-shadow: none; height: 40px; border: none; padding-left: 15px; padding-right: 15px; cursor: pointer; padding-bottom: 0; padding-top: 0; margin-left: -15px; } /* password page */ .post-password-form p label{ margin-bottom: 0; } /* Page ***************************************************/ .page h2.post-title{ margin-top: 0; } /* Page Link ***************************************************/ .page-links { clear: both; margin: 20px 0px 30px 0px; float: left; a, & > span { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; font-size: 13px; font-size: 0.8125rem; height: 1.8461538462em; line-height: 1.6923076923em; margin-right: 0.3076923077em; text-align: center; width: 1.8461538462em; } a{ background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; &:hover, &:focus { background-color: #e9a31b; border-color: transparent; color: #fff; } } & > .page-links-title { border: 0; color: #1a1a1a; height: auto; margin: 0; padding-right: 0.6153846154em; width: auto; } .screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; word-wrap: normal!important; } } /* Breadcrumbs ***************************************************/ .ovatheme_breadcrumbs{ background-color: #ededed; margin-bottom: 60px; ul.breadcrumb{ margin-bottom: 0; padding: 23px 0px; background: transparent; align-items: center; li, a, li a{ color: #343434; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .separator{ padding-left: 2px; padding-right: 2px; &:before{ font-family: 'Material-Design-Iconic-Font'; content: '\f2fb'; font-size: 17px; padding-left: 5px; padding-right: 5px; } } } /* Responsive ****************************************************/ @media(max-width: 1199.98px){ ul.commentlists ul.children{ margin-left: 15px; } } @media(max-width: 991.98px){ .ovatheme_header_default{ button.navbar-toggler{ background:#343434; color: #fff; } } ul.commentlists{ header.comment-author{ width: 100%; margin-right: 0; margin-bottom: 15px; } li.comment .comment_item .comment-details .comment-body { padding-left: 0px; } } } @media(max-width: 767.98px){ /* comment */ .comment-details { width: 100%; float: left; .author-name{ margin-top: 10px; } .comment-content{ margin-left: 0; padding-bottom: 15px; } } h4.title-comment, h4.number-comments{ float: left; width: 100%; } ul.commentlists{ li.comment article.comment_item{ float: left; margin-bottom: 15px; } ul.children{ margin-left: 10px; } } } /* Fix PrettyPhoto in mobile */ @media only screen and (min-width: 480px) and (max-width: 767px) { .pp_pic_holder{ left: 50% !important; width: 98% !important; margin-left: -49% !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; } #pp_full_res iframe{ width: 100%; height: 100%; } } @media only screen and (max-width: 479px) { .pp_pic_holder{ left: 50% !important; width: 98% !important; margin-left: -49% !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; } #pp_full_res iframe{ width: 100%; height: 100%; } } // #menu-primary-menu li.dropdown i.arrow_carrot-down{ // display: none; // } // Fix menu default .ovatheme_header_default nav.navbar, nav.navbar { padding-left: 10px!important; padding-right: 10px!important; } .ovatheme_breadcrumbs_default{ #breadcrumbs{ padding-left: 10px; padding-right: 10px; } } /* Widget Nav */ .widget_nav_menu{ .dropdown-menu{ display: block; position: relative; padding-left: 10px!important; border: none; border-top: 1px solid rgba(51, 51, 51, 0.1); border-radius: 0; width: 100%; padding-bottom: 0; li:last-child{ border-bottom: 1px solid rgba(51, 51, 51, 0.1); padding-bottom: 10px!important; }; } button.dropdown-toggle, .arrow_carrot-down{ display: none; } li.dropdown{ >a{ padding-bottom: 10px; padding-top: 10px; clear: both; display: block; } } li{ padding: 0.7667em 0; } ul.menu{ >li:last-child{ a{ padding-top: 10px; display: block; clear: both; } }; } } footer.footer{ margin-top: 50px; .content{ padding-left: 5px; padding-right: 5px; } } input[type="checkbox"]{ width: 15px; height: 15px; }