/** @file Generic base elements. */

*, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; }

html, body { height: 100%; opacity: 1; box-sizing: border-box; margin: 0; padding: 0; color: #283d38; font-weight: normal; font-family: 'eLight', sans-serif; letter-spacing: 0.1em; font-size: 100%; font-style: normal;
    -webkit-font-smoothing: antialiased; }
body.is-fixed { position: fixed; overflow: hidden; width: 100%; }

[dir="rtl"] body { background-position: top right; }

h1, h2, h3, h4, h5, h6 { font-family: 'ssthin', sans-serif; font-weight: normal; }

h1 { font-size: 32px; letter-spacing: 0.05em; text-align: center; margin: 0; }
h2 { margin: 0; }
h3 { font-family: 'osbold', sans-serif; padding: 0; text-transform: uppercase; text-align: left; margin: 30px 0 10px 0; font-size: 14px; line-height: 22px; }
h4 { margin: 0; }

#block-inbali-page-title h1 { margin-bottom: 50px; }
#block-inbali-page-title h1::after { display: block; content: ' '; width: 60px; height: 1px; border-bottom: 1px solid #283d38; margin: 0 auto;  padding-top: 45px; }

body.user #block-inbali-page-title h1 { margin-bottom: 20px; }
body.user #block-inbali-page-title h1::after { content: none; }

body.frontpage #block-inbali-page-title h1 { display: none; }

p { font-family: 'elight', sans-serif; font-weight: normal; letter-spacing: 0.1em; text-align: left; font-size: 15px; line-height: 26px; margin: 0 0 30px 0; }
p a { letter-spacing: 1px; font-family: 'osbold', sans-serif; font-size: 14px; color: #52c0a7; text-transform: none; }

p.highlight { font-family: 'osbold', sans-serif; letter-spacing: 1px; font-size: 15px; }

a { text-decoration: none;  }
a:hover {  }
a:focus {  }

small { font-size: 10px; line-height: 15px; letter-spacing: 0.1em; }
small a { color: #283d38;
    font-size: 10px;
    
    text-transform: none; }

button { font-family: inherit; }

span.button { display: inline-block; position: relative; font-size: 11px; text-decoration: none; text-align: center; font-family: 'osbold', sans-serif; letter-spacing: 2px; text-transform: uppercase; pointer-events: all; z-index: 0;
    background-color: transparent;
    user-select: none; -webkit-user-select: none; touch-action: manipulation; }
span.button input { background: transparent; border: 1px solid #283d38; }

span.button:after { position: absolute; content: " "; width: 100%; height: 100%; top: 5px; left: 5px; z-index: -1;
    background-color: #52c0a7;
    transition: 0.2s; }
span.button:hover:after,
span.button:active:after { top: 0; left: 0; }

img, video { display: block; width: 100%; height: auto; }
audio { display: block; max-width: 100%; }

ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
ul li { display: block; }

/** Pager Styles **/

nav.pager { display: block; clear: both; text-align: center; padding: 30px 15px 0; }
nav.pager ul {  }
nav.pager ul li { display: inline-block; list-style-type: none; padding: 0 3px; font-family: 'OSBold', sans-serif; text-transform: uppercase; font-size: 10px;
    background-image: none; }
nav.pager ul li.is-active { pointer-events: none; color: #52c0a7; }
nav.pager ul li a { display: inline-block; color: #283d38; letter-spacing: 2px; padding: 0 14px 0 16px; line-height: 38px; border-radius: 19px;
    background-color: #efefef; }
nav.pager ul li.is-active a { background-color: transparent; }

nav.pager ul li a:hover { color: #ffffff;
    background-color: #52c0a7; }