/* --------------------------------

Primary style

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

body {
    background-color: #1f1f1f;
    font-family: "Open Sans", sans-serif;
    /*font-smooth: never;*/
    cursor : url("../assets/graphics/cursor_default.png") 0 0, auto;
    overflow: hidden;
}

.cd-svg-container {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    left: 0px;
    top: 0px;
    position: absolute;

}


.cd-svg-container svg {
    /*display: block;*/
    /*overflow: hidden;*/
    max-width: 100%;
    left: 0px;
    top: 0px;
}
.no-js .cd-svg-container {
    /*height: 330px;*/
    /*background: url("../img/cd-icon.svg") no-repeat center center;*/
}
/*.no-js .cd-svg-container svg {*/
/*display: none;*/
/*}*/

/* --------------------------------

Manage colors

-------------------------------- */
.cd-stroke {
    stroke-width: 0;
}

.cd-element-svg {
    stroke-width: 0;
}


.cd-element-pl {
    stroke-width: 0;
    fill: #f6303a;
}

.cd-element-color-0 {
    fill: #5a227d;
}

.cd-element-color-1 {
    fill: #a57b29;
}

.cd-element-color-2 {
    fill: #e7674c;
}

.cd-element-color-3 {
    fill: #347aab;
}

.cd-element-color-4 {
    fill: #f1da6a;
}

.cd-element-color-5 {
    fill: #36f158;
}

.cd-stroke-color-1 {
    stroke: #d8d6d6;
    fill: #d8d6d6;
}
.cd-stroke-color-1#floor {
    fill: none;
}

.cd-stroke-color-2 {
    stroke: #6e759a;
    fill: #d8d6d6;
}

.cd-stroke-color-3 {
    stroke: #A84D54;
}

.cd-fill-color-1 {
    fill: #223443;
}

.cd-pointer {
    fill: #FFFFFF;
    opacity: 0;
}

/* --------------------------------

Main elements - Loading

-------------------------------- */
#cd-loading {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
#cd-loading.fade-out {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

#cd-play-btn, #cd-pause-btn {
    cursor: pointer;
}

#cd-pause-btn {
    pointer-events: none;
}

.play-is-clicked #cd-pause-btn {
    pointer-events: auto;
}

/* --------------------------------

Main elements - Buildings

-------------------------------- */
#cd-home-1-chimney, #cd-home-3-roof {
    visibility: hidden;
}
