/* Theme Name: Microteatro Theme URI: https://www.microteatro.com Version: 1.0 Author: LLOS& Author URI: https://llos.co Text Domain: llos */ /* Typography ---------- */ @import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @font-face { font-family: 'TrimPoster'; src: url('fonts/2D8D88_0_0.eot'); src: url('fonts/2D8D88_0_0.eot?#iefix') format('embedded-opentype'), url('fonts/2D8D88_0_0.woff2') format('woff2'), url('fonts/2D8D88_0_0.woff') format('woff'), url('fonts/2D8D88_0_0.ttf') format('truetype'); } /* Misc ---- */ body{ font-family: 'Archivo', sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; color: #1a1a1a; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; } body.search { overflow: hidden; } a{ color: #1a1a1a; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;} a:hover, a:focus{ color: #1a1a1a; text-decoration: none; outline:none;} input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; } input, textarea { -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; } textarea { resize: none; } input:focus{ outline: none} input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; } input:focus:-ms-input-placeholder { color:transparent; } textarea:focus{ outline: none} textarea:focus::-webkit-input-placeholder { color:transparent; } textarea:focus:-moz-placeholder { color:transparent; } textarea:focus::-moz-placeholder { color:transparent; } textarea:focus:-ms-input-placeholder { color:transparent; } ::-webkit-input-placeholder {color: #909;} :-moz-placeholder { color: #909; opacity: 1;} ::-moz-placeholder { color: #909; opacity: 1;} :-ms-input-placeholder { color: #909;} ::-moz-selection { color: black; background: #99CCFF; } ::selection { color: black; background: #99CCFF; } :focus {outline:none;} ::-moz-focus-inner {border:0;} h1, h2{ color: var(--text-default, #FFF); font-family: 'Archivo', sans-serif; font-size: 4rem; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal; } p{ color: var(--text-subtle, #AEAEAE); font-family: 'Archivo', sans-serif; font-size: 1.50rem; font-style: normal; font-weight: 500; line-height: 2rem; letter-spacing: -0.0125rem;} .container-fluid{ max-width: 1280px; margin: 0 auto;} .img-responsive{ width: 100%;} .fullscreen{ width: 100%; height: 100%; margin: 0 auto; padding: 0;} .cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;} .slick-slide, .slick-slide img { outline: none } .fluid-embed{ position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 0; z-index: 2;} .fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; } .v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);} .bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;} .bg-parallaxed{ background-position: 50% 0;} .lazy { display: none; } /* Header ------ */ #header .container { padding: 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; } #header .logo { width: 150px; height: 54px; object-fit: cover; top:0; margin: 0 !important; padding:0 !important; position:relative !important; background-size: auto !important; } #main-nav{ padding:0 !important; flex-grow: 1; display: flex; justify-content: flex-end; gap:10px; } #main-nav > ul > li { padding: 0 !important; } .mobile-menu .header-social{ display: none !important; } .header-social { flex-wrap: wrap; display: flex !important; gap: 9PX; flex-direction: row; height: 60px; min-width: 50px; width:50px; } .header-social li + li { padding: 0 !important; } @media (max-width: 900px) { #main-nav{ display: none ; } .menu{ flex-direction:column; } } /* Homepage -------- */ /* form -------- */ #mc_embed_signup { background: #000; clear: left; font: 14px Helvetica, Arial, sans-serif; padding: 20px; } #mc_embed_signup label { color: #fff; margin-right: 10px; line-height: 24px; } #mc_embed_signup .mc-field-group { display: flex; justify-content: space-around; align-items: center; gap: 10px; } @media (max-width: 900px) { #mc_embed_signup .mc-field-group { flex-direction: column; align-items:stretch; } } #mc_embed_signup .button { background-color: blue; color: #fff; border: none; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s; } #mc_embed_signup .button:hover { background-color: darkblue; } #mce-EMAIL { background-color: #fff !important; padding: 8px 0; } /* Footer ------ */ /* Print ----- */ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;} a, a:visited { text-decoration:underline;} a[href]:after { content:" (" attr(href) ")";} abbr[title]:after { content:" (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:"";} pre,blockquote { border:1px solid #999; page-break-inside:avoid;} thead { display:table-header-group;} tr,img { page-break-inside:avoid;} img { max-width:100% !important;} @page { margin:0.4cm;} p, h2, h3 { orphans:3; widows:3;} h2, h3 { page-break-after:avoid;} } #pwbox-2757, #pwbox-2786, .post-password-form input{color:#000!important;}