:root {
--color-primary1:#9105ea;
--font-awesome:'FontAwesome';
}
body,h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
}
a,.readmore-btn a,.box-content a, .readmore-btn a:hover, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,.social-media i:hover,#theme-sidebar h3,#theme-sidebar a:hover,#theme-sidebar button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover,.title-head h6{
color:var(--color-primary1);
}
.page-box h4 a{
color: #000;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.wc-block-cart__submit-container a,#theme-sidebar button[type="submit"], .error-404 [type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,.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,.search-box i,.readmore-btn a{
background-image: linear-gradient(to right, #9105ea, #f73c95 );
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover,.search_inner form.search-form,nav.woocommerce-MyAccount-navigation ul li{
border-color:var(--color-primary1);
color:var(--color-primary1);
}
#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);
}
.page-box .readmore-btn a:hover{
color: #fff;
}
.page-box .box-info i{
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);
}
a:hover,h1, h2, h3, h4, h5, h6,.box-info i,.logo h1 a,.logo p,.main-navigation a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
color: #333333;
}
.wc-block-cart__submit-container a:hover,a.added_to_cart.wc-forward:hover, #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,span.page-numbers.current,.page-numbers:hover,.prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover,#slider,.search-box i:hover,.readmore-btn a:hover{
background: #333333;
}
#theme-sidebar .wp-block-search .wp-block-search__label,#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 .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)!important;
}
#main-content a{
text-decoration: underline;
}
.wc-block-components-product-price{
font-size: 11px;
}
.blog .headerimg{
display: none;
}
.blog .headerimg, .woocommerce-page .headerimg {
display: none;
}
.logo{
position: static;
margin: 0;
border-radius: 0;
width: auto;
height: auto;
background: transparent;
padding: 0;
text-align: left;
}
.headerbox i,.headerbox p{
padding: 0;
font-size: 15px;
}
.social-media a,.headerbox p, .headerbox i,.search-box i:hover {
color: #fff;
}
.page-template-front-page #header, .headerbox{
margin-top: 0;
}
.single-post .menubar , .page-template-default .menubar{
background-image: none;
}
.woocommerce-cart .menubar,.page-template-front-page .menubar{
background-image: none;
}
.woocommerce-shop #tp_content {
padding: 3% 0;
}
.woocommerce-shop .menubar, .woocommerce-page .menubar, .blog .menubar{
background: #fff !important;
}
.woocommerce .single-page-img{
display: block;
}
.box-image{
position: relative;
}
.simplep a{
color: #fff;
}
.simplep a:hover, #slider .inner_carousel h1 a:hover,.main-navigation a:hover,
.logo h1 a:hover, .logo p a:hover{
color:var(--color-primary1);
}
.page-template-front-page .headerimg{
display: none;
}
.search_inner{
max-width: 100%;
}
.menubar{
background: transparent;
}
.headerbox,.site-info {
background-image: linear-gradient(to right, #00d39f, #008bd3, #d40063, #d4be00 );
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
content: '\f0d7';
position: absolute;
right: 1px;
top: 19px;
color: #333333;
font-size: 13px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.main-navigation ul ul li.menu-item-has-children:after{
color: #fff;
}
.main-navigation a {
border: none;
padding: 0;
text-transform: uppercase;
color: #333333;
letter-spacing: 0;
}
#mySidenav{
justify-content: flex-end;
}
.headerbox p span {
font-weight: 600;
}
.readmore-btn a{
border: none;
color: #fff;
}
.logo h1 a, .logo p a{
color: #000;
}
button[type="submit"] {
background: linear-gradient(to right, #9105ea, #f73c95);
}
.error-404 [type="submit"]{
border:none;
padding: 12px;
} #footer .wp-calendar-table th, #secondary .wp-calendar-table th{
background-image: linear-gradient(to right, #9105ea, #f73c95 );
color: #fff;
border-color:var(--color-primary1);
}
.search-bar i {
padding:15px;
color: #fff;
background-image: linear-gradient(to right, #9105ea, #f73c95 );
}
.search-outer .inner_searchbox button[type="submit"]{
background-image: linear-gradient(to right, #9105ea, #f73c95 );
} #slider .carousel-caption {
top: 50%;
background: rgb(255 255 255 / 70%);
padding: 18px;
}
#slider img {
opacity: 1;
}
#slider .inner_carousel h1 a {
font-size: 45px;
text-transform: none;
font-weight: bold;
color: #333;
}
#slider .inner_carousel p {
font-size: 15px;
color: #333;
}
#slider .inner_carousel p.slider-top{
font-size: 20px;
color:var(--color-primary);
font-weight: 600;
}
.more-btn a{
border:none;
} .title-head {
border-left: solid 5px var(--color-primary1);
padding-left: 15px;
}
.title-head p{
color:var(--color-primary);
font-size: 18px;
text-transform: uppercase;
margin-bottom: 5px;
}
.title-head h2 {
margin-bottom: 0;
font-size: 30px;
font-weight: 600;
}
#projetcs-sec .box{
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.5s ease 0s;
border-bottom: 8px solid;
border-image: linear-gradient(to right, #00d39f, #008bd3, #d40063, #d4be00 ) 5;
}
#projetcs-sec .box:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); }
#projetcs-sec .box:before{
content: "";
background: rgb(24 35 51);
width: 100%;
height: 100%;
position: absolute;
bottom: 100%;
left: 0;
transition: all 0.5s ease 0s;
}
#projetcs-sec .box:hover:before{ bottom: 0; }
#projetcs-sec .box img{
width: 100%;
height: auto;
transition: all 0.5s ease 0s;
height: 300px;
object-fit: cover;
}
#projetcs-sec .box .box-content{
color: #fff;
background: #333333;
width: 100%;
padding: 15px 20px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.5s ease 0s;
}
#projetcs-sec .box .title {
font-size: 14px;
}
#projetcs-sec .box .title a {
color: #fff;
text-decoration: none;
}
#projetcs-sec .box-content p{
display: none;
}
#projetcs-sec .box:hover p{
display: block;
color: #fff;
}
a.added_to_cart.wc-forward {
background-image: linear-gradient(to right, #9105ea, #f73c95 );
color: #fff;
margin-top: 10px;
text-transform: uppercase;
font-weight: 700;
padding: 10px 35px 10px 35px;
}
.center1 {
border-left-color: #00d39f;
border-top-color: #00d39f;
}
.center2 {
border-left-color: #f73c95;
border-top-color: #f73c95;
}
.center1 .ring::before{
background: #00d39f;
}
.center2 .ring::before{
background: #f73c95;
}
#theme-sidebar a:hover, #footer li a:hover {
color:var(--color-primary1);
}
.wp-block-search .wp-block-search__label{
color:var(--color-primary1);
}
#projetcs-sec .box:hover .box-content{
top: 50%;
background: rgb(255 255 255 / 70%);
padding: 18px;
transform: translateY(-50%);
width: auto;
margin: 0 16px;
}
#projetcs-sec .box:hover h3 a, #projetcs-sec .box:hover p{
color: #000 !important;
}
#projetcs-sec .box:hover h3 a{
font-size: 18px;
font-weight: 600;
}
#projetcs-sec .box:hover img{ opacity: 0.5; } .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; }
@media screen and (max-width: 1000px){
.search-bar i{
padding: 10px;
}
.contact-section,#slider .inner_carousel,.logo {
text-align: center;
}
.headerbox {
margin: 0;
background: #333333;
padding: 0;
}
.toggle-nav i {
font-size: 19px;
color: #fff;
}
.toggle-nav{
text-align: left;
}
.toggle-nav button {
background-image: linear-gradient(to right, #9105ea, #f73c95 );
padding: 5px 14px;
}
.sidenav{
background: #333333;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
color: #fff;
}
.toggle-nav{
margin-left: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 767px){
.title-head{
border: none;
padding: 0;
margin-bottom: 15px;
text-align: center;
}
#slider .inner_carousel h1 a{
font-size: 23px;
}
#slider .more-btn a{
padding: 6px 10px;
}
#slider .carousel-caption {
top:57%;
}
.nav ul li a:hover{
color:var(--color-primary1) !important;
}
.mailbox{
margin: 10px 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
}