File: /home/confeduphaar/public_html/wp-content/themes/egovt/assets/css/general.scss
/* 1.0 General ***************************************************/
body.admin-bar{ top: 32px; }
/* Font in different browser */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
body, button, input, select, textarea{
color: #343434;
line-height: 23px;
}
p{
margin-bottom: 2rem;
}
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: 14px!important; margin: 0; color: rgba(51, 51, 51, 0.71)!important;}
.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: 1270px;
margin: 0 auto;
background: #fff;
overflow: hidden;
}
/* iframe */
.js-video embed,.js-video iframe,.js-video object, .js-video video{ width: 100%; height: 450px; border: none; }
iframe{width: 100%; height: 450px; border: none;}
.iframe_eventbrite iframe{ height: 350px;}
@media (max-width: 767px) {
.js-video embed,.js-video iframe,.js-video object,.js-video video{ height: 350px;}
}
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%;
}
input{
border: 1px solid #343434;
height: 40px;
padding-left: 10px;
padding-right: 10px;
}
input[type="submit"]{
height: 40px;
line-height: 36px;
background-color: #343434;
color: #fff;
padding-left: 20px;
padding-right: 20px;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #343434;
border-radius: 0;
height: 40px;
.select2-selection__rendered{
line-height: 40px;
}
.select2-selection__arrow{
height: 40px;
}
}
/* 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 { padding: 0 0 0 15px;}
ul {list-style-type: square;}
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;}
/* 2.0 Typo ***************************************************/
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 600;}
h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 0.696969697em;
margin-bottom: 0;
}
h2 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 1em;
margin-bottom: 0;
}
h3 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-top: 1.4347826087em;
margin-bottom: 0;
}
h4 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 1.9473684211em;
margin-bottom: 0;
}
h5 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 1.9473684211em;
margin-bottom: 0;
}
h6 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-top: 1.9473684211em;
margin-bottom: 0;
}
h1.page-title{
margin-top: 0;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
word-break: break-word;
}
/* Layout ***************************************************/
.wrap_site{
display: flex;
max-width: 1270px;
margin: 0 auto;
padding: 0px 10px;
flex-wrap: wrap;
}
/* Fix Layout to 1270px */
.container,
body .elementor-section.elementor-section-boxed>.elementor-container{
max-width: 1270px!important;
}
/* 3.0 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: uppercase;
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;
align-items: center;
display: flex;
}
input.search-submit{
border: none;
height: 40px;
border: none;
padding-left: 15px;
padding-right: 15px;
cursor: pointer;
}
label{
margin-bottom: 0px;
input.search-field{
max-width: 180px;
margin-right: 5px;
&::-moz-placeholder{
color: #8a929a;
}
&::-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_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_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;
}
}
/* 4.0 404 Page ***************************************************/
.egovt_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 ***************************************************/
/* 5.0 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: 15px;
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-weight: 500;
text-transform: uppercase;
font-size: 1em;
padding-right: 5px;
}
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: 600;
text-transform: uppercase;
font-size: 22px;
color: #333;
}
.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 20px;
text-align: center;
font-weight: 700;
border: 1px solid 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 ***************************************************/
/* 6.0 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: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
word-break: break-word;
}
&.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: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
margin-bottom: 0px;
margin-top: 0;
word-break: break-word;
}
}
/* fix background pattern */
.patter_bg{
position: absolute!important;
width: 100%;
height: 100%;
}
/* Search */
.result_search h2.post-title a{
color: #333;
}
/* 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;
li,
a,
li a{
color: #343434;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;
word-break: break-word;
}
}
.separator{
padding-left: 2px;
padding-right: 2px;
&:before{
font-family: 'ElegantIcons' !important;
content: "\35";
font-size: 17px;
}
}
}
/* 7.0 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%; }
}
@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%; }
}
@media( max-width: 1400px ){
.hide_small_desk{
display: none;
}
}