@font-face {
    font-family: 'FrederickatheGreat-Regular';
    src: url('../fonts/FrederickatheGreat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

body {
    font-family: "Open Sans", Verdana, sans-serif;
    font-size: large;
}

header {
}

section {

}

section.container {
    margin-bottom: 32px;
}

footer {
    margin-top: 32px;
    font-size: small;
}

footer h3 {
    margin-bottom: 32px;
}

h3 span:first-child {
    border-bottom: solid 1px rgb(149, 64, 56);
    padding-bottom: 8px;
}

figure {
    margin: auto;
}

.navbar-inverse h3 span:first-child {
    border-bottom: solid 1px rgb(249, 234, 211);
    padding-bottom: 8px;
}

.puki-top-header {
    padding: 4px;
    font-size: small;
}

.puki-bottom-footer {
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
    background-color: rgb(135, 58, 51);
}

.navbar, .navbar-brand, .navbar-text {
    /*font-family: 'FrederickatheGreat-Regular';*/
    font-size: 36px;
    margin-top: 4px;
    margin-bottom: 5px;
    line-height: 60px;
}

a {
    color: rgb(149, 64, 56);
    border-radius: 4px;
}

.navbar-inverse a {
    color: rgb(249, 234, 211);
}

.nav > li > a:hover,
.nav > li > a:focus {
    color: rgb(249, 234, 211);
    border: 1px rgb(149, 64, 56);
    background-color: rgb(149, 64, 56);
}

.navbar-inverse .navbar-text {
    font-size: 32px;
}

.navbar-toggle .icon-bar {
    background-color: rgb(249, 234, 211);
}

@media (max-width: 993px) {
    .nav > li > a {
        padding: 10px 5px;
    }
}

.navbar-toggle {
    background-color: rgb(149, 64, 56);
    color: rgb(249, 234, 211);

}

.navbar-nav {
    margin: 0;
}

.content-area {
    height: auto;
    /*margin-top: 120px;*/
    margin-bottom: 16px;
}

.pukifont {
    font-family: 'FrederickatheGreat-Regular', serif;
    color: rgb(149, 64, 56);
}

.pukifont-inverse {
    font-family: 'FrederickatheGreat-Regular', serif;
    color: rgb(249, 234, 211);
}

h1.pukifont, h2.pukifont, h3.pukifont {
    font-weight: bold;
}

td.bigred {
    font-family: 'FrederickatheGreat-Regular', serif;
    color: rgb(149, 64, 56);
    font-size: 90pt;
    padding: 0 16px;
    line-height: 94pt;
}

.navbar-inverse {
    background-color: rgb(149, 64, 56);
    color: rgb(249, 234, 211);
}

.pukiback {
    /*background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAKQAAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);*/
    background-color: rgb(149, 64, 56);
    border-color: rgb(149, 64, 56);
    color: rgb(249, 234, 211);
    border-radius: 8px;
}

.puki-btn {
    /*padding: 10px 16px;*/
    width: 95%;
    min-height: 104px;
    /*font-size: 200%;*/
    /*margin: 4px 0;*/
    position: relative;
}

.puki-btn-circle {
    border-radius: 50%;
}

.puki-btn-square {
    border-radius: 18px;
}

.puki-btn-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: transparent;
}

.puki-float-layer {
    color: rgb(149, 64, 56);
    background-color: rgba(249, 234, 211, 0.75);
    padding: 0 8px 8px 8px;
    border-radius: 8px;
}

.puki-col-full-width {
    padding: 0;
}

.puki-tagline {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 45%;
}

.puki-boxes-row {
    /*display: table;*/
    /*height: 100%;*/
}

.puki-boxes-col {
    /*height: 100%;*/
    margin: 8px auto;
    /*float: none;*/
    /*display: table-cell;*/
    vertical-align: top;
}

.puki-round-box {
    /*display: table;*/
    /*height: 100%;*/
    padding: 16px
}

@media (min-width: 992px) {
    .puki-boxes-row {
        display: table;
        height: 100%;
    }

    .puki-boxes-col {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .puki-round-box {
        display: table;
        height: 100%;
    }

}

#globos {
    /*background: #aa0000;*/
    /*background-image: url('imgs/PukiyariFront.png');*/
    padding: 8px;
}

@media (min-width: 1020px) {
    /*#globos > div {*/
    /*width: 45%;*/
    /*}*/
}

#globos, #globitos {
    padding: 8px;
    border-radius: 24px;
}

#globos {
    background: rgba(221, 221, 221, 0.85);
}

#globitos {
    background-color: transparent;
}

.globo, .globito {
    padding: 12px;
    background: rgba(256, 256, 256, 0.85);
    border-radius: 24px;
    /*margin: 24px;*/
    margin: 8px;
    float: left;
    text-align: center;
}

.globo {
    width: 198px;
    height: 220px;
}

.globito {
    width: 120px;
    height: 260px;
}

.globo > div, .globito > div {
    display: table;
    width: 100%
}

.globo > div > div, .globito > div > div {
    display: table-row;
}

.globo > div > div > *, .globito > div > div > * {
    display: table-cell;
    vertical-align: middle;
}

.globo h1, .globo h2, .globo h3, .globo h4, .globo h5,
.globito h1, .globito h2, .globito h3, .globito h4, .globito h5 {
    font-weight: bold;
    text-align: center;
}

.globo h4, .globito h4 {
    height: 58px;
}

.puki-pos-relative {
    position: relative;
}

.puki-pos-bottom {
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 100%;
}

.btn-puki-inverse {
    color: rgb(149, 64, 56);
    background-color: rgb(249, 234, 211);
    border-color: rgb(149, 64, 56);
}

.btn-puki-inverse:hover, .btn-puki-inverse.hover {
    color: rgb(249, 234, 211);
    background-color: rgb(135, 58, 51);
    border-color: rgb(149, 64, 56);
}

.btn-puki-inverse:active, .btn-puki-inverse.active,
.btn-puki-inverse:focus, .btn-puki-inverse.focus {
    color: rgb(249, 234, 211);
    background-color: rgb(135, 58, 51);
    border-color: rgb(119, 51, 45);
}

#kiyari-carousel {
    position: relative;
    height: auto;
    font-family: 'Times New Roman', serif;
}

.puki-click {
    cursor: pointer;
}

.modal {
    color: black;
}

.puki-title-area {
    max-height: 64px;
}

.puki-checks ul {
    list-style: none;
}

.puki-checks li {
    display: block;
}

.puki-checks li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: white;
}

/* Support old style ------------------- */

.site-inner {
    padding: 0
}

img.alignleft {
    margin-right: 10px;
    float: left;
}

img.alignright {
    margin-left: 10px;
    float: right;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

#pride-slide {
    /*color: white;*/
    /*font-size: 12px;*/
    /*line-height: 14px;*/
    position: absolute;
    top: 24px;
    right: 24px;
    width: 100%;
    /*max-width: 960px;*/
    max-height: 120px;
}

#pride-slide > div {
    /*min-width: 50%;*/
}

#pride-slide .item {
    /*width: 100%;*/
    /*min-height: 96px;*/
    max-height: 200px;
}

#pride-slide .item-wrap {
    background: rgba(240, 240, 240, 0.75);
    height: auto;
    border-radius: 16px;
    padding: 16px;
    width: auto;
}

#pride-slide .item-icon {
    text-align: center;
    font-size: 200%;
    color: rgba(149, 64, 56, 0.85);
}

#pride-slide .item-text {
    /*text-align: right;*/
}

@media (max-width: 992px) {
    #pride-slide {
        /*color: white;*/
        /*font-size: 12px;*/
        /*line-height: 14px;*/
        position: absolute;
        top: 16px;
        right: 16px;
        width: 100%;
        /*max-width: 960px;*/
    }
}

@media (max-width: 768px) {
    #pride-slide {
        /*color: white;*/
        /*font-size: 12px;*/
        /*line-height: 14px;*/
        /*position: absolute;*/
        top: 8px;
        right: 8px;
        /*width: 100%;*/
        /*max-width: 960px;*/
    }
}

@media (max-width: 414px) {
    #pride-slide {
        /*color: white;*/
        /*font-size: 12px;*/
        /*line-height: 14px;*/
        position: relative;
        /*top: 0px;*/
        /*right: 0px;*/
        /*width: 100%;*/
        /*max-width: 960px;*/
    }
}

.wp-video {
    margin: 0 auto;
}