/*
Theme Name: Sudestudio
Theme URI: 
Author: Morekid
Author URI: https://www.instagram.com/morekid/
Description: Custom template built for Sudestudio.
Version: 1.0
*/

:root {
     --ses-logo-height: 57px;
     --ses-logo-height-percent: 0.0557; /* 57px / 1024 */
     --margin-left: calc(var(--space7_5) + var(--space4_5));
     --margin-right: calc(var(--space5) + var(--space4));
     --headerTopHPadding: calc(var(--space2_5) + var(--space1_5));
     --bottomPadding: calc(var(--space4) + var(--space1));

     /* Color --------------------------------------------------------- */ 
     --black: #2D2926;
     --neutral: #969492;
     --neutralRGB: 150, 148, 156;
     --neutral-light: #F0F0EF;
     --white: #ffffff;
     --red: #A72B2A;
     --red-full: #FF3311;
     --red-light: #faf2f2;
     --secondary: #FFCC55;
     --translucent: rgba(255,255,255,0.5);

     /* Space --------------------------------------------------------- */ 
     --max-width: 1600px;
     --min-height: 800px;
     --mobile-min-height: 600px;

     --space0: 2px;
     --space1: 4px;
     --space2: 8px;
     --space3: 16px;
     --space4: 32px;
     --space5: 64px;
     --space6: 128px;
     --space7: 256px;
     --space8: 512px;
     --space9: 1024px;

     --space1_5: 6px;
     --space2_5: 12px;
     --space3_5: 24px;
     --space4_5: 48px;
     --space5_5: 96px;
     --space6_5: 192px;
     --space7_5: 384px;
     --space8_5: 768px;

     /* Typography ---------------------------------------------------- */ 
     --font-heading: SES Display, Arial, sans-serif;
     --font-body: Anonymous Pro, Arial, sans-serif;

     --lh1: 1.37em;
     --lh2: 1.6em;
     --letter-spacing: 0.0625em;
     --letter-spacing-double: 0.125em;

     --title1: 40px;
     --title2: 25px;
     --title3: 16px;
     --intro-text: 17px;
     --body-text: 14px;
     --small-text: 12px;
     --mini-text: 10px;
     --micro-text: 9px;

     --mobile-title1: 29px;

     /* Transition ---------------------------------------------------- */ 
     --a-time-short: 0.1s;
     --a-time-mid: 0.2s;
     --a-time-long: 0.4s;
     --a-easing: cubic-bezier(.35,.15,.2,1);

     /* Details ---------------------------------------------------- */ 
     --radius-small: 4px;
     --radius-large: 16px;

     /* Styles ---------------------------------------------------- */ 
     --ses-border: 1px solid var(--black);
     --ses-border-actionable-black: 2px solid var(--black);
     --ses-border-actionable-red: 2px solid var(--red);
     --ses-shadow: 0 var(--space1) var(--space3) rgba(0,0,0,0.2);
}

@font-face {
     font-family: "SES Display";
     font-style: normal;
     font-weight: 700;
     src: local(""),
          url("fonts/SESDisplay-Bold.woff2") format("woff2"), /* Super Modern Browsers */
          url("fonts/SESDisplay-Bold.woff") format("woff"); /* Modern Browsers */
}

/* anonymous-pro-regular - latin */
@font-face {
     font-family: "Anonymous Pro";
     font-style: normal;
     font-weight: 400;
     src: url("fonts/anonymous-pro-v14-latin-regular.eot"); /* IE9 Compat Modes */
     src: local(""),
          url("fonts/anonymous-pro-v14-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
          url("fonts/anonymous-pro-v14-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-regular.woff") format("woff"), /* Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */
          url("fonts/anonymous-pro-v14-latin-regular.svg#AnonymousPro") format("svg"); /* Legacy iOS */
}

/* anonymous-pro-italic - latin */
@font-face {
     font-family: "Anonymous Pro";
     font-style: italic;
     font-weight: 400;
     src: url("fonts/anonymous-pro-v14-latin-italic.eot"); /* IE9 Compat Modes */
     src: local(""),
          url("fonts/anonymous-pro-v14-latin-italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
          url("fonts/anonymous-pro-v14-latin-italic.woff2") format("woff2"), /* Super Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-italic.woff") format("woff"), /* Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-italic.ttf") format("truetype"), /* Safari, Android, iOS */
          url("fonts/anonymous-pro-v14-latin-italic.svg#AnonymousPro") format("svg"); /* Legacy iOS */
}

/* anonymous-pro-700 - latin */
@font-face {
     font-family: "Anonymous Pro";
     font-style: normal;
     font-weight: 700;
     src: url("fonts/anonymous-pro-v14-latin-700.eot"); /* IE9 Compat Modes */
     src: local(""),
          url("fonts/anonymous-pro-v14-latin-700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
          url("fonts/anonymous-pro-v14-latin-700.woff2") format("woff2"), /* Super Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-700.woff") format("woff"), /* Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-700.ttf") format("truetype"), /* Safari, Android, iOS */
          url("fonts/anonymous-pro-v14-latin-700.svg#AnonymousPro") format("svg"); /* Legacy iOS */
}

/* anonymous-pro-700italic - latin */
@font-face {
     font-family: "Anonymous Pro";
     font-style: italic;
     font-weight: 700;
     src: url("fonts/anonymous-pro-v14-latin-700italic.eot"); /* IE9 Compat Modes */
     src: local(""),
          url("fonts/anonymous-pro-v14-latin-700italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
          url("fonts/anonymous-pro-v14-latin-700italic.woff2") format("woff2"), /* Super Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-700italic.woff") format("woff"), /* Modern Browsers */
          url("fonts/anonymous-pro-v14-latin-700italic.ttf") format("truetype"), /* Safari, Android, iOS */
          url("fonts/anonymous-pro-v14-latin-700italic.svg#AnonymousPro") format("svg"); /* Legacy iOS */
}