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{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;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;} }