:root {
--color-primary1:#fda12b;
--font-awesome:'FontAwesome';
}
body,h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
}
#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.added_to_cart.wc-forward,a,.page-box h4 a,.readmore-btn a,.box-content a,.box-info i, #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 button[type="submit"]:hover, #comments input[type="submit"]:hover, span.meta-nav:hover{
color: var(--color-primary1);
}
button[type="submit"],.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,#theme-sidebar button[type="submit"], #footer button[type="submit"],.prev.page-numbers,.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button, .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,.search-box i{
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: var(--color-primary1);
}
.readmore-btn a{
color: #fff;
}
.readmore-btn a:hover{
border-color: #182333;
}
h1, h2, h3, h4, h5, h6,.logo h1 a,.logo p,.main-navigation a:hover, .readmore-btn a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
color: #182333;
}
#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);
}
#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{
background: #182333;
}
#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);
}
#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);
}
.page-template-front-page #header, .headerbox{
margin-top: 0;
}
#theme-sidebar .tagcloud a, p.wp-block-tag-cloud a, .post_tag a {
border: 1px solid #ebebeb;
line-height: 20px;
color: #999;
padding: 5px 10px;
font-size: 12px !important;
display: inline-block;
margin-bottom: 5px;
}
#main-content a{
text-decoration: underline;
}
.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;
}
.logo h1 a, .logo p a{
color: #000;
}
.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;
}
.error-404 [type="submit"]{
background: var(--color-primary1);
border: solid 1px var(--color-primary1);
}
.page-template-front-page .headerimg{
display: none;
}
.search_inner{
max-width: 100%;
}
.menubar{
background: transparent;
}
.headerbox {
background: linear-gradient(90deg, var(--color-primary1) 35%, #182333 35%);
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after{
right: 1px;
top: 19px;
color: #333333;
}
.main-navigation ul ul li.menu-item-has-children:after{
color: #fff;
}
.main-navigation a {
border: none;
padding: 0;
text-transform: uppercase;
color: #182333;
letter-spacing: 0;
}
#mySidenav{
justify-content: flex-end;
}
.headerbox p span {
font-weight: 600;
}
span.simplep a{
color: #fff;
}
span.simplep a:hover, .main-navigation a:hover,.logo h1 a:hover, .logo p a:hover,#slider .inner_carousel h1 a:hover{
color: var(--color-primary1) ;
}
span.simplep.call a:hover{
color: #000 ;
} #slider .carousel-caption {
top: 50%;
}
#slider img {
opacity: 0.5;
}
#slider .inner_carousel h1 a {
font-size: 45px;
}
#slider .more-btn a:hover{
color: #fff !important;
}
.more-btn a{
border:none;
}
#slider .inner_carousel p.slider-top{
font-size: 21px;
font-family: 'Fira Sans', sans-serif;
text-transform: uppercase;
} #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: 14px;
color: #fff;
background-color: var(--color-primary1);
}
.search-outer .inner_searchbox button[type="submit"]{
background-color: var(--color-primary1);
} .title-head {
border-left: solid 5px var(--color-primary1);
padding-left: 15px;
}
.title-head p {
color: #8d9296;
text-transform: uppercase;
font-weight: 6pp;
font-size: 18px;
margin-bottom: 5px;
}
.title-head h2 {
margin-bottom: 0;
font-size: 30px;
font-weight: 600;
}
#projetcs-sec button.tablinks {
border: none;
cursor: pointer;
padding: 14px 16px;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
background: #fff;
color: black;
}
#projetcs-sec .tab button:hover, button.tablinks.active {
background: var(--color-primary1) ;
color: #fff;
}
#projetcs-sec .box{
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.5s ease 0s;
}
#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:hover img{ opacity: 0.3; }
#projetcs-sec .box .box-content{
color: #fff;
background: #182333;
width: 100%;
padding: 15px 20px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.5s ease 0s;
border-bottom: 5px solid var(--color-primary1);
}
#projetcs-sec .box:hover .box-content{
background: var(--color-primary1);
}
#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;
}
.box-content h3 a{
font-size: 18px;
} .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 (max-width: 1000px){
.contact-section,#slider .inner_carousel,.logo {
text-align: center;
}
.toggle-nav{
margin-left: 0;
}
.toggle-nav button{
font-size: 16px;
padding: 10px 16px;
}
.headerbox {
margin: 0;
background: #182333;
padding: 0;
}
.toggle-nav i {
font-size: 15px;
color: #fff;
}
.toggle-nav{
text-align: left;
}
.toggle-nav button {
background: var(--color-primary1);
}
.sidenav{
background: #182333;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
color: #fff;
}
}
@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%;
}
.mailbox{
margin: 10px 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
}