/* General stylings */
html, body {
    height: 100%;
}

body {
    font-family:'Open Sans',sans-serif;
    font-weight:400;
    color:#676767;
    background-color:#efefef;
}

object, embed {
    width:100%;
    height: 100%;
}

a,a:hover {
    color:#77CCDD;
    text-decoration:none;
}

/* General stylings */
.ad-main img, .ad-right img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/* Navigation bar stylings */
nav {
    font-family:'Raleway', sans-serif;
    font-weight:800;
    font-size:125%;
    background-color:#77CCDD;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-dark span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

.navbar-dark button.navbar-toggler {
    border-color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff
}
nav .nav-link:hover {
    color: #efefef
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.drop-main {
    margin: 19px;
}

.drop-right {
    margin: 25px;
}

i.fa-facebook-square {
    color:#3B5998;
    background-color:#fff;
}

i.fa-user {
    color:#3B5998;
}

i.fa {
    font-size: 175%;
}

i.fa:hover{
    background-color:#efefef;
}

form button.submit-btn:hover {
    background-color: transparent;
    color: #efefef
}

form button.submit-btn {
    font-family:'Raleway', sans-serif;
    font-weight:800;
    border-color:#3B5998;
    background-color: transparent;
    color: #fff
}
/* Navigation bar stylings */

/* Carousel stylings */
div.carousel, .no-carousel {
    position: relative;
    top: 35px;
}

/* Carousel stylings */

/* Main content stylings */
.wrap-text .img-resize {
    float: left;
    max-width: 152px;
    min-width: 152px;
    padding: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.post-card {
    top: 40px;
    font-family:'Raleway', sans-serif;
}

.card-header {
    font-family:'Raleway', sans-serif;
    font-weight:800;
    font-size:125%;
    background-color:#77CCDD;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff
}
.card-block {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.readmore {
    position: relative;
}

.readmore:before {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to left,
        rgba(255,255,255, 1) 10%,
        rgba(255,255,255, 0) 100%
    );
    pointer-events: none; /* so the text is still selectable */
}

.card-block img {
    max-width: 100%;
}

.badge-secondary a {
    color: #fff;
}

/* Stylings for footer */
#footer, .push {
    height:210px;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#dfdfdf;
    color:#888;
}

.push {
    background-color:#efefef;
}

.footer-pagination
{
    padding-top: 10px;
    background-color:#efefef;
}