/** @file Generic base elements. */

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

html, body { height: 100%; opacity: 1; box-sizing: border-box; margin: 0; padding: 0; color: #283d38; font-weight: normal; font-family: 'lora', sans-serif; font-size: 100%; font-style: normal;
    -webkit-font-smoothing: antialiased; }
body { overflow-x: hidden;
    cursor: url('../../images/cursor20.png'), auto; }

body.admin {  }
body.admin .first-content { text-align: center; }

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

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

h1 { margin: 0 0 30px 0; font-size: 38px; }
h2 { margin: 0; line-height: 1.15; letter-spacing: .2px; }
h3 { margin: 0; padding: 0; text-transform: uppercase; text-align: left; margin: 30px 0 10px 0; font-size: 14px; line-height: 22px; }
h4 { margin: 0 0 25px 0; font-size: 14px; }

p { font-family: 'lora', sans-serif; font-weight: normal; letter-spacing: normal; text-align: left; font-size: 16px; line-height: 26px; margin: 0 0 30px 0; }
p a { font-family: 'lorabold', sans-serif; color: #F7C9D0;  font-size: 17px; text-decoration: none; }
p a:hover { text-decoration: underline; }

a { text-decoration: none;
    cursor: url('../../images/pointer20.png'), auto; }
a:hover { text-decoration: underline; }
a:focus {  }

blockquote { margin: 0; padding: 0; }

button { pointer-events: all;
    -moz-appearance: none; -webkit-appearance: none; appearance: none;
    cursor: url('../../images/pointer20.png'), auto; }

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

img { display: block; width: 100%; max-width: 100%; height: auto; border: 0; }

/** Universal tyoe stuffs **/

.js-pager__items.pager { text-align: center; }
.js-pager__items.pager a.button { display: inline-block; color: #ffb9c4; border: 1px solid #ffb9c4; padding: 15px 25px; margin-top: 30px; font-family: 'eucmed', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-size: 13px; text-decoration: none; 
    background-color: transparent; }
.js-pager__items.pager a.button:hover { color: #ffffff; border: 1px solid #ffb9c4;
    background-color: #ffb9c4; }

nav.pager { width: 100%; text-align: center; padding: 0 10%; margin: 50px 0 15px; }
nav.pager ul {  }
nav.pager ul li { display: inline-block; position: relative; height: 22px; width: 22px; overflow: hidden; margin: 0 10px 5px; cursor: pointer; border-radius: 12px; border: 2px solid #ffffff;
    background: #F7C9D0; }
nav.pager ul li.is-active { background: #000000;
    border: 2px solid #000000; }
nav.pager ul li.is-active a { pointer-events: none; }

nav.pager ul li.pager__item--ellipsis {  }
nav.pager ul li.pager__item--next {  }
nav.pager ul li.pager__item--last {  }

nav.pager ul li.pager__item--ellipsis { display: none; }

nav.pager ul li.pager__item--next,
nav.pager ul li.pager__item--last,
nav.pager ul li.pager__item--next a,
nav.pager ul li.pager__item--last a { width: auto; }

nav.pager ul li.pager__item--next a,
nav.pager ul li.pager__item--last a { padding: 0 10px; }

nav.pager ul li a { display: block; position: relative; padding: 0; margin: 0; font-family: 'eucmed', sans-serif; font-size: 11px; width: 22px; top: -2px; left: -2px; letter-spacing: normal; line-height: 22px; text-transform: uppercase; color: #ffffff; cursor: pointer; pointer-events: all; border: none;
    background-color: transparent; }
nav.pager ul li:hover { background: #000000;
    border: 2px solid #000000; }

/** Specific Block Styles **/

.messages__wrapper { width: 100%; text-align: center; padding: 0 20px; }
.messages__wrapper a { color: #e7277d; }
.messages__wrapper a:hover { text-decoration: underline; }

#block-coup-primary-local-tasks ul { width: 100%; text-align: center; padding: 25px 0; }
#block-coup-primary-local-tasks ul li { display: inline-block; margin: 0 3px; }
#block-coup-primary-local-tasks ul li a { display: block; font-family: 'eucmed', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; font-size: 11px; color: #ffffff; text-decoration: none; padding: 4px 10px; border-radius: 100px;
    background-color: #e7277d; }
#block-coup-primary-local-tasks ul li a.is-active { color: #999999; pointer-events: none;
    background-color: #efefef; }
#block-coup-primary-local-tasks ul li a:hover { background-color: #a31253; }