.bg-primary-dark{background: #212b48;}
.bg-secondary-dark{background: #4d6243;}
.bg-primary-light{background: #f0f4f0;}
.bg-secondary-light{background: #a7b5a6;}
.text-justify{text-align:justify;}

.post-thumbnils {
    overflow: hidden;
}
.post-thumbnils a {
    display: block;
}
.post-thumbnils a img {
    width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: contain;
}
.text-shadow{text-shadow: 4px 4px 8px #000000;}
.cursor-pointer{cursor: pointer;}

.color-1{color: #A1B8A3 !important;}
.color-2{color: #21294B !important;}
.color-3{color: #4A4E69 !important;}
.color-4{color: #4C6144 !important;}
.color-5{color: #145DA0 !important;}
.color-6{color: #0C2D48 !important;}
.color-7{color: #2E8BC0 !important;}
.color-8{color: #B1D4E0 !important;}
.color-9{color: #41729F !important;}
.color-10{color: #5885AF !important;}
.color-11{color: #274472 !important;}
.color-12{color: #C3E0E5 !important;}

.bg-color-1{background-color: #A1B8A3 !important;}
.bg-color-2{background-color: #21294B !important;}
.bg-color-3{background-color: #4A4E69 !important;}
.bg-color-4{background-color: #4C6144 !important;}
.bg-color-5{background-color: #145DA0 !important;}
.bg-color-6{background-color: #0C2D48 !important;}
.bg-color-7{background-color: #2E8BC0 !important;}
.bg-color-8{background-color: #B1D4E0 !important;}
.bg-color-9{background-color: #41729F !important;}
.bg-color-10{background-color: #5885AF !important;}
.bg-color-11{background-color: #274472 !important;}
.bg-color-12{background-color: #C3E0E5 !important;}

.kenburns {
    -webkit-animation: kenburns 10s;
    -moz-animation: kenburns 10s;
    -o-animation: kenburns 10s;
    animation: kenburns 10s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

@keyframes kenburns {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
        -moz-transform: scale(1.2, 1.2) rotate(0.1deg);
        -ms-transform: scale(1.2, 1.2) rotate(0.1deg);
        -o-transform: scale(1.2, 1.2) rotate(0.1deg);
        transform: scale(1.2, 1.2) rotate(0.1deg);
    }
}

@-webkit-keyframes kenburns {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
        -moz-transform: scale(1.2, 1.2) rotate(0.1deg);
        -ms-transform: scale(1.2, 1.2) rotate(0.1deg);
        -o-transform: scale(1.2, 1.2) rotate(0.1deg);
        transform: scale(1.2, 1.2) rotate(0.1deg);
    }
}

@-o-keyframes kenburns {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
        -moz-transform: scale(1.2, 1.2) rotate(0.1deg);
        -ms-transform: scale(1.2, 1.2) rotate(0.1deg);
        -o-transform: scale(1.2, 1.2) rotate(0.1deg);
        transform: scale(1.2, 1.2) rotate(0.1deg);
    }
}

@-moz-keyframes kenburns {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
        -moz-transform: scale(1.2, 1.2) rotate(0.1deg);
        -ms-transform: scale(1.2, 1.2) rotate(0.1deg);
        -o-transform: scale(1.2, 1.2) rotate(0.1deg);
        transform: scale(1.2, 1.2) rotate(0.1deg);
    }
}

@-ms-keyframes kenburns {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    to {
        -webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
        -moz-transform: scale(1.2, 1.2) rotate(0.1deg);
        -ms-transform: scale(1.2, 1.2) rotate(0.1deg);
        -o-transform: scale(1.2, 1.2) rotate(0.1deg);
        transform: scale(1.2, 1.2) rotate(0.1deg);
    }
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#fff;
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
}