a{
text-decoration: none;
color: var(--color-primary1);
}
:root {
--primary-color: #FF7300;
--secondary-color: #222222;
--body-font: 'Montserrat', sans-serif;
}
.header-button a{
font-weight: 600;
}
.search-bar i{
background: #C15E0C;
}
.page-template-revolution-home .header-menu-box {
padding: 5px 0;
top: 0;
bottom: 0;
position: absolute !important;
width: 100%;
z-index: 999;
background: transparent;
border: none;
}
.head-position{
position: relative;
}
.nav-menu-header-right{
display: flex;
align-items: center;
justify-content: end;
}
.main-navigation ul#primary-menu>li>a, .main-navigation div#primary-menu>ul>li>a{
padding: 30px 0;
}
.main-navigation{
justify-content: left;
}
#main-slider-wrap .owl-prev{
left: 46%;
right: auto;
}
#main-slider-wrap .owl-next{
left: 50%;
right: auto;
}
#projetcs-sec {
display: flex;
gap: 30px;
}
#projetcs-sec .tab button {
background: none;
border: none;
text-align: left;
padding: 10px 15px;
cursor: pointer;
}
#projetcs-sec h3{
line-height: 0.8;
}
#projetcs-sec .tab .tablinks{
text-align: left;
}
#projetcs-sec .tab button.active {
background: orange;
color: #fff;
border-radius: 20px;
}
#projetcs-sec .serv-col{
display: flex;
}
#projetcs-sec .tab{
display: flex;
justify-content: left;
width: 18%;
flex-direction: column;
}
.tabcontent{
width: 82%;
}
span.tab-btn{
text-align: left;
}
#projetcs-sec .tab .tablinks {
background: none;
border: none;
color: #000;
margin: 16px 10px 16px 0;
font-size: 16px;
font-weight: 600;
display: inline-block;
text-transform: capitalize;
text-align: left;
padding: 0;
}
#projetcs-sec .tab .tablinks.active {
background: var(--primary-color);
outline-offset: 6px;
color: #fff;
padding: 8px 25px;
font-size: 15px;
outline: 2px dashed var(--primary-color);
border-radius: 30px;
text-transform: uppercase;
}
#projetcs-sec .tab button.active {
background: orange;
color: #fff;
border-radius: 20px;
}
#projetcs-sec .post-content{
outline: none;
padding: 10px;
margin: 10px;
}
#projetcs-sec h3{
margin: 0;
}
#projetcs-sec .posts-wrapper{
display: grid;
grid-template-columns: auto;
}
.post-box:hover .post-content{
bottom: 5%;
top: auto;
left: 5%;
right: 5%;
}
#projetcs-sec .main-content{
position: static;
transform: none;
text-align: left;
}
#projetcs-sec p.post-para{
font-size: 14px;
}
@media screen and (max-width: 1000px){
.main-navigation ul#primary-menu>li>a, .main-navigation div#primary-menu>ul>li>a{
padding: 10px;
}
}
@media screen and (max-width: 767px){
.page-template-revolution-home .header-menu-box{
position: static !important;
}
.nav-menu-header-right{
justify-content: center;
margin: 10px 0;
}
.page-template-revolution-home .header-menu-box .container{
border-bottom: none !important;
}
#projetcs-sec .tab{
margin: 15px 0;
}
#projetcs-sec .serv-col{
flex-direction: column;
}
#projetcs-sec .tab, .tabcontent{
width: 100%;
}
span.tab-btn{
text-align: center;
}
#projetcs-sec .tab .tablinks{
margin: 15px;
font-size: 13px;
}
#projetcs-sec .tab .tablinks.active{
font-size: 12px;
}
#projetcs-sec p.post-para{
display: block;
font-size: 12px;
}
.project-top-text{
font-size: 19px;
}
#projetcs-sec h2{
font-size: 26px;
}
}
@media screen and (min-width: 767px) and (max-width: 999px){
.main-slider-inner-box img{
height: 500px;
}
#projetcs-sec .post-thumbnail img{
height: 260px;
}
.project-top-text{
font-size: 19px;
}
#projetcs-sec h2{
font-size: 26px;
}
#projetcs-sec .tab .tablinks{
font-size: 13px;
}
#projetcs-sec .tab .tablinks.active{
font-size: 12px;
}
#projetcs-sec p.post-para{
display: block;
font-size: 12px;
}
nav#site-navigation{
margin: 20px 0;
}
#main-slider-wrap .owl-prev{
left: 44%;
}
#main-slider-wrap .owl-next{
left: 52%;
}
#main-slider-wrap .owl-prev, #main-slider-wrap .owl-next{
width: 30px;
height: 30px;
}
.post-title a{
font-size: 16px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
.main-navigation ul#primary-menu>li>a, .main-navigation div#primary-menu>ul>li>a{
font-size: 13px;
}
.main-navigation li.menu-item-has-children:after, .main-navigation li.page_item_has_children:after{
right: -2px;
font-size: 10px;
}
.header-button a{
padding: 10px 20px;
}
.main-slider-inner-box img{
height: 550px;
}
#projetcs-sec .post-thumbnail img{
height: 280px;
}
#projetcs-sec .tab .tablinks{
font-size: 12px;
margin: 12px 12px 12px 0;
}
#projetcs-sec .tab .tablinks.active{
font-size: 12px;
}
#projetcs-sec p.post-para{
display: block;
font-size: 12px;
}
.post-title a{
font-size: 16px;
}
#main-slider-wrap .owl-prev{
left: 44%;
}
#main-slider-wrap .owl-next{
left: 52%;
}
#main-slider-wrap .owl-prev, #main-slider-wrap .owl-next{
width: 30px;
height: 30px;
}
}