/*! Theme Name: chaniotis Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: chaniotis Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. chaniotis is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ html,body{width:100%;margin:0;padding:0;height:100%}:root{--my-beige:#aa9c9c;--my-grey:#f7f7f7;--my-dark-grey:#575757}.grey{color:var(--my-grey)}.beige{color:var(--my-beige)}.dark-grey{color:var(--my-dark-grey)}.about-title-wrapper{display:flex;justify-content:center;align-items:center;padding:150px 0 100px;position:relative}.about-title-wrapper h1{position:relative;font-family:"Libre Caslon Text",serif;font-weight:400;font-style:normal;font-size:80px;margin:0;z-index:1}.about-title-wrapper h1:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:50%;width:900px;height:80%;z-index:-1;background:linear-gradient(to bottom,var(--my-grey) 0%,var(--my-grey) 85%,rgba(200,200,200,0) 100%);mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);filter:blur(1px)}.home .site-header,.single-project .site-header{position:absolute;left:0;width:100%;z-index:9999}.site-header{position:absolute;left:0;width:100%;z-index:9999}.header-wrapper{display:flex;align-items:center;justify-content:space-between;max-width:1000px;width:100%;margin:0 auto;padding:20px 0;box-sizing:border-box;position:relative}.menu-left{flex:0 0 30%;display:flex;justify-content:flex-end}.site-logo{flex:0 0 40%;display:flex;justify-content:center;align-items:center}.site-logo img{width:200px;height:auto;display:block}.menu-right{flex:0 0 30%;display:flex;justify-content:flex-start}.menu-left ul,.menu-right ul{display:flex;gap:50px;list-style:none;margin:0;padding:0}.home .menu-left ul li a,.single-project .menu-left ul li a,.home .menu-right ul li a,.single-project .menu-right ul li a{text-decoration:none;color:#fff;font-family:'Inter',sans-serif;font-size:16px}.home .menu-left ul li a:after,.single-project .menu-left ul li a:after,.home .menu-right ul li a:after,.single-project .menu-right ul li a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#fff !important;transition:width .8s ease}.home .menu-left ul li a:hover:after,.single-progect .menu-left ul li a:hover:after,.home .menu-right ul li a:hover:after,.single-progect .menu-right ul li a:hover:after{width:100%}.menu-left ul li a,.menu-right ul li a{color:#000;text-decoration:none;font-family:'Inter',sans-serif;font-size:16px;position:relative;display:inline-block}.menu-left ul li a:after,.menu-right ul li a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#000;transition:width .8s ease}.menu-left ul li a:hover:after,.menu-right ul li a:hover:after{width:100%}.header-mobile{display:none}.footer-wrapper{background-color:var(--my-grey);color:#000;padding:40px 20px 0;display:block}.footer-logo img{width:250px;height:auto;display:flex;margin:auto}.footer-info{margin:35px 0}.footer-info .title{text-align:center;font-family:"Caladea",serif;font-weight:700;font-style:normal;color:var(--my-dark-grey);font-size:20px;margin-bottom:10px}.footer-info a{text-decoration:none;color:var(--my-dark-grey);font-size:20px}.footer-info a:hover{color:#575757a6}.info-phone,.info-email{display:block;text-align:center;margin:0 0 30px}.info-social{display:flex;justify-content:center;gap:30px}.info-social img{width:25px;transition:transform .4s}.info-social img:hover{transform:scale(1.09);transition:transform .4s}.bottom-footer{text-align:center;padding:20px 0 5px;font-family:'Inter',sans-serif;font-size:15px;color:var(--my-dark-grey)}@media(max-width:1280px){.about-title-wrapper h1{font-size:65px}.about-title-wrapper h1:before{width:600px}}@media(max-width:1024px){.menu-left ul li a,.menu-right ul li a{font-size:14px !important}.site-logo img{width:180px}.menu-left,.menu-right{flex:0 0 35%}.site-logo{flex:0 0 30%}.menu-left ul,.menu-right ul{gap:30px}}@media(max-width:991px){.menu-left,.menu-right{display:none}.header-mobile{display:flex;align-items:center;justify-content:center;position:relative}.site-logo{margin:auto}#menu-toggle{position:absolute;right:20px;z-index:10001;cursor:pointer;width:40px;height:20px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px}#menu-toggle span{display:block;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.page-template-about #menu-toggle span,.page-template-portfolio #menu-toggle span,.page-template-contact #menu-toggle span,.page-template-services #menu-toggle span,.page-template-faq #menu-toggle span{background:var(--my-dark-grey)}#menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:var(--my-dark-grey)}#menu-toggle.open span:nth-child(2){opacity:0}#menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-8px);background:var(--my-dark-grey)}.logo img{max-width:250px;height:auto;display:block}#site-navigation{z-index:10000 !important;position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left .3s ease}#site-navigation.active{left:0;background-color:var(--my-grey)}#site-navigation ul{flex-direction:column;gap:30px;list-style:none;padding:0;margin:70px 0}#site-navigation ul li{text-align:center;margin-bottom:30px}.header-social{display:flex;gap:20px}.header-social img{width:30px}#site-navigation ul li a{font-size:22px;color:var(--my-dark-grey);font-family:"Libre Caslon Text",serif;text-decoration:none}}@media (max-width:768px){.about-title-wrapper{padding:120px 0 80px}.about-title-wrapper h1{font-size:50px}.about-title-wrapper h1:before{width:450px;height:85%}}@media(max-width:576px){.about-title-wrapper h1{font-size:38px}.about-title-wrapper h1:before{width:350px}.logo img{width:200px}.footer-logo img{width:200px}.footer-info .title{font-size:18px;margin-bottom:5px}.footer-info a{font-size:18px}}