/*
Theme Name: siite
Author: Dr. Felipe Mesquita
Author URI: https://felipemesquita.com/
Description: Blog pessoal @felipeamsqta
Version: 1.0
*/


@font-face {font-family:'PlusJakartaSans'; src:url('fonts/PlusJakartaSans.woff2')format('woff2'), url('PlusJakartaSans.woff')format('woff'); font-weight:normal; font-style:normal; font-display:swap}
@font-face {font-family:'PlusJakartaSans'; src:url('fonts/PlusJakartaSans-Bold.woff2')format('woff2'), url('fonts/PlusJakartaSans-Bold.woff')format('woff'); font-weight:bold; font-style:normal; font-display:swap}
@font-face {font-family:'Watch'; src:url('fonts/Watch.woff2')format('woff2'), url('fonts/Watch.woff')format('woff'); font-weight:normal; font-style:normal; font-display:swap}




/* basics ******************************************************/

html {box-sizing:border-box}
main {display:block}
body {font-family:'PlusJakartaSans',sans-serif; background-color:#ffffff; color:#606060; font-size:18px; line-height:30px; font-weight:normal; margin:0; padding:0}
  @media screen and (max-width: 768px) {body {font-size:14px; line-height:24px}}
p {margin:0 auto 0 auto}
hr {box-sizing:content-box; height:0; overflow:visible}

.container-sm {margin-left:auto; margin-right:auto; max-width:800px; width:90%}
.container {margin-left:auto; margin-right:auto; max-width:1200px; width:90%}
.container-xl {margin-left:auto; margin-right:auto; max-width:1600px; width:90%}

.sitte-space {clear:both; position:relative; border:none; padding:0; margin:0}
.space-1 {height:10px}
.space-2 {height:40px}
.space-3 {height:80px}
.space-4 {height:160px}

.i {display:inline-block;vertical-align:middle;text-decoration:inherit}
.i-sm {font-size:12px}
.i-md {font-size:18px}
.i-lg {font-size:24px}




/* typo ********************************************************/

a {color:#505050; text-decoration-color:#f4f4f4; text-decoration-thickness:2px; text-underline-offset:6px; background-color:transparent; transition:all 0.6s ease}
a:active,a:hover {color:#505050; text-decoration-color:#d2ccc4; text-decoration-thickness:2px; text-underline-offset:6px; transition:all 0.6s ease}
  .link,.link:active,.link:link,.link:visited {color:#d2ccc4; text-decoration:none}
  .link:focus,.link:hover{color:#505050; text-decoration:none; transition:all 0.6s ease}
.small {font-size:14px; line-height:22px}
  @media screen and (max-width: 768px) {.small {font-size:10px; line-height:20px;}}
strong, b, .bold {font-weight:800}
em,i,.italic {font-style:italic}
.uppercase {text-transform:uppercase}
.watch {font-family:'Watch',sans-serif; font-weight:normal}

h1 {font-family:'Watch',sans-serif; font-weight:normal; font-size:20px; line-height:28px; margin:0; padding:0}
  @media screen and (max-width: 768px) {h1 {font-size:20px; line-height:28px}}
h2 {font-family:'Watch',sans-serif; font-weight:normal; font-size:28px; line-height:36px; margin:0; padding:0}
  @media screen and (max-width: 768px) {h2 {font-size:24px; line-height:32px}}
h3 {font-family:'Watch',sans-serif; font-weight:normal; font-size:36px; line-height:44px; margin:0; padding:0}
  @media screen and (max-width: 768px) {h3 {font-size:28px; line-height:36px}}
h4 {font-family:'Watch',sans-serif; font-weight:normal; font-size:44px; line-height:52px; margin:0; padding:0}
  @media screen and (max-width: 768px) {h4 {font-size:32px; line-height:40px}}

.font-testimonials {font-family:'Watch',sans-serif; font-weight:normal; font-size:40px; line-height:48px; margin:0; padding:0}
  @media screen and (max-width:768px) {.font-testimonials {font-size:32px; line-height:40px}}
.blockquote {padding:10px 40px 10px 40px; border-left:8px solid #d2ccc4; max-width:100%; margin:0; font-family:'Watch',sans-serif; font-weight:normal; font-size:18px; line-height:30px}
.blockquote:after,.blockquote:before{content:""}

.font-category {font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:10px; line-height:18px; margin:0; padding:0}
  @media screen and (max-width: 768px) {.font-category {font-size:8px; line-height:16px}}

a.breadcrumb, a.breadcrumb:visited {color:#f7785f; text-decoration:none}
a.breadcrumb:hover {color:#f7785f; text-decoration:none; transition:all 0.6s ease}

.text-g1 {color:#8a8a8a}
.text-g2 {color:#b9b9b9}
.text-g3 {color:#dadada}
.text-g4 {color:#f9f9f9}
.text-c1 {color:#092b23}
.text-c2 {color:#547f7e}
.text-c3 {color:#e0f7ff}
.text-c4 {color:#d2ccc4}
.bg-g1 {background-color:#eeeeee}
.bg-g2 {background-color:#f4f4f4}
.bg-g3 {background-color:#f9f9f9}
.bg-g4 {background-color:#ffffff}
.bg-c1 {background-color:#092b23}
.bg-c2 {background-color:#547f7e}
.bg-c3 {background-color:#e0f7ff}
.bg-c4 {background-color:#d2ccc4}




/* buttons *****************************************************/

.bttn {background-image:none; border-style:solid; cursor: default; display:inline-block; margin-bottom:0; text-align:center; text-decoration:none; touch-action:manipulation; transition:all 0.6s ease}
.bttn1, .bttn1:active { border-radius:4px; border-width:0; background-color:#547f7e; font-size:16px; color:#f9f9f9; padding:6px 60px; font-weight:bold}
  @media screen and (max-width:768px) {.bttn1, .bttn1:active {padding:6px 40px}} 
.bttn1:focus,.bttn1:hover {border-width:0; background-color:#d2ccc4; color:#f9f9f9; transition:all 0.6s ease}
.bttn2, .bttn2:active {border-radius:8px; border-width:0; background-color:#f7785f; font-family:'Watch',sans-serif; font-size:16px; color:#0a4ca2; padding:4px 40px; font-weight: normal}
  @media screen and (max-width:768px) {.bttn-2, .bttn-2:active {padding:4px 20px}} 
.bttn2:focus,.bttn2:hover {border-width:0; background-color:#0a4ca2; color :#f7785f; transition:all 0.6s ease}
.bttn-out1, .bttn-out1:active {border-radius:4px; border-width:2px; border-color:#0a4ca2; background-color:transparent; font-family:'Watch',sans-serif; color:#0a4ca2; padding:4px 40px; font-weight:normal}
  @media screen and (max-width:768px) {.bttn-outc1, .bttn-outc1:active {padding:4px 20px}} 
.bttn-out1:focus,.bttn-out1:hover {
  border-width: 2px;
  color: #0a4ca2;
  border-color: #f7785f;
  transition: all 0.6s ease}
.bttn-small, .bttn-small:active {font-size:12px;
  border-radius:12px;border-width:0px;background-color:#abffc1;font-family:'Watch',sans-serif;color:#4c4c4b;padding:2px 20px;font-weight:normal}
  @media screen and (max-width:768px) {.bttn-small, .bttn-small:active {padding:2px 12px}} 
.bttn-small:focus,.bttn-small:hover {border-width:0px;background-color:#faff7e;color:#4c4c4b;transition:all 0.6s ease}
.bttn:focus,.btn:hover {outline:0;text-decoration:none}
.bttn:active {outline:0;background-image:none}
.bttn.disabled,.bttn[disabled],.bttn[readonly],fieldset[disabled] .bttn {cursor:not-allowed!important;opacity:1;pointer-events:none}
.bttn-category {background-color:transparent; border:1px solid #dddddd; border-radius:100px; color:#8e8e8e; padding:8px 40px; text-align:center; text-decoration:none; display:inline-block; font-size:10px; letter-spacing:2px; font-weight:bold; text-transform:uppercase}




/* header n footer *********************************************/

header {position:fixed; top:30px; width:100%; z-index:999;}
.p-header {padding:12px}
  @media screen and (max-width:768px) {.p-header {padding:12px}}
.rounded-header {border-radius:8px}
  @media screen and (max-width:768px) {.rounded-header {border-radius:8px}}
.h-logo {width:52px}
  @media screen and (max-width:768px) {.h-logo {width:46px}}
.space-header {height:160px}
  @media screen and (max-width:768px) {.space-header {height:160px}}
a.header1,a.header1:visited {color:#505050; font-size:16px; font-weight:bold; text-decoration:none; padding:0 6px 0 6px}
a.header1:hover {color:#d2ccc4; transition:all 0.6s ease}
.bttn-hc2a1 {background-color:#547f7e; color:#f9f9f9; border-radius:8px;border-width:0px; padding:4px 24px; font-size:16px}
.bttn-hc2a1:hover {background-color:#d2ccc4; color:#f9f9f9; transition:all 0.6s ease}
.border-full-nav1 {border-color:#eeeeee; border-style:solid; border-width:1px}
.navbtn1 {font-family:'Watch',sans-serif; font-weight:normal; font-size:16px; background-color:#eeeeee; color:#505050; border-radius:12px; padding:6px 20px; border:none; cursor:pointer}
.navbtn1:hover, .navbtn1:focus {color:#557f7e; background-color:#eeeeee}
.ddnav1 {float:right; position:relative}
.ddnav-content1 {display:none; position:absolute; background-color:#ffffff; min-width:180px; overflow:auto; box-shadow:none; right:0; z-index:1; margin-top:22px}
.ddnav-content1 a {color:#505050; padding:8px 16px; text-decoration:none; display:block}

.ddnav1 a:hover {background-color:#eeeeee}
a.header2,a.header2:visited {color:#f9f9f9; font-size:16px; font-weight:bold; text-decoration:none; padding:0 6px 0 6px}
a.header2:hover {color:#547f7e; transition:all 0.6s ease}
.bttn-hc2a2 {background-color:#d2ccc4; color:#272b2a; border-radius:8px; border-width:0px; padding:4px 24px; font-size:16px}
.bttn-hc2a2:hover {background-color:#547f7e; color:#0a2b24}
.border-full-nav2 {border-color:#3b5550; border-style:solid; border-width:1px}
.navbtn2 {font-family:'Watch',sans-serif; font-weight:normal; font-size:14px; background-color:#557f7e; color:#f4f4f4; padding:4px 12px; border:none; cursor:pointer}
.navbtn2:hover, .navbtn2:focus {color:#557f7e; background-color:#f4f4f4}
.ddnav2 {float:right; position:relative}
.ddnav-content2 {display:none; position:absolute; background-color:#0a2b24; min-width:180px; overflow:auto; box-shadow:none; right:0; z-index:1; margin-top:22px}
.ddnav-content2 a {color:#dadada; padding:8px 16px; text-decoration:none; display:block}

.ddnav2 a:hover {background-color:#3b5550}
a.header3,a.header3:visited {color:#092b23; font-size:16px; font-weight:bold; text-decoration:none; padding:0 6px 0 6px}
a.header3:hover {color:#d2ccc4; transition:all 0.6s ease}
.bttn-hc2a3 {background-color:#557f7e; color:#f9f9f9; border-radius:8px; border-width:0px; padding:4px 24px; font-size:16px}
.bttn-hc2a3:hover {background-color:#d2ccc4; color:#f9f9f9}
.border-full-nav3 {border-color:#c9dee5; border-style:solid; border-width:1px}
.navbtn3 {font-family:'Watch',sans-serif; font-weight:normal; font-size:14px; background-color:#0a2b24; color:#f4f4f4; padding:4px 12px; border:none; cursor:pointer}
.navbtn3:hover, .navbtn3:focus {color:#0a2b24; background-color:#f4f4f4}
.ddnav3 {float:right; position:relative}
.ddnav-content3 {display:none; position:absolute; background-color:#e0f7ff; min-width:180px; overflow:auto; box-shadow:none; right:0; z-index:1; margin-top:22px}
.ddnav-content3 a {color:#505050; padding:8px 16px; text-decoration:none; display:block}
.ddnav3 a:hover {background-color:#c9dee5}

.dropbtn {background-color:#04AA6D; color:white; padding:16px; font-size:16px; border:none; cursor:pointer}
.dropbtn:hover,.dropbtn:focus {background-color:#3e8e41;}
.dropdown {float:right; position:relative}
.dropdown-content {display:none;position:absolute; background-color:#f1f1f1; min-width:160px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); right:0; z-index:1}
.dropdown-content a {color:black; padding:12px 16px; text-decoration:none; display:block}
.dropdown a:hover {background-color:#dddddd}
.show {display:block}

.f-logo {width:120px}
  @media screen and (max-width:768px) {.f-logo {width:64px}}
  @media screen and (max-width:768px) {.f-position {text-align:center}}
a.footer, a.footer:visited {font-weight:600; color:#f6eee5; text-decoration:none}
a.footer:hover {color:#f7785f; text-decoration:none}




/* grids *******************************************************/

.grid-row {display:flex; flex:0 1 auto; flex-direction:row; flex-wrap:wrap; margin:0 -12px}
  @media screen and (max-width:768px){.grid-row {margin:0 auto}}
.grid-column {flex:1 0 0%; padding:0 12px}
  @media screen and (max-width:768px){.grid-column{flex-grow:1; flex-basis:100%!important; max-width:100%!important; padding:0; margin-left:0}}
.grid-column--mobile {flex:1 0 0%;padding:0px}
	@media screen and (max-width:40em) {.grid-column--mobile {padding:0; margin-left:0}}
.column--top {align-self:flex-start}
.column--center {align-self:center}
.column--bottom {align-self:flex-end}
.span-0 {flex-basis:4.16666%; max-width:4.16666%}
.span-1 {flex-basis:8.33333%; max-width:8.33333%}
.span-2 {flex-basis:16.66667%; max-width:16.66667%}
.span-3,.span-one-fourth {flex-basis:25%; max-width:25%}
.span-4,.span-one-third {flex-basis:33.33333%; max-width:33.33333%}
.span-5 {flex-basis:41.66667%; max-width:41.66667%}
.span-6,.span-half {flex-basis:50%; max-width:50%}
.span-7 {flex-basis:58.33333%; max-width:58.33333%}
.span-8,.span-two-thirds {flex-basis:66.66667%; max-width:66.66667%}
.span-9,.span-three-fourths {flex-basis:75%; max-width:75%}
.span-10 {flex-basis:83.33333%; max-width: 83.33333%}
.span-11 {flex-basis:91.66667%; max-width: 91.66667%}
.span-12,.span-whole {flex-basis:100%; max-width:100%}
.span-one-fifth {flex-basis:20%; max-width:20%}
.span-two-fifths {flex-basis:40%; max-width:40%}
.span-two-fourths {flex-basis:50%; max-width:50%}
.span-three-fifths {flex-basis:60%; max-width:60%}
.span-four-fifths {flex-basis:80%; max-width:80%}
.grid-row--flex-cells>.grid-column {display:flex}
.grid-row--flex-cells>.grid-column>div {width:100%}
.grid-row--top{align-items:flex-start}
.grid-row--center {align-items:center}
.grid-row--bottom {align-items:flex-end}




/* paddings & margins ******************************************/

.p0 {padding:0}
.pt0 {padding-top:0}
.pr0 {padding-right:0}
.pb0 {padding-bottom:0}
.pl0 {padding-left:0}
.p1 {padding:10px}
.pt1 {padding-top:10px}
.pr1 {padding-right:10px}
.pb1 {padding-bottom:10px}
.pl1 {padding-left:10px}
.p2 {padding:40px}
.pt2 {padding-top:40px}
.pr2 {padding-right:40px}
.pb2 {padding-bottom:40px}
.pl2 {padding-left:40px}
.p3 {padding:80px}
.pt3 {padding-top:80px}
.pr3 {padding-right:80px}
.pb3 {padding-bottom:80px}
.pl3 {padding-left:80px}
.p4 {padding:160px}
.pt4 {padding-top:160px}
.pr4 {padding-right:160px}
.pb4 {padding-bottom:160px}
.pl4 {padding-left:160px}

.m0 {margin:0}
.mt0 {margin-top:0}
.mr0 {margin-right:0}
.mb0 {margin-bottom:0}
.ml0 {margin-left:0}
.m1 {margin:10px}
.mt1 {margin-top:10px}
.mr1 {margin-right:10px}
.mb1 {margin-bottom:10px}
.ml1 {margin-left:10px}
.m2 {margin:40px}
.mt2 {margin-top:40px}
.mr2 {margin-right:40px}
.mb2 {margin-bottom:40px}
.ml2 {margin-left:40px}
.m3 {margin:80px}
.mt3 {margin-top:80px}
.mr3 {margin-right:80px}
.mb3 {margin-bottom:80px}
.ml3 {margin-left:80px}
.m4 {margin:160px}
.mt4 {margin-top:160px}
.mr4 {margin-right:160px}
.mb4 {margin-bottom:160px}
.ml4 {margin-left:160px}




/* alignments **************************************************/

.align-left {text-align:left}
.align-center {text-align:center}
.align-right {text-align:right}
.align-justify {text-align:justify}
.no-bullets {list-style:none}
.list-bullet {padding-left:30px}
.list-inline {font-size:0}
.list-inline li {display:inline-block; font-size: 1rem}
.list-inline li {display:inline-block; font-size:1rem}




/* borders n rounded *******************************************/

.border-full {border-color:#f4f4f4; border-style:solid; border-width:2px}
.border-top {border-top-color:#f4f4f4; border-top-style:solid; border-top-width:2px}
.border-right {border-right-color:#f4f4f4; border-right-style:solid; border-right-width:2px}
.border-bottom {border-bottom-color:#f4f4f4; border-bottom-style:solid; border-bottom-width:2px}
.border-left {border-left-color:#f4f4f4; border-left-style:solid; border-left-width:2px}
.border-none {border:0}

.rounded {border-radius:8px}
.rounded-circle {border-radius:200px}
.rounded-top {border-radius:8px 8px 0 0}
.rounded-right {border-radius:0 8px 8px 0}
.rounded-bottom {border-radius:0 0 8px 8px}
.rounded-left {border-radius:8px 0 0 8px}
.circle {border-radius:50%}


/* IMGS ******************************************************************************************************/
img {border-style:none}
a.img {border-bottom:0}




/* plugins *****************************************************/

.prevent-select {-webkit-user-select:none;-ms-user-select:none;user-select:none;}

.wp-pagenavi {clear:both}
.wp-pagenavi a, .wp-pagenavi span {color:#606060; text-decoration:none; background-color:#f9f9f9; border-radius:8px; padding:8px 20px; margin:4px}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#f9f9f9; background-color:#547f7e}

.tag-list {margin:0; padding-inline:0; list-style:none}
.tag-list li {background-color:transparent; text-align:center}
.scroller__inner {padding-block:auto; display:flex; flex-wrap:wrap; gap:1rem}
.scroller[data-animated=true] {overflow:hidden}
.scroller[data-animated=true] .scroller__inner {width:fit-content; flex-wrap:nowrap; animation:scroll 50s linear infinite;}
  @keyframes scroll {to {transform: translate(calc(-50% - 0.5rem))}}


























/* misc ********************************************************/

table {display:table;max-width:100%}
td,th {line-height:1.6rem;vertical-align:middle}
th {text-align:left}
form {font-size:1rem}
fieldset {border:0;min-width:0}
legend {line-height:inherit;margin:0}
input,optgroup,select,textarea {line-height:inherit}
input,label,select {vertical-align:middle}
input[type=file] {display:block;width:100%}
textarea {height:auto;resize:vertical}
input:focus,select:focus,textarea:focus {outline:0}
select[multiple],select[size] {height:auto}
.select--list:after {content:none!important}
option {color:#4c4c4c;background-color:#fff}
fieldset[disabled] input,input[disabled],input[readonly] {cursor:not-allowed;opacity:1;pointer-events:none}
button {line-height:inherit;vertical-align:middle}
	@media screen and (max-width:50em){input,select,textarea{font-size:16px}}
embed,iframe,img,object {display:inline-block;vertical-align:middle}iframe{border:0}img{border:0;font-style:italic;height:auto}svg{max-height:100%}
*,:after,:before {box-sizing:inherit}
canvas,iframe,img,svg,video {max-width:100%}
ol,ul {margin-bottom:0}
ol ol,ol ul,ul ol,ul ul {margin-bottom:0}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}textarea{overflow:auto}
details{display:block}
summary{display:list-item}template{display:none}
blockquote,caption,dd,dl,fieldset,figure,form,hr,ol,pre,table,td,th,ul {margin:0;padding:0}
img::selection {background:0 0}
.no-bullets{list-style:none}
.list {padding-left:2.4rem}
.list--inline{font-size:0}
.list--inline li{display:inline-block;font-size:1rem}
hr {border:0;border-top:1px solid #b2b2b2;display:block;height:1px}
.responsive {width:100%; height:auto}
.responsive-map {overflow:hidden; padding-bottom:600px; position:relative; height:0}
.responsive-map iframe {left:0; top:0; height:600px; width:100%; position:absolute}
.responsive-map2 {overflow:hidden; padding-bottom:600px; position:relative; height:0}
.responsive-map2 iframe {left:0; top:0; height:600px; width:100%; position:absolute}

.on-mobile {display: none!important}
  @media screen and (max-width:768px) {.on-mobile {display: block!important}
.off-mobile {display: none!important}}


/*********************************************************************************************************************************************************************************************/
.form-control {background:#ffffff; border:2px solid #f9f9f9; border-radius: 8px; color:#606060; display:block; font-family: 'PlusJakartaSans', sans-serif; font-size:16px; line-height:24px; max-width:100%; padding:6px; width:100%}
.form-control-bttn {background:#27ddbb;border:2px solid #27ddbb;border-radius: 8px;color:#f9f9f9;display:block; font-family: 'Watch', sans-serif;font-size:16px;line-height:24px;max-width:100%;padding:6px;width:100%}
.label{cursor:default;display:inline-block;max-width:100%}
.legend{display:block;white-space:normal;width:100%}
.form--stacked .checkbox,.form--stacked .input,.form--stacked .label,.form--stacked .radio,.form--stacked .select,.form--stacked .textarea{display:block;width:100%}
.form--inline .form-control{display:inline-block;vertical-align:middle;width:auto}
.form--inline .checkbox,.form--inline .radio{display:inline-block;vertical-align:middle}
.select{color:#4c4c4c;display:block;position:relative}
.select select{background-color:#fff;border:1px solid #b2b2b2;border-radius:12px;color:#4c4c4c;cursor:pointer;display:inline-block;font-family:"Open Sans",Avenir,"Avenir Next",Trebuchet,Verdana,sans-serif;line-height:1.6rem;margin:0;outline:0;padding:.45rem .8rem .35rem;width:100%;appearance:none}
.select select>option{background-color:#fff}
.select:after{border-top:5px solid;border-right:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid transparent;content:"";display:inline-block;height:0;margin-top:-2px;pointer-events:none;position:absolute;right:13px;top:50%;width:0}
.control{color:#4c4c4c;cursor:pointer;display:block;padding-left:1.6rem;position:relative}
.control input{opacity:0;position:absolute;z-index:-1}
.control-indicator{background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:50% 50%;border:2px solid #b2b2b2;color:#4c4c4c;display:block;font-size:65%;height:19px;left:0;position:absolute;text-align:center;top:.1rem;width:19px;user-select:none}
.control input:hover~.control-indicator{border-color:#6e6e6e}
.control input:checked~.control-indicator{background-color:#16a0e5;color:#fff;transition:.6s ease-out;border:2px solid #16a0e5}
.control input:active~.control-indicator{background-color:#16a0e5;color:#fff;transition:.6s ease-out;border:2px solid #16a0e5}
.checkbox .control-indicator{border-radius:12px}
.checkbox input:checked~.control-indicator{background-image:url(../img/check.svg);transition:.6s ease-out}
.radio .control-indicator{border-radius:50%}
.radio input:checked~.control-indicator{background-image:url(../img/radio.svg);transition:.6s ease-out}

.line-height--base{line-height:1.6rem}
.line-height--heading{line-height:1}
.font--heading{font-family:"Open Sans",Avenir,"Avenir Next",Trebuchet,Verdana,sans-serif}
.font--reading{font-family:Georgia,Times,serif}
.font--ui{font-family:"Open Sans",Avenir,"Avenir Next",Trebuchet,Verdana,sans-serif}

/* scroller text *******************************************************************************************/


/* prevent selection *******************************************************************************************/


.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top--0{top:0}.right--0{right:0}.bottom--0{bottom:0}.left--0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.z5{z-index:5}.vertical--top{vertical-align:top}.vertical--middle{vertical-align:middle}.vertical--bottom{vertical-align:bottom}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow--scroll{overflow:scroll}.overflow--hidden{overflow:hidden}.overflow--visible{overflow:visible}.overflow--auto{overflow:auto}.show-on-mobile{display:none!important}@media screen and (max-width:40em){.block-on-mobile,.show-on-mobile{display:block!important}.hide-on-mobile{display:none!important}}.float--left{float:left}.float--right{float:right}.float--none{float:none}.full-width{width:100%}.half-width{width:50%}.fit{max-width:100%}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}