body{
font-family: 'Raleway', sans-serif;
}
:root {
--primary-color:#27bfff;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Abhaya Libre', serif;
}
.post-info a:focus, .copyright a:focus, .more-btn a:focus, .header a:focus, .header input:focus, .footerinner a:focus{
outline-color: #000;
}
.entry-content p a, .comment p a, .footerinner .textwidget p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description a{
text-decoration: underline;
}
.post-info .entry-date:hover, .post-info .entry-date:hover i, .post-info .entry-author:hover, .post-info .entry-author:hover i{
color: #000;
}
.post-info,.grid-post-info,.blogbtn a,#sidebar .search-form input[type="submit"],.pagination .current,#sidebar .tagcloud a:hover,.woocommerce-product-search button,.inner,#footer .search-form input[type="submit"],.footerinner .tagcloud a:hover,.navigation .nav-previous a, .navigation .nav-next a,#comments a.comment-reply-link,#comments input[type="submit"].submit,.bradcrumbs a:hover,.nav-menu ul ul a,h1.page-title, h1.search-title,.woocommerce span.onsale,.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,nav.woocommerce-MyAccount-navigation ul li,.page-template-custom-front-page .top-header,.more-btn a:hover,.we-do-box:hover,.tags a:hover,.back-to-top, input[type="submit"], a.button{
background: var(--primary-color);
}
.woocommerce-message {
border-color: var(--primary-color) ;
}
.woocommerce a.added_to_cart{
display: block;
}
a,.grid-sec h2 a , .blog-sec h2 a,#sidebar h3,#sidebar ul li a:hover,.footerinner ul li a:hover,#we-do h2,.tags a i, .woocommerce-message::before{
color: var(--primary-color);
}
.blog .blog-sec,.blog #sidebar .widget,#sidebar .widget,.blog-sec{
box-shadow: 2px 2px #000 !important;
}
#wrapper .related-posts h2.related-posts-main-title, #wrapper .related-posts h3 a{
color: var(--primary-color);
} #blog_post .blog-sec h2:hover a{
color: var(--primary-color);
}
#sidebar ul li a:hover,#sidebar ol li a:hover{
padding-left: 8px; 
color: var(--primary-color);
}
#blog_post .blog-sec:hover{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6)!important;
} .header {
background: transparent;
}
.logo-inner-box {
clip-path: polygon(0 0, 100% 0%, 71% 100%, 0 100%);
background: #fff;
display: inline-grid;
padding: 30px 50px;
}
.logo-box {
filter: drop-shadow(0 10px 10px rgba(50, 50, 0, 0.5));
position: absolute;
z-index: 999;
}
.top-header {
border-bottom: none;
background: var(--primary-color);
clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0 100%);
}
.logo h1 a, .logo p.site-title a,.logo p,.nav-menu li a,.we-do-box h3 a{
color: #000;
}
.fixed-header {
background: #fff;
}
.welcome i{
font-size: 27px;
color: white;
}
.page-template-custom-front-page .header {
position: static;
background-color: transparent !important;
}
.page-template-custom-front-page .top-header,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
border: none !important;
}
.post-info i{
margin-right: 5px;
}
#slider img{
object-fit: cover;
} .nav-menu ul{
text-align: right;
}
.bar-box {
background: var(--primary-color);
color: #fff;
font-size: 35px;
text-align: center;
}
.nav-menu ul ul{
border-color: #000;
}
.nav-menu ul ul a:hover {
background: #000;
}
.nav-menu ul ul a:hover,.tags a:hover{
border-color: var(--primary-color);;
}
.contact-details:hover i, .contact-details p:hover,
.conatct-font:hover i, .conatct-font p:hover, .conatct-font:hover a p,.welcome i:hover,.welcome p:hover{
color: #000 !important;
}
#slider .more-btn a{
background: #fff ;
color: #000 !important;
border-radius: 30px !important;
}
.more-btn a:hover,.we-do-box:hover a,.we-do-box:hover p,.bradcrumbs a{
color: #fff ;
}
#slider .more-btn a:hover{
background: var(--primary-color);
color: #fff !important;
}
.we-do-box {
border: solid 4px #e2e2e2;
box-shadow: 0 0 18px 0px #e2e2e2;
}
.we-do-box h3 {
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
#footer{
background: #000;
}
.back-to-top::after {
border-bottom: 20px solid #000;
}
.back-to-top::before{
border-bottom: 20px solid var(--primary-color);
}
.post-categories li a{
background-color: var(--primary-color);
}
.bradcrumbs span,.woocommerce-account .addresses .title .edit{
background: var(--primary-color);
color: #fff;
}
.bradcrumbs a{
background: var(--primary-color);
}
.bradcrumbs a:hover{
background: #232c2b;
color: #fff !important;
}
.blogbtn a,.woocommerce a.button,input#submit,.woocommerce .cart .button,a.checkout-button.button.alt.wc-forward.wp-element-button,button#place_order{
border-radius: 30px;
}
#maincontent .background-img-skin{
margin-top: 0;
}
.pagination a:hover, .page-links a span:hover,span.page-links-title{
color:#fff;
background: var(--primary-color);
}
.pagination .current, .page-links .current .page-number {
padding: 10px 15px ;
color: #fff;
background: var(--primary-color);
border: 1px solid var(--primary-color);
}
#maincontent .wp-block-button a,.wp-block-search__button,.widget_calendar tbody a{
background: var(--primary-color);
}
#sidebar .tagcloud a:hover,.footerinner .tagcloud a:hover{
border: 1px solid var(--primary-color);
}
#footer h3, #footer .wp-block-search__label{
border-color: var(--primary-color);
}
#sidebar h2,#sidebar .wp-block-search .wp-block-search__label{
color: var(--primary-color);
}
#sidebar .wp-block-tag-cloud a:hover, .wp-block-tag-cloud a:hover{
background: var(--primary-color);
border: 1px solid var(--primary-color);
}
.bradcrumbs span{
padding: 10px;
}
.wc-block-grid__product-onsale,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button{
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}
.woocommerce a.added_to_cart{
background: var(--primary-color) !important;
color: #fff;
border-radius: 30px !important;
width: fit-content;
margin: 10px  auto 0 10px !important;
padding: 6px 15px !important;
font-weight: 700 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
border: 1px solid var(--primary-color);
color: var(--primary-color);
}
.woocommerce-notices-wrapper a.button.wc-forward{
background: var(--primary-color);
}
.woocommerce-notices-wrapper a.button.wc-forward:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
background: #000 !important;
}
#header .nav ul li:after{
display: none;
}
#sidebar .wp-block-search .wp-block-search__label{
font-family: 'Abhaya Libre', serif !important;
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
margin-left: 15px!important;
}
.product .add_to_cart_button{
margin: 10px !important;
}
.woocommerce-products-header h1 {
padding-left: 8px;
}
.welcome p {
color: #fff!important;
justify-content: center;
display: flex;
}
@media screen and (max-width: 1000px){
.logo-box{
position: static;
}
.logo-inner-box {
clip-path: none;
padding: 30px 15px;
}
.bar-box {
display: none;
}
.top-header {
clip-path: none;
margin-top: 20px;
}
.welcome p{
padding: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 425px) {
#slider .inner_carousel h1 {
font-size: 20px;
}
#slider .carousel-caption {
left: 20% !important;
right: 20% !important;
}
input.search-field{
width: 58%;
}
label {
display: inline;
}
}
@media screen and (min-width: 720px) and (max-width: 768px) {
.wp-block-search__inside-wrapper{
display: inline-block;
}
button.wp-block-search__button.wp-element-button{
margin-left: 0em;
}
}
@media screen and (min-width: 720px) and (max-width: 991px) {
#footer .search-form input[type="submit"]{
padding: 14px 4%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {	
.logo-box{
position: static;
}
.logo-inner-box {
padding: 15px;
}
}
thead, tbody, tfoot, tr, td, th {
border-width: 1px;
}
@media screen and (max-width: 320px){
.bradcrumbs span{
padding: 7px;
}
}
.nav-menu a:hover{
color: var(--primary-color) ;
}
#sidebar .widget{
padding: 15px ;
}