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