/* theme ************************************************************/

/*

    https://css-tricks.com/snippets/css/ribbon/
    http://basicuse.net/articles/pl/textile/html_css/changing_shape_of_a_block_to_look_like_diamond_ribbon_or_right_and_left_arrows_using_only_css
    http://codepen.io/I-is-kevin/pen/RaqqQg
    http://codepen.io/web-tiki/pen/ByqBVB

*/

/* reset ************************************************************/

/* fonts ************************************************************/

@import url(https://fonts.googleapis.com/css?family=Vast+Shadow);
@import url(https://fonts.googleapis.com/css?family=Cookie); /* vintage cursrive */

@import url(https://fonts.googleapis.com/css?family=Six+Caps);
@import url('https://fonts.googleapis.com/css?family=Rye');
@import url('https://fonts.googleapis.com/css?family=Ewert');

@import url(https://fonts.googleapis.com/css?family=Domine); /* classic serif font */
@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT); /* classic serif font */

@import url(https://fonts.googleapis.com/css?family=Overpass+Mono);

/* font-family: 'Bigshot One' */
@import url('https://fonts.googleapis.com/css?family=Bigshot+One&display=swap'); /* western news paper */

@import url('https://fonts.googleapis.com/css?family=IM+Fell+English&display=swap'); /* handwritten poster */

/* default **********************************************************/

html {
    background: #745741 url(img/e_body_bgstack.png) 50% 50%;
}

body {
    margin: 0;
    padding: 0;
    cursor: default;

    overflow-x: hidden;

    color: #1e1e1e;
    font:
        14px/30px tahoma,
        sans-serif;
}

.hidden,
.element-invisible,
.print {
    display: none;
}
.clean {
    clear: both;
    display: block;
}

::-moz-focus-inner {
    border: 0;
}
input[type='submit']:focus {
    outline: 0;
}
::-webkit-input-placeholder,
:-moz-placeholder {
    color: white;
}
::selection,
::-moz-selection {
    color: white;
    background: black;
}

a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color: #0373bb;
}

hr {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #b1b1b1;
}

option {
    padding: 5px;
}

strong {
    font-weight: bold;
}
em {
    font-style: italic;
}

address {
}

.center {
    text-align: center;
}

/* fonts */

.text-handwritten {
    font-family: 'IM Fell English', serif;
    font-size: 22px;
    line-height: 32px;
}

/* article **********************************************************/

article ul,
article ol {
    padding: 5px 0 0 0;
    margin: 0 0 15px 20px;
}

article ul {
    list-style: square;
}

article p {
    margin: 0 0 30px 0;
}

article img {
    max-width: 100%;
    display: block;
}

/* layout ***********************************************************/

.body-wrapper {
    width: 980px;

    background:
        url(img/e_header_bg.png) 50% 0 no-repeat,
        url(img/e_footer_bg.png) 50% 100% no-repeat,
        url(img/e_article_bg.png) 50% 0 repeat-y;
    background-color: #ece6d6;

    margin: 0 auto;
    padding: 50px 0 50px 0;
}

header {
    padding: 50px 20px 0px 20px;
    /* padding: 30px; */
    position: relative;
    display: block;
}

/* http://www.visualswirl.com/tutorials/tutorial-burnt-wood-text-effect-photoshop/ */

header h1 {
    font-family: Rye, Georgia, 'Times New Roman', serif;
    font-size: 73px;
    line-height: 100px;
    padding: 0;
    margin: 0;
    /* letter-spacing: 4px; */
    /* line-height: 80px; */
    /* padding: 20px 0 10px 0; */
    text-align: center;
    font-weight: normal;
    display: block;

    text-transform: uppercase;

    color: #333;

    /* text-shadow: 0px 0px 5px rgba(0,0,0,0.4); */

    /* text-shadow: */
    /*    0px -2px 4px #fff, */
    /*    0px -2px 10px #FF3, */
    /*    0px -10px 20px #F90, */
    /*    0px -20px 40px #C33; */

    background-image: url(img/e_article_bg_i.png);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.height220 {
    height: 220px;
}

@media only screen and (max-width: 980px) {
    header h1 {
        font-size: 7vw;
    }
    header h1.date {
        font-size: 8vw;
    }
}

article {
    margin: 0;
    padding: 0 20px;
    min-height: 200px;
    position: relative;
    z-index: 1;
}

article.grid {
    margin: 0;
    padding: 0 20px;
    min-height: 200px;
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: 'intro intro' 'left right' 'gallery gallery';
}

article section.text {
    grid-area: intro;
}

article section.left {
    grid-area: left;
}
article section.right {
    grid-area: right;
}

article section.gallery {
    grid-area: gallery;
    text-align: center;
    padding: 0 10px;
}

article h2 {
}

h2 {
    font-family: 'Bigshot One', serif;
    font-size: 40px;
    line-height: 35px;
    letter-spacing: 1px;
    font-weight: normal;

    /* border-top: 1px solid #333; */
    /* border-bottom: 1px solid #444; */
    /* padding: 20px 0; */
    /*  */
    /* text-align: center; */
    /*  */
    /* color: #333; */
}

article h3 {
    font-family: 'Vast Shadow', Georgia, 'Times New Roman', serif;
    font-family: 'Cookie', serif;
    font-size: 30px;
    padding: 0 0 20px 0;
    font-weight: normal;

    color: #333;
}

article address {
    padding: 0 0 20px 0;
}

footer {
    padding: 30px;
}

article .gallery {
    padding: 50px 0 0 0;
}
article .gallery img {
    display: block;
    width: 100%;
    margin: 2px 0 8px 0;
}

/* elements **********************************************************/

table {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
    margin: 0 0 20px 0;
}

table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table tr td {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: rgba(240, 240, 240, 0.2);
    padding: 10px 10px;
    line-height: 20px;

    vertical-align: top;

    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #bbb;
}

table tr td p {
    margin: 0;
}
table tr td img {
    float: none;
    display: inline;
}
table tr td.right {
    text-align: right;
}
table tr td.center {
    text-align: center;
}

.header-child {
    width: 90%;
    margin: 0 auto;
    max-width: 900px;
    position: relative;

    /* background: red; */
}

.header-canvas {
    transform-origin: center center;
    transform: translate(-50%, -50%);

    width: 450px;
    height: 250px;
    /* margin: 0 auto; */
    color: #333;

    position: relative;
    z-index: 1;
    overflow: hidden;

    padding-top: 60px;

    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header-canvas .bow {
    font-family: 'Six Caps';
    font-size: 30px;
    text-align: center;
    border-bottom: 3px double #333;
    text-transform: uppercase;
    position: absolute;

    left: -42px;
    top: -70px;
}

.bow .text {
    position: relative;
    width: 400px;
    height: 20px;
    transform: rotate(-60deg);
}

.bow .textt span {
    font:
        26px 'Six Caps',
        MonoSpace;
    height: 200px;
    position: absolute;
    width: 20px;
    left: 0;
    top: 0;
    transform-origin: bottom center;
}

.char1 {
    transform: rotate(6deg);
}
.char2 {
    transform: rotate(12deg);
}
.char3 {
    transform: rotate(18deg);
}
.char4 {
    transform: rotate(24deg);
}
.char5 {
    transform: rotate(30deg);
}
.char6 {
    transform: rotate(36deg);
}
.char7 {
    transform: rotate(42deg);
}
.char8 {
    transform: rotate(48deg);
}
.char9 {
    transform: rotate(54deg);
}
.char10 {
    transform: rotate(60deg);
}
.char11 {
    transform: rotate(66deg);
}
.char12 {
    transform: rotate(72deg);
}
.char13 {
    transform: rotate(78deg);
}
.char14 {
    transform: rotate(84deg);
}
.char15 {
    transform: rotate(90deg);
}
.char16 {
    transform: rotate(96deg);
}
.char17 {
    transform: rotate(102deg);
}
.char18 {
    transform: rotate(108deg);
}
.char19 {
    transform: rotate(114deg);
}
.char20 {
    transform: rotate(120deg);
}
.char21 {
    transform: rotate(126deg);
}
.char22 {
    transform: rotate(132deg);
}
.char23 {
    transform: rotate(138deg);
}
.char24 {
    transform: rotate(144deg);
}
.char25 {
    transform: rotate(150deg);
}
.char26 {
    transform: rotate(156deg);
}

.header-canvas .invite {
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Six Caps';
    font-size: 50px;
}

.starline {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Old Standard TT', serif;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 5px;
}
.big {
    font-size: 9px;
}
.bigger {
    font-size: 13px;
}
.biggest {
    font-size: 16px;
}
.header-canvas .mainline {
    font-family: 'Rye';
    font-size: 59px;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    margin-bottom: 5px;
}
.header-canvas .additional {
    font-family: 'Six Caps';
    margin-bottom: 5px;
}
.header-canvas .additional .ribbon {
    margin: 0 auto;
    display: block;
    font-family: 'Cookie';
    font-size: 25px;
}
.header-canvas .est {
    font-family: 'Old Standard TT', serif;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.header-canvas .est:after,
.header-canvas .est:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #333;
    margin: 0 10px 7px 10px;
}

/* http://jsfiddle.net/zjw3pg2e/2/ */
.scoopbox {
    position: relative;
    background: #ece6d6 url(img/e_article_bg_i.png) 50% 50% no-repeat;
    background: transparent;
    padding: 20px;

    min-width: 160px;
    min-height: 160px;

    margin: 20px;
    /* margin: 0px 20px 20px 20px; */
}
.scoopbox,
.scoopbox .ne,
.scoopbox .nw,
.scoopbox .se,
.scoopbox .sw {
    border: 3px solid black;
    border-color: #333;
}
.scoopbox .ne,
.scoopbox .nw,
.scoopbox .se,
.scoopbox .sw {
    background: #fff;
    background: #ece6d6 url(img/e_article_bg.png) 50% 50% no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
}
.scoopbox .sw {
    left: -3px;
    bottom: -3px;
    border-radius: 0px 20px 0px 0px;
    border-width: 3px 3px 0 0;
}
.scoopbox .se {
    right: -3px;
    bottom: -3px;
    border-radius: 20px 0px 0px 0px;
    border-width: 3px 0 0 3px;
}
.scoopbox .nw {
    left: -3px;
    top: -3px;
    border-radius: 0px 0px 20px 0px;
    border-width: 0 3px 3px 0;
}
.scoopbox .ne {
    right: -3px;
    top: -3px;
    border-radius: 0px 0px 0px 20px;
    border-width: 0 0 3px 3px;
}

.scoopbox.outer {
    margin: 0 20px 20px 20px;
    padding: 10px;
}
.scoopbox.inner {
    margin: 0;
}

.scoopbox.outer > .ne,
.scoopbox.outer > .nw,
.scoopbox.outer > .se,
.scoopbox.outer > .sw {
    z-index: 40;
}
.scoopbox.inner > .ne,
.scoopbox.inner > .nw,
.scoopbox.inner > .se,
.scoopbox.inner > .sw {
    width: 20px;
    height: 20px;
}
.scoopbox.inner .sw {
    border-radius: 0px 25px 0px 0px;
}
.scoopbox.inner .se {
    border-radius: 25px 0px 0px 0px;
}
.scoopbox.inner .nw {
    border-radius: 0px 0px 25px 0px;
}
.scoopbox.inner .ne {
    border-radius: 0px 0px 0px 25px;
}

.scoopbox.fill {
    background: url(img/e_article_bg_i.png);
    color: #efefef;
    border: none;
}
.scoopbox.fill > .ne,
.scoopbox.fill > .nw,
.scoopbox.fill > .se,
.scoopbox.fill > .sw {
    border: none;
}

.scoopbox h2 {
    text-align: center;
    margin: 5px 0 20px 0;
    padding: 0;
}

.scoopbox.fill h2 {
    color: #efefef;
}

.prompt-box .scoopbox {
    background: white;
}

.prompt-box .scoopbox .ne,
.prompt-box .scoopbox .nw,
.prompt-box .scoopbox .se,
.prompt-box .scoopbox .sw {
    background: #fff;
}

.box2 {
    position: relative;
    height: 160px;
    width: 160px;
    overflow: hidden;
    left: 20px;
    top: 20px;
}
.box2:before {
    content: '';
    position: absolute;
    left: 0;
    margin: -20px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background: #d8d8d8;
    box-shadow:
        160px 0 0 #d8d8d8,
        0 160px 0 #d8d8d8,
        160px 160px 0 #d8d8d8,
        0 0 0 500px white;
}

.cowboy-box {
    overflow: hidden;

    background: #1d538a;
    background: #333;
    color: #fff !important;

    position: relative;
}
.cowboy-box p {
    color: inherit;
}
.cowboy-box.right {
    float: right;
    width: 350px;
    padding: 20px 0px;
    margin: 5px 0 40px 20px;
}
.cowboy-box .circle {
    width: 50px;
    height: 50px;

    border-radius: 100px;

    position: absolute;
    /* left:-25px; */
    /* top: -25px; */

    background: #ece6d6 url(img/e_article_bg.png) 50% 50% no-repeat;
    color: #999;
}

.cowboy-box .circle.upper {
    top: -25px;
}
.cowboy-box .circle.lower {
    bottom: -25px;
}
.cowboy-box .circle.left {
    left: -25px;
}
.cowboy-box .circle.right {
    right: -25px;
}

.cowboy-box h3 {
    color: #efefef;
    text-align: center;
    font-size: 35px;
}

.cowboy-box form {
    padding: 20px;
}

.cowboy-box.map {
    margin: 0;
    float: right;
    width: 360px;
    clear: right;
    margin: 0 0 40px 20px;
}
.cowboy-box.map .circle {
    border: 1px solid #333;
    z-index: 20;
}

#map {
    height: 600px;
    width: 100%;
    border: 1px solid #333;
}

#map:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #333;
    z-index: 2;
}

.border-menu {
    display: none;
    z-index: 200;
    width: 35px;
    height: 20px;

    position: relative;
    float: right;

    cursor: pointer;

    background: white;
    border: 10px solid white;
    border-radius: 100px;
}

.border-menu:after,
.border-menu:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    transition:
        transform 0.3s,
        top 0.3s,
        left 0.3s;
}

.border-menu:after {
    top: 0;
    border-top: 4px solid #000;
}

.border-menu:before {
    bottom: 0;
    height: 4px;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
}

.active .border-menu:before {
    bottom: 6px;
    border-bottom: 0;
    border-top: 4px solid #000;
    transform: rotate(-45deg);
}

.active .border-menu:after {
    top: 6px;
    border-top: 4px solid #000;
    transform: rotate(45deg);
}

/* ui */
/* Prompt Box */
.ajaxarea {
    z-index: 2000;
    position: relative;
}
.prompt-container {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.5);
    display: block;
    height: 500%;
    left: 0;
    position: fixed;
    z-index: 2001;
    top: 0;
    width: 100%;
}
.prompt-box {
    width: 400px;
    background: white;
    background: linear-gradient(#fff, #f5f5f5);
    background: #fafafa;

    /* NOTE: Margin is set by JS */
    margin: 0 auto 0 auto;
    box-shadow:
        0 0 1px rgba(0, 0, 0, 0.25),
        0 1px 5px 2px rgba(0, 0, 0, 0.05),
        0 5px 4px -3px rgba(0, 0, 0, 0.15);
}
.prompt-box .prompt-header {
    border-width: 0 0 1px 0;
    border-color: #ddd;
    border-style: solid;
    box-shadow: 0 1px 0px #fff;
}
.prompt-box .prompt-header strong {
    display: block;
    padding: 10px 20px;
}
.prompt-box .prompt-message {
    padding: 20px 20px;
}

.prompt-box .prompt-respond {
    padding: 10px 20px;

    border-width: 1px 0 0 0;
    border-color: #fff;
    border-style: solid;
    box-shadow: 0 -1px 0px #ddd;
}
.prompt-box .prompt-respond ul {
    min-height: 20px;
    float: right;
}
.prompt-box .prompt-respond ul li {
    float: left;
    padding: 0 0 0 10px;
}
.prompt-box .prompt-respond ul li a {
}

/* Prompt Box Content */
.prompt-box .prompt-message ul {
    margin: 10px 20px 10px 0;
    list-style: square;
}
.prompt-box ul li {
    padding: 0 0 0 20px;
    line-height: 20px;
}

.prompt-box .prompt-message p {
    margin-bottom: 0;
}

/* Prompt Box Form */
.prompt-box .form {
}
.prompt-box .form input[type='text'] {
    width: 348px;
}

.prompt-box .button {
    font: inherit;
    display: block;
    /* border: 1px solid #eee; */
    cursor: pointer;
    font-family: 'Cookie';
    font-size: 30px;
    line-height: 40px;
}

/* form */
input[type='text'] {
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #aaa #aaa #bbb;
    border-radius: 2px;
    padding: 8px 6px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    width: 95%;
    font: inherit;
    display: block;
    margin: 0 auto 10px auto;
}
input[type='submit'] {
    font: inherit;
    cursor: pointer;
    font-family: 'Cookie';
    font-size: 30px;
    letter-spacing: 2px;
    color: black;

    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 8px 6px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background: transparent;
    width: 100%;
    display: block;
    margin: 0 auto 10px auto;

    border: none;
}

/* ribbons */

.ribbonCatt {
    font-family: 'Bigshot One', serif;
    /* font-weight: 900; */
    /* letter-spacing: 0.2em; */
    /* text-transform: uppercase; */
    color: #f4f4f4;
    background: #4b9ae5;
    background: rgba(0, 0, 0, 0.5);
    background: #333 url(img/e_article_bg_i.png) 50% 50% no-repeat;
    background: #222;

    margin: 50px auto 70px auto;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 0.7em;
    position: relative;
    font-size: 2.5em;
    /* -webkit-transform-style: preserve-3d; */
    /* transform-style: preserve-3d; */
    /* -webkit-transform: rotate(-20deg) skew(-20deg, 10deg); */
    /* transform: rotate(-20deg) skew(-20deg, 10deg); */
}
.ribbonCatt:before,
.ribbonCatt:after {
    background: #4993da;
    box-sizing: border-box;
    content: '';
    width: 0;
    height: 2em;
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0.5em;
    z-index: -1;
    -webkit-transform: translateZ(-1em);
    transform: translateZ(-1em);
}
.ribbonCatt:before {
    border-color: #222 #111 #222 #222;
    box-sizing: border-box;
    left: -0.5em;
    top: 0.5em;
}
.ribbonCatt:after {
    border-color: #222 #222 #222 #111;
    box-sizing: border-box;
    right: -0.5em;
    top: -0.5em;
}

div.diamond,
div.ribbon,
div.right-arrow,
div.left-arrow {
    display: inline-block;
    line-height: 42px;
    margin: 15px 0;
    position: relative;
    width: 90%;
    text-align: center;

    margin: 15px 0 35px 0;
    color: white;
    color: #ece6d6;
    font-family: 'Domine';
    font-size: 35px;

    border: 2px solid #ece6d6;
}

div.diamond:before,
div.diamond:after,
div.ribbon:before,
div.ribbon:after,
div.right-arrow:before,
div.right-arrow:after,
div.left-arrow:before,
div.left-arrow:after {
    content: '';
    border-style: solid;
    border-width: 0;
    height: 0;
    position: absolute;
    width: 0;
}

div.diamond {
    background-color: #cccccc;
}

div.diamond:after,
div.diamond:before {
    border-color: transparent #cccccc;
}

div.diamond:before {
    left: -19px;
    border-width: 19px 19px 19px 0;
}

div.diamond:after {
    right: -19px;
    border-width: 19px 0 19px 19px;
}

div.ribbon {
    background-color: #333;
}

article div.ribbon {
    margin: 0 auto;
    display: block;
    font-family: 'cookie';
    font-size: 30px;
}

div.ribbon:before,
div.ribbon:after {
    top: 6px;
    z-index: -15;
}

div.ribbon:before {
    border-color: #333 #333 #333 transparent;
    border-width: 19px;
    left: -25px;
}

div.ribbon:after {
    border-color: #333 transparent #333 #333;
    border-width: 19px;
    right: -25px;
}

div.right-arrow {
    background-color: #cccccc;
}

div.right-arrow:after,
div.right-arrow:before {
    border-width: 19px 0 19px 19px;
}

div.right-arrow:before {
    border-color: #cccccc transparent;
    left: -19px;
}

div.right-arrow:after {
    border-color: transparent #cccccc;
    right: -19px;
}

div.left-arrow {
    background-color: #cccccc;
}

div.left-arrow:after,
div.left-arrow:before {
    border-width: 19px 19px 19px 0;
}

div.left-arrow:before {
    border-color: transparent #cccccc;
    left: -19px;
}

div.left-arrow:after {
    border-color: #cccccc transparent;
    right: -19px;
}

/* Flaired edges, by Tomas Theunissen */

hr.style-seven {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before {
    /* Not really supposed to work, but does */
    display: block;
    content: '';
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: '§';
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

hr.amper {
    display: block;
    height: 3px;
    border: none;
    border-top: 3px solid #999278;
    border-bottom: 3px solid #999278;
    text-align: center;
    color: #999278;
    margin: 30px 20px 30px 20px;
    overflow: visible;
}
hr.amper:after {
    font-family: Domine;
    content: '§';
    display: inline-block;
    position: relative;
    top: -14px;
    font-size: 50px;
    transform: rotate(-90deg);
}

hr.amper.dark {
    color: #151628;
    border-color: #151628;
}

.stars {
    height: auto;
    color: gold;
    color: #151628;
    text-align: center;
    border: 0;
}
.stars:after {
    content: '★';
    font-size: 2em;
    text-shadow:
        -2em 0,
        -1em 0,
        1em 0,
        2em 0;
}

@media only screen and (max-width: 980px) {
    /* Stops Mobile Safari from auto-adjusting font-sizes */
    body,
    select,
    input,
    textarea {
        -webkit-text-size-adjust: none;
        -webkit-text-size-adjust: 100%;
    }

    body {
    }

    header,
    article {
        padding: 0;
        display: block;
    }

    header {
        padding-top: 30px;
    }

    .body-wrapper {
        width: 100%;
    }

    .begin-article {
        padding: 0 20px;
    }

    .cowboy-box.map {
        display: none;
    }

    .cowboy-box.right {
        float: none;
        margin: 0 auto 30px auto;
    }

    .cowboy-box.right {
        width: 100%;
    }
}

/* print ************************************************************/

/* inlined to avoid required HTTP connection
www.phpied.com/delay-loading-your-print-css/ */

@media print {
    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none;
    }
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a:after {
        content: ' (' attr(href) ')';
    }
    abbr:after {
        content: ' (' attr(title) ')';
    }
    .ir a:after {
        content: '';
    } /* Don't show links for images */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    img {
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}