:root {
--color-primary1:#e8151b;
--font-awesome:'FontAwesome';
}
#theme-sidebar ul li a::before, .content-area .box-info a:hover{
color: var(--color-primary1);
}
.page-box .readmore-btn a{
background-color: var(--color-primary1);
}
#footer li a:hover,a,.box-content a,.box-info i,a.added_to_cart.wc-forward, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,.headerbox i,.main-navigation a:hover,#theme-sidebar h3,#theme-sidebar a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover, .search-box i:hover{
color: var(--color-primary1);
}
.wc-block-cart__submit-container a,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale ,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.logo,.search-box i,#theme-sidebar button[type="submit"], .error-404 [type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,.site-info,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,#comments input[type="submit"],.main-navigation ul ul a:hover,span.meta-nav,.more-btn a, #our_project i,button[type="submit"]{
background: var(--color-primary1);
}
.readmore-btn a,#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover,.search_inner form.search-form{
border-color: var(--color-primary1);
color: #fff;
}
.readmore-btn a:hover{
background-color: #000;
color: #fff !important;
}
#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading {
color: var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label:before,#theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before,#theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
background-color: var(--color-primary1);
}
.page-box,#theme-sidebar section{
border-left-color: var(--color-primary1);
border-bottom-color: var(--color-primary1);
}
h1, h2, h3, h4, h5, h6,a:hover, .logo h1 a:hover, .logo p a:hover{
color: #000000;
}
.headerbox,.wc-block-cart__submit-container a:hover, .menubar,#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover,.more-btn a:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,#footer,.main-navigation ul ul,#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover, .search-box i:hover,span.page-numbers.current,.page-numbers:hover,.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover{
background-color: #000000;
}
.readmore-btn a:hover{
color: #000000;
border-color: #000000;
}
#our_services .box-btn i{
border: 1px solid var(--color-primary1);
}
#our_services .box-btn i:hover{
background: transparent;
color: var(--color-primary1);
}
#main-content a{
text-decoration: underline;
}
.blog .box-text, .woocommerce-page .box-text{
top: 50%;
}
.box-text{
top: 20%;
transform: none;
}
#theme-sidebar .tagcloud a:hover,p.wp-block-tag-cloud a:hover, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
border-color: var(--color-primary1);
}
.slide-box {
position: relative;
}
#header {
position: absolute;
width: 100%;
bottom: 0;
}
.logo p.site-title, .logo h1{
font-family: 'Fira Sans', sans-serif;
}
.logo{
position: static;
margin: 0;
border-radius: 0;
width: auto;
height: auto;
}
.headerbox{
padding: 0;
}
.main-navigation li{
padding: 12px;
}
.search-box i {
color: #fff !important;
padding: 16px;
font-size: 15px;
}
.search-box button.search_btn {
background: transparent;
border: none;
padding: 0;
}
span.simplep a{
color: #fff;
font-size: 18px;
}
#slider .inner_carousel h1 a:hover, #our_project h3 a:hover, span.simplep a:hover, #our_services .box-content h3 a:hover{
color: var(--color-primary1);
}
.contact-section {
text-align: right;
}
span.infotext {
font-size: 15px;
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
top: 16px;
}
.main-navigation a{
color: #fff;
border: none;
}
.search_inner{
max-width: 100%;
}
.error-404 [type="submit"]{
border: solid 1px var(--color-primary1);
}
.search_outer {
display: none;
} #footer .wp-calendar-table th, #secondary .wp-calendar-table th{
background-color: var(--color-primary1);
color: #fff;
border-color: var(--color-primary1);
}
.search-bar i {
padding: 20px 12px;
color: #fff;
background-color: var(--color-primary1);
}
.search-outer .inner_searchbox button[type="submit"]{
background-color: var(--color-primary1);
} #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
border: none;
background: var(--color-primary1);
border-radius: 5px;
}
#slider .inner_carousel p.slider-top{
font-size: 21px;
font-family: 'Fira Sans', sans-serif;
} #our_services .box{
position: relative;
}
#our_services .box-content {
position: absolute;
bottom: 0;
background: rgb(0 0 0 / 55%);
width: 100%;
}
#our_services .box-content h3 a{
color: #fff;
font-size: 16px;
margin-bottom: 0;
text-decoration: none;
}
#our_services .box-btn i {
background: var(--color-primary1);
padding: 8px 12px;
color: #fff;
border-radius: 3px;
}
#our_services h2 {
font-size: 35px;
text-transform: uppercase;
} .site-info a:hover{
color: #000;
}
#theme-sidebar .wp-block-search .wp-block-search__label{
color: var(--color-primary1);
}
.more-btn a{
border:none;
font-size: 13px;
}
.box img{
width: 100%;
height: 250px;
object-fit: cover;
} .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.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;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.center1, .center2 {
border-left-color: var(--color-primary1);
border-top-color: var(--color-primary1);
}
.center1 .ring::before, .center2 .ring::before{
background: var(--color-primary1);
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
.main-navigation a, .main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after{
font-size: 10px;
}
}
@media screen and (max-width: 1000px){
.headerimg{
height: 200px !important;
}
.search-bar i{
font-size: 15px;
padding: 16px 13px;
}
#header {
position: static;
}
.contact-section {
text-align: center;
}
.toggle-nav i {
font-size: 15px;
color: #fff;
}
.toggle-nav{
text-align: left;
}
.toggle-nav button {
margin: 0;
padding: 7px;
background: var(--color-primary1);
}
.sidenav{
background: #000000;
}
}
@media screen and (min-width: 320px) and (max-width: 767px){
#return-to-top{
background: #000;
}
#slider .more-btn a{
padding: 6px 10px;
}
#slider .carousel-caption {
top: 65% !important;
}
.slide-box {
position: static;
}
#our_project h4{
font-size: 16px;
margin-top: -31px;
}
.nav ul li a:hover{
color:var(--color-primary1);
}
}
@media screen and (max-width: 1000px){
#slider .carousel-caption {
top: 48%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
.search-box i {
padding: 10px;
}
.box-btn i {
padding: 8px;
}
}