@import "animation.less";
@import "variables.less";
@import "mixins.less";
.master-container {
    overflow: hidden;
    .ccm-ui{
        clear: both;
    }
    .ccm-custom-style-container{
        float: none;
    }
    .c5boxtitle .page-author{
        color: @c5boxtitle-author-color;
    }
    .c5boxtitle .page-date{
        color: @c5boxtitle-date-color;
    }
    .c5boxtitle .page-title{
        color: @c5boxtitle-title-color;
    }
    .c5boxshare ul.list-inline li a{
        border:2px solid @c5boxshare-color;
        color: @c5boxshare-color;
    }
    .grid_4.main-content-thumb {
        display: inline-block;
        vertical-align: top;
        padding-right: 15px;
        width: 32.9%;
        &:last-child {
            padding-right: 0px;
        }
        @media @sm {
            display: block;
            width: 100%;
        }
    }
    .img-bgcover {
        .bradius(5px, 5px, 5px, 5px);
        height: 200px;
        display: block;
        border: 5px solid #fff;
        box-shadow: 1px 1px 2px #ccc;
        display: table;
        width: 100%;
        .transition(all, 0.5s);
        &:before{
            text-align: center;
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            font-size: 1px;
            content: "\f002";
            font-family: FontAwesome;
            color: #fff;
            transition: all 0.5s cubic-bezier(0, 1.8, 1, 1.8);
        }
        &:hover{
            opacity: 0.6;
            &:before{
                content: "\f002";
                font-family: FontAwesome;
                color: #fff;
                font-size: 18px;
            }
        }
    }
    .scrolleffect .pagelistwrapper{
        .pagelistcont{
            h3{
                a.img-bgcover{
                    transform: translateX(20vh);
                    opacity: 0;
                    transition: all 0.5s cubic-bezier(0.89, 0.05, 0.09, 0.99) 0s;

                }
                a.img-bgcover.show{
                    opacity: 1;
                    transform: translateX(0vh) !important;
                    display: table !important;
                    .transition(all, 0.5s);
                    &:hover{
                        opacity: 0.6;
                    }
                }
                
            }
        }
    }

    .ccm-image-slider{
        .rslides_tabs li a {
            border: 1px solid #000;
            border-radius: 999px;
            display: inline-block;
            font-size: 1px;
            height: 15px;
            background:#fff;
            width: 15px;
        }
        .rslides_tabs li {
            display: inline-block;
            margin: 5px;
        }
        li.rslides_here a{
            background: #ddd !important;
        }
    }

    .pagelistwrapper {
        margin: 0px 0px 25px 0px;
        .brim-datebox {
            margin: 0px;
        }
        .pagelistcont {
            border-bottom: 1px solid;
            border-color: inherit;
            /* customize_pagelist-border */border-color: @pagelist-border-color;/* customize_pagelist-border */
            h3{
                a.img-bgcover{
                    // transform: translateX(20vh);
                    // opacity: 0;
                    // transition: all 0.5s cubic-bezier(0.89, 0.05, 0.09, 0.99) 0s;
                }
                a.img-bgcover.show{
                    // opacity: 1;
                    // transform: translateX(0vh) !important;
                }
                
            }
            &:last-child {
                border-bottom: 0px;
            }
            .pl-thumbnail {
                border-color: inherit;
                margin: 20px 0px;
                .pagelistthumbnail {
                    display: table;
                    border-bottom: 1px solid;
                    padding-bottom: 10px;
                    margin-bottom: 10px;
                    width: 100%;
                    /* customize_pagelistthumb-border */border-color: @pagelist-border-color;/* customize_pagelistthumb-border */
                    &:last-child {
                        border-bottom: 0px !important;
                    }
                    .thumbimg {
                        display: table-cell;
                        vertical-align: top;
                        line-height: 100%;
                        .img-bgcover {
                            height: 60px;
                            width: 60px;
                            margin: 0px 15px 0px 0px;
                            display: inline-block;
                            border: 0px;
                            box-shadow: 0px 0px 0px;
                            &:hover:before{
                                content: "" !important;
                                font-size: 1px !important;
                            }
                        }
                    }
                    .thumbdesc {
                        display: table-cell;
                        width: 100%;
                        vertical-align: middle;
                        h2 {
                            font-size: 20px;
                            margin: 0px 0px 5px 0px;
                        }
                        p {
                            margin: 0px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
    #banner, #home-pagetype, #innerwrapper, #footer, #homesection1, #homesection2 {
        ul.nav li a:hover, ul.nav li.nav-selected a {
            text-indent: 10px;
            /* customize_body-navhover-bg */
            background-color: @body-autonav-hovbg-color;
            /* customize_body-navhover-bg */
            /* customize_body-navhover-color */
            color: @body-autonav-hovtx-color;
            /* customize_body-navhover-color */
        }
        ul.nav {
            /* customize_body-navborder */
            border-color: @body-autonav-border-color;
            /* customize_body-navborder */
            padding: 0px;
            margin: 25px 0px;
            &.nav-style1 {
                li {
                    border: 0px;
                    border-color: inherit;
                    a {
                        border: 1px solid;
                        border-color: inherit;
                        margin: 3px;
                    }
                }
            }
            &.nav-style2 {
                li {
                    border: 0px;
                    border-color: inherit;
                    a {
                        border: 1px solid;
                        border-color: inherit;
                        margin: 3px;
                        .bradius(10px, 10px, 10px, 10px);
                    }
                }
            }
            li {
                border-bottom: 1px solid;
                border-color: inherit;
                a {
                    text-indent: 0px;
                    padding: 10px 15px 8px 15px;
                    /* customize_bodynav-font */color: @body-autonav-text-color;/* customize_bodynav-font */
                    .transition(all, 0.5s);
                }
                ul {
                    border-color: inherit;
                    margin: 0px;
                    padding: 0px;
                    list-style: none;
                    li {
                        border-top: 1px solid;
                        border-bottom: 0px;
                        border-color: inherit;
                        a {
                            display: block;
                            padding-left: 25px;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }
    #footer {
        ul.nav li a:hover, ul.nav li.nav-selected a {
            /* customize_footer-navhover-bg */
            
            background-color: @footer-autonav-hovbg-color;
            /* customize_footer-navhover-bg */
            /* customize_footer-navhover-color */
            
            color: @footer-autonav-hovtx-color;
            /* customize_footer-navhover-color */
        }
        ul.nav {
            /* customize_footer_navborder */
            border-color: @footer-autonav-border-color;
            /* customize_footer_navborder */
            
            li {
                border-bottom: 1px solid;
                border-color: inherit;
                a{
                    /* customize_footernav-font */color: @footer-autonav-text-color;/* customize_footernav-font */
                }
                ul {
                    border-color: inherit;
                    li {
                        border-top: 1px solid;
                        border-bottom: 0px;
                        border-color: inherit;
                    }
                }
            }
        }
        input, optgroup, select, textarea, option {
            color: #000;
        }
    }
    #footmenu, #footmenu2 {

        padding: 20px 0px;
        ul.nav {
            padding: 10px;
            padding-left: 0px;
            margin: 0px;
            display: inline-block;
            text-align: center;
            width: 100%;
            &.force-right {
                text-align: right;
                @media @md {
                    text-align: center;
                }
            }
            &.force-left {
                text-align: left;
                @media @md {
                    text-align: center;
                }
            }   
            li {
                display: inline;
                a {
                    display: inline-block;
                    padding: 0px 10px;
                    font-weight: normal;
                    color: @footmenu-color;
                    .transition(all, 0.5s);
                    &:hover {
                        background: none;
                        text-indent: 0px;
                    }
                }
            }
            ul {
                display: inline;
            }
        }
        p, h1, h2, h3, h4, h5, h6 {
            padding: 10px;
            margin: 0px;
            @media @md {
                text-align: center;
            }
        }
    }
    .c5box_breadcrumbs {
        span {
            a {
                display: inline-block;
                border: 1px solid;
                border-color: inherit;
                padding: 5px 10px;
                text-align: center;
                margin-right: 3px;
            }
        }
    }
}