html{
scroll-behavior: smooth;
}
*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif;}
a{
font-size: 1.5rem;
color: #a49453!important;
text-decoration: none;
}
.row p{
color: lightslategrey;
text-align: justify-all;
}
.navbar-default{
/*position: fixed;*/
transition:500ms ease;
}
.navbar-default.scrolled{
background: gray !important;
}
.mastcontainer{
width: 100%;
height: 80px;
}
body header .site-title a {
font-family: Marcellus, serif;
font-weight: 600;
font-style: normal;
font-size: 32px!important;
line-height: 1;
}
body header .site-title p {
font-family: Marcellus, serif;
font-weight: 600;
font-style: normal;
font-size: 14px!important;
line-height: 1;
}
body header .site-title{
font-size: 1.5rem !important;
}
.nav-link{
color: #a49453;
font-weight: bold;
letter-spacing: 1px;
}
/**************************************************Sidebar***********************************/
.widget_search{
border: 1px solid lightgray;
padding: 10px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both;
padding: 12px;
border-bottom: 1px solid lightgray;
}
.wp-block-search__label {
width: 100%;
text-align: center;
color: #a49453;
font-weight: bold;
font-size: 20px;
}
.wp-block-search__button {
background: #a49453;
border: 1px solid #a49453;
padding: 0.375em 0.625em;
color: #fff;
margin-left: 0.625em;
word-break: normal;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.widget_block{
border: 1px solid lightgray;
padding: 15px;
margin-bottom: 30px;
}
.wp-block-latest-posts a{
color: #b5b5b7;
font-size: 14px;
letter-spacing: 1px;
color: lightgray;
}
#sidebar ul li {
color: #b5b5b7;
font-size: 13px;
border-bottom: 1px solid #e1e1e1;
line-height: 43px;
}
.wp-block-latest-comments__comment-meta a{
color: #b5b5b7;
font-size: 14px;
letter-spacing: 1px;
color: lightgray;
}
.wp-block-archives li{
list-style: none;
padding: 12px;
border-bottom: 1px solid lightgray;
}
.wp-block-archives a{
color: #b5b5b7;
font-size: 14px;
letter-spacing: 1px;
color: lightgray;
}
.wp-block-categories li{
list-style: none;
padding: 12px;
border-bottom: 1px solid lightgray;
}
.wp-block-categories a{
color: #b5b5b7;
font-size: 14px;
letter-spacing: 1px;
color: lightgray;
}
/**********************************************Single Page*****************************/
#comments {
margin-top: 30px;
}
#comments h2.comments-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
#comments ol {
list-style: none;
padding-left: 0;
}
#comments ol li {
width: 100%;
list-style: none;
margin: 0 0 20px;
padding: 20px;
display: inline-block;
border: 1px solid #d6d6d6;
}
.comments .comment-author, .comment-author.vcard {
width: 50%;
float: left;
}
.comments .comment-author, .comment-author.vcard a{
color: #b5b5b7;
font-size: 14px;
letter-spacing: 1px;
color: lightgray;
}
#comments .comment-content {
width: 90%;
float: left;
margin: 0 0 10px 0;
}
#comments p {
width: 100%;
float: left;
text-align: justify;
font-size: 15px;
line-height: 26px;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
}
#comments a{
font-size: 14px;
}
#comments .comment-metadata {
width: 90%;
float: left;
padding: 1% 0 0 0;
}
#comments .comment-metadata a{
color: #b5b5b7;
font-size: 14px;
letter-spacing: 1px;
color: lightgray;
}
#comments a time {
color: #000;
font-weight: bold;
font-size: 12px;
}
#comments .reply {
float: right;
}
.reply {
margin-bottom: 15px;
width: 100%;
float: left;
}
#comments a.comment-reply-link {
color: #fff !important;
background: #a49453;
padding: 5px 15px;
}
.comment-form-comment label{
display: block !important;
}
.comment-form-comment textarea {
overflow: auto;
resize: vertical;
width: 100% !important;
}
.comment-respond #submit{
background-color: #a49453;
color: #fff;
border: 1px solid #a49453;
padding: 10px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
}
/*************************************************Search*********************************/
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
input[type=search] {
-webkit-appearance: none;
}
/**************************************Footer**********************************************/
.site-footer .site-info a{
font-size: 16px;
color: black !important;
}
.site-footer{
background-color: #a49453;
}
.footer-menu-left{
padding: 15px;
}
.footer-menu-left span{
font-weight: 400;
}
.scrollup i {
width: 40px;
height: 40px;
position: fixed;
bottom: 70px;
right: 10px;
font-size: 20px;
display: none;
color: #fff !important;
padding: 10px;
background: #ffb400;
z-index: 999;
}
.scrollup.left i{
left: 10px;
}
.scrollup.center i{
left: 50%;
right: 50%;
}
@media screen and (max-device-width: 1024px) {
.container-img{
margin-top: -150px;
position: relative;
box-shadow: 20px 20px 30px grey;
}
.para-div p{
font-size: 1.5rem;
padding: 1px;
}
.para-container{
background-color: gray;
width: 38%;
height: 249px;
position: relative;
margin-top: -130px;
margin-left: -18px;
text-align: center !important;
text-align: center;
box-shadow: 20px 20px 50px grey;
}
.project-text{
height: 100%;
text-align: justify;
margin-top: 30px;
padding: 0px;
}
.footer-img {
margin-top: -40px;
margin-left: -31px;
}
}
@media screen and (max-device-width: 915px) {
.main-navigation button{
display: block;
float: right;
background-color: #a49453;
}
.main-navigation ul{
display: none;
}
.menu-toggle{
margin-top: 5px;
}
.menu-toggle i{
font-size: 24px;
padding: 5px;
}
.main-navigation.toggled >.nav-container{
width: 100%;
margin-top: 50px;
text-align: center;
box-shadow: 3px 3px 8px 2px lightgray;
}
.main-navigation ul li{
padding: 5px;
}
.container-img{
margin-top: -150px;
position: relative;
box-shadow: 20px 20px 30px grey;
}
.para-div p{
font-size: 2.0rem;
padding: 10px;
}
.para-container{
background-color: gray;
width: 70%;
height: 310px;
position: relative;
margin-top: -130px;
margin-left: -3px;
text-align: center !important;
text-align: center;
box-shadow: 20px 20px 50px grey;
}
.project-text{
height: 100%;
text-align: justify;
margin-top: 30px;
padding: 0px;
}
.team-card{
width: 100%;
height: 400px;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
background-color: white;
border: 5px solid lightgray;
box-shadow: 20px 20px 50px grey;
}
@media screen and (max-device-width: 820px) {
.main-navigation button{
display: block;
float: right;
background-color: #a49453;
}
.main-navigation ul{
display: none;
}
.menu-toggle{
margin-top: 5px;
}
.menu-toggle i{
font-size: 24px;
padding: 5px;
}
.main-navigation.toggled >.nav-container{
width: 100%;
margin-top: 50px;
text-align: center;
box-shadow: 3px 3px 8px 2px lightgray;
}
.main-navigation ul li{
padding: 5px;
}
.container-img{
margin-top: -150px;
position: relative;
box-shadow: 20px 20px 30px grey;
}
.para-div p{
font-size: 2.0rem;
padding: 10px;
}
.para-container{
background-color: gray;
width: 70%;
height: 310px;
position: relative;
margin-top: -130px;
margin-left: -3px;
text-align: center !important;
text-align: center;
box-shadow: 20px 20px 50px grey;
}
.project-text{
height: 100%;
text-align: justify;
margin-top: 30px;
padding: 0px;
}
.team-card{
width: 100%;
height: 400px;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
background-color: white;
border: 5px solid lightgray;
box-shadow: 20px 20px 50px grey;
}
@media screen and (min-device-width: 360px) and (max-device-width: 600px){
.main-navigation button{
display: block;
float: right;
background-color: #a49453;
}
.main-navigation.menu-primary-menu-container ul{
display: none;
}
.menu-toggle{
margin-top: 5px;
}
.menu-toggle i{
font-size: 30px;
padding: 5px;
color: #fff;
}
.main-navigation.toggled >.nav-container{
width: 100%;
margin-top: 70px;
text-align: center;
box-shadow: 3px 3px 8px 2px lightgray;
}
.main-navigation ul li{
padding: 5px;
}
.para-div p{
font-size: 1.5rem;
padding: 10px;
}
.para-container{
background-color: gray;
width: 90%;
height: 280px;
position: relative;
margin-top: -130px;
margin-left: 16px;
text-align: center !important;
/* padding-top: 50px; */
text-align: center;
box-shadow: 20px 20px 50px grey;
}
.project-text{
height: 100%;
text-align: justify;
margin-top: 30px;
padding: 0px;
}
.team-card{
width: 100%;
height: 400px;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
background-color: white;
border: 5px solid lightgray;
box-shadow: 20px 20px 50px grey;
margin-top: 5px !important;
}
.team-upperdiv{
width: 100%;
height: 50%;
}
.team-lowerdiv{
width: 100%;
height: 50%;
background-color: whitesmoke;
}
.footer-img {
margin-top: -65px;
margin-left: 16px;
width: inherit;
height: 200px !important;
}
}