/*
Theme Name: Coming Soon Beside
Theme URI: 
Author: 
Author URI: 
Description: Tema ultra-minimal para página de Coming Soon. Somente style.css, functions.php e index.php.
Version: 1.4.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
*/

* { box-sizing: border-box; margin: 0; padding: 0; }
@font-face {
  font-family: 'Acumin Variable Concept';
  src: url('/beside/wp-content/themes/coming-soon-beside/assets/fonts/Acumin-Variable-Concept.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html, body { height: 100%; }
body {
  background-image:url('/beside/wp-content/themes/coming-soon-beside/assets/images/mask-base.png');
  background-size:contain;
  background-position:right;
  background-repeat:no-repeat;
  background-color: #191E31;
  overflow: hidden;
}

section{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-top:90px;
  padding-left:120px;
}

.boxLogo{ margin-bottom:64px; }

.boxContent{
  border-bottom:4px solid #E4E51B;
  padding-bottom:32px;
  width:778px;
  max-width:100%;
}
.boxContent .title{
  color:#E6EADC;
  font-family:"Funnel Display";
  font-size:64px;
  font-weight:700;
  line-height:normal;
  margin-bottom:24px;
}
.boxContent .description{
  color:#E6EADC;
  font-family:"Acumin Variable Concept";
  font-size:28px;
  font-weight:400;
  line-height:42px;
  letter-spacing:-.84px;
  margin-bottom:0;
}

.contact{ padding-top:32px; }
.contact ul{ gap:80px; }
.contact .title{
  color:#E6EADC;
  font-family:"Funnel Display";
  font-size:24px;
  font-weight:700;
  margin-bottom:16px;
}
.contact .social{ gap:6px; }
.contact .social a{
  color:#E6EADC;
  font-family:"Acumin Variable Concept";
  font-size:24px;
  font-weight:400;
  line-height:24px;
  margin-top:7px;
  text-decoration:none;
}

/* 2560–3839 */
@media (min-width:2560px) and (max-width:3839px){
  body{ background-image:url('/beside/wp-content/themes/coming-soon-beside/assets/images/mask-2560.png'); }
  .boxContent{ width:1067px; }
  .boxContent .description{font-size:28px; }
  section{padding-left:240px;}
}

/* 3840+ */
@media (min-width:3840px){
  body{ background-image:url('/beside/wp-content/themes/coming-soon-beside/assets/images/mask-3840.png'); }
  .boxContent{ width:1067px; }
  .boxContent .title{font-size:80px; }
  .boxContent .description, .contact .title{ font-size:40px; }
  .contact .social a{font-size:32px; }
  section{padding-left:360px;}
}

@media (max-width:1500px){
  section{padding-top:25px;}
  .boxContent .title {font-size:32px;}
  .boxLogo {margin-bottom: 25px;}
}

@media (max-width:1200px){
  body{ background-image:none;}
}

@media (max-width:1100px){
  body{overflow:auto;}
}
/* Mobile */
@media (max-width:998px){
  section{ padding:5%; }
  .boxLogo{margin-bottom:25px;}
  .contact ul{ gap:24px; }
  .boxContent .title {font-size:26px;}
  .boxContent .description {font-size:24px;line-height:35px;}
}