@function campaigncolor($color-name) {
    $moneyhero-colors: ( background: aliceblue, shade:#c2fffa );
    @return map-get($moneyhero-colors, $color-name);
  }

.entry-header {
    display: none;
}

#secondary {
    display: none;
}

body main {
    padding: 0;
}

#main, .container-full.header-wrapper, .static-wrapper {
    background-color: campaigncolor(background) !important;
}

body #page #content .entry-content {
    font-size: 16px;
    section * .mobile-off {
        display: initial;
    }
    section * .mobile-on {
        display: none;
    }
    @media screen and (max-width: 600px) {
        section * .mobile-on {
            display: initial;
        }
        section * .mobile-off {
            display: none;
        }
    }
    h1 {
        font-size: 32px !important;
        color: white !important;
        text-align: center;
    }
    h2 {
        font-size: 24px !important;
        font-weight: 900;
        letter-spacing: 0.2ch;
        margin-right: -0.2ch;
        color: #333333;
        text-align: center;
        &.short {
            letter-spacing: 0;
        }
    }
    h3 {
        font-size: 18px !important;
        color: #333333;
    }
    .preheadline {
        font-size: 20px;
        color: white;
        margin: 10px auto;
        text-transform: uppercase;
        background: #f58423;
        border-radius: 0 20px;
        display: inline-block;
        padding: 5px 20px;
        font-weight: 900;
        position: relative;
        z-index: 10;
        box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.15);
        &::before {
            content: "";
            display: block;
            width: 40%;
            height: 40%;
            background: #fda059;
            border-radius: 0 10px;
            box-shadow: 0px 8px 15px -6px rgba(0, 0, 0, 0.4);
            position: absolute;
            bottom: -20%;
            right: -10%;
            z-index: -20;
        }
    }
    .lineh2 {
        line-height: 200%;
        p {
            line-height: 200%;
        }
    }
    @media screen and (min-width: 601px) {
         ::-webkit-scrollbar {
            width: 12px;
        }
         ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
        }
         ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        }
    }
    .product {
        h2 {
            color: white !important;
        }
    }
    .product-footer {
        display: flex;
        flex-wrap: wrap;
        row-gap: 12px;
        column-gap: 12px;
        margin: 12px 0;
        justify-content: center;
        &>* {
            flex: 0 1 120px;
        }
    }
    .tnc {
        margin: 32px 0;
        text-align: center;
        color: white;
        line-height: 1.5;
        &>* {
            margin: 15px 0;
        }
        a {
            color: lightblue;
            text-decoration: underline;
        }
    }
    .mobile-hint {
        display: none;
        @media screen and (max-width: 600px) {
            float: left;
            display: inline-block;
            font-size: 14px;
            color: white;
            opacity: 0.8;
            margin-top: 15px;
        }
    }
    
    
    
    
    
    
    /*
    #product-list {
        border-radius: 8px;
        margin: 10px 0;
        clear: both;
        margin-right: -15px;
        margin-left: -15px;
    }
    #product-list .scroll-list {
        position: relative;
        overflow-y: scroll;
        height: 75vh;
        box-shadow: 0px 25px 30px -30px rgba(0, 0, 0, 0.35);
        border-radius: 8px;
        margin: 10px 0;
        clear: both;
        padding: 15px;
        background: rgba(0, 0, 0, 0.1);
        margin-right: -15px;
        margin-left: -15px;
    }
    button.toggleProductList {
        font-size: 20px;
        display: block;
        margin: 0 auto;
        @media screen and (max-width: 600px) {
            display: inline-block;
            float: right;
            font-size: 14px;
            padding: 5px 10px;
            border-radius: 8px;
            margin: 10px 0;
            background: rgba(0, 0, 0, 0.15) !important;
        }
    }*/
    
    
    
    .brand-list{
        .brand-item{
            display: grid;
            grid-template-columns: minmax(100px,180px) 1fr 1fr;
            grid-template-rows: repeat(2, min-content);
            grid-template-areas: 
            "brand-name product-01 product-02"
            "brand-name product-03 product-04";
            background: white;
            border-radius: 8px;
            margin-bottom: 32px;
            transition: box-shadow 0.5s ease;
            padding: 10px 10px 10px 15px;
            @media screen and (min-width:900px) {
                padding: 25px;
            }
            @media screen and (max-width:600px) {
                grid-template-columns: 50% 50%;
                grid-template-rows: repeat(3, min-content);
                grid-template-areas: 
                "brand-name brand-name"
                "product-01 product-02"
                "product-03 product-04";
            }
            &>div{
                padding: 5px 20px 5px 5px;
                @media screen and (max-width:600px) {
                    padding: 10px 10px
                }
            }
            &:hover {
                box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
            }
            &:focus-within {
                box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
            }
            ul{
                margin: 0;
                list-style-type:none;
                li{
                    margin: 0 0 0 1.8rem;
                    position: relative;
                    &::before{
                        content: ">";
                        display: block;
                        position: absolute;
                        left: -1.9rem;
                        top: 0.5rem;
                        font-size: 10px;
                        font-weight: 900;
                        width: 14px;
                        height: 14px;
                        line-height: 14px;
                        background: #01a9fa;
                        color: white;
                        text-align: center;
                        border-radius: 100%;
                        opacity: 0.3;
                    }
                }
                li~li {
                    margin-top: -2rem !important;
                }
            }
            .product-01{
                grid-area: product-01;
            }
            .product-02{
                grid-area: product-02;
            }
            .product-03{
                grid-area: product-03;
            }
            .product-04{
                grid-area: product-04;
            }
            .brand-name{
                grid-area: brand-name;
                a {
                    text-decoration: none;
                    transition: all 1s ease;
                    &.link:hover{
                        text-decoration: underline;
                    }
                    &.no-link{
                        p{
                            @media screen and (min-width:601px) {
                                display: none;
                            }
                        }
                    }
                    @media screen and (max-width:600px) {
                        display: grid;
                        grid-template-columns: min(100px) 1fr;
                        grid-template-rows: 1fr calc(1fr - min(1rem));
                        justify-content: center;
                        column-gap: 20px;
                        width: fit-content;
                        grid-template-areas:
                        "img h3"
                        "img p";
                        img{
                            width: 100%;
                            background: #f9f9f9;
                            border-radius: 10px;
                            padding: 10px;;
                        }
                        h3{
                            align-self: self-end;
                            line-height: 1.5;
                            margin-bottom: 10px;
                        }
                        p{
                            margin: 0;
                        }
                    }
                }
                img {
                    grid-area: img;
                    margin-top: 5px;
                    width: 50%;
                    background: #f9f9f9;
                    border-radius: 10px;
                    padding: 10px;
                    margin-bottom: 10px
                }
                h3{
                    grid-area: h3;
                }
                p{
                    grid-area: p;
                }
            }
            .brand-name h3 {
                margin: 0;
                font-size: 20px !important;
                white-space: nowrap;
                line-height: 1.2;
                a{
                    margin: 0;
                }
            }
            .product-item{
                margin: 0;
                line-height: 1.8;
                &:empty{
                    display: none;
                }
                span{
                    display: inline-block;
                }
            }
            .product-title{
                display: inline;
                font-weight: 700;
                font-size: 18px;
                margin: 0;
                @media screen and (max-width:600px) {
                    display: block;
                }
            }
            .product-ac{
                transition: all 0.2s ease;
                font-weight: 600;
                border: 1.5px solid #f58423;
                padding: 4px 10px;
                margin: 8px 0 8px 15px;
                color: #f58423;
                background: #fbfbfbfb;
                &:hover{
                    color: #ffffff;
                    background: #f58423;
                    box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.35);
                    border: 1.5px solid transparent;
                }
                @media screen and (max-width:600px) {
                    margin-left: 0;
                    display: inline-block;
                }
            }
            .product-desc{
                white-space: pre-wrap;
            }
        }
    }
    
    
    
    
    /*
    .product-card .product-item {
        display: grid;
        grid-template-areas: "product-name product-promotion product-promotion""product-name product-rate product-loan-amount""product-name product-rate product-features";
        grid-template-columns: 1.5fr 1fr 2fr;
        grid-template-rows: repeat(3, min-content);
        background: white;
        border-radius: 8px;
        margin-bottom: 32px;
        transition: box-shadow 0.5s ease;
        &:nth-child(1) {
            display: none;
        }
        &:hover {
            box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
        }
        &:focus-within {
            box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
        }
        @media screen and (max-width: 600px) {
            grid-template-areas: "product-name product-name""product-promotion product-promotion""product-rate product-loan-amount""product-rate product-features";
            grid-template-columns: 50% 50%;
            grid-template-rows: repeat(5, min-content);
            box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
        }
        h4 {
            font-size: 16px;
            margin: 0;
            display: block;
        }
        h5 {
            font-size: 20px;
            line-height: 1.25;
            margin: 0 0 15px;
            font-weight: 900;
            display: block;
        }
        .product-name {
            grid-area: product-name;
            padding: 10px 20px;
            align-self: center;
        }
        .product-promotion {
            grid-area: product-promotion;
            font-size: 15px;
            border-radius: 8px;
            line-height: 1.5;
            padding: 5px 10px;
            align-self: start;
            background: #ffe1c8;
            &::before {
                content: "最高回贈/優惠: ";
                display: inline;
                margin-right: 1ch;
            }
            @media screen and (max-width: 600px) {
                border-radius: 0;
                padding: 8px 20px;
            }
        }
        .product-rate {
            grid-area: product-rate;
            font-size: 48px;
            font-weight: 500;
            padding: 10px;
            &::before {
                content: "最低實際年利率";
                color: #999999;
                letter-spacing: 0.5ch;
                display: block;
                font-size: 14px;
                font-weight: normal;
            }
            @media screen and (max-width: 600px) {
                font-size: 40px;
                padding: 10px 20px;
            }
        }
        .product-loan-amount {
            grid-area: product-loan-amount;
            font-size: 16px;
            font-weight: 600;
            padding: 10px 10px 5px;
            color: #777777;
            &::before {
                content: "最高貸款額";
                color: #999999;
                letter-spacing: 0.5ch;
                display: block;
                font-size: 14px;
                font-weight: normal;
            }
            @media screen and (max-width: 600px) {
                font-size: 14px;
                padding: 10px 20px;
            }
        }
        .product-features {
            grid-area: product-features;
            font-size: 16px;
            font-weight: 600;
            padding: 5px 10px;
            color: #777777;
            &::before {
                content: "貸款特色";
                color: #999999;
                letter-spacing: 0.5ch;
                display: block;
                font-size: 14px;
                font-weight: normal;
            }
            @media screen and (max-width: 600px) {
                font-size: 14px;
                padding: 10px 20px;
            }
        }
    }
    .product-table {
        height: 75vh;
        overflow-y: scroll;
        box-shadow: 0px 25px 30px -30px rgba(0, 0, 0, 0.35);
        border-radius: 8px;
        .product-item {
            display: grid;
            grid-template-areas: "product-name product-rate product-loan-amount product-features product-promotion";
            grid-template-columns: 24% 10% 16% 25% 25%;
            grid-auto-rows: 1fr;
            justify-items: stretch;
            background: white;
            border-radius: 8px;
            transition: all 0.5s ease;
            @media screen and (max-width: 600px) {
                width: 800px !important;
                grid-template-columns: 18% 15% 17% 25% 25%;
            }
            &:nth-child(1) {
                div {
                    font-size: 14px;
                }
                color: white;
                background: #f58423 !important;
                position: sticky;
                top: 0;
                width: 100%;
                box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
            }
            &:nth-child(2n + 1) {
                background:campaigncolor(background);
            }
            &:nth-child(n + 2) {
                &:hover {
                    color: #000;
                    background: #ffe1c8;
                }
                &:focus {
                    color: darkcyan;
                    background: #ffe1c8;
                }
            }
            .btn.conversion {
                font-size: 14px;
                padding: 0;
                margin: 0;
                background: none;
                border: none;
                display: block;
                text-decoration: underline;
                color: #f58423;
                font-weight: 900;
            }
            h4 {
                font-size: 18px;
                line-height: 1.5;
                margin: 0;
                display: block;
            }
            h5 {
                font-size: 18px;
                line-height: 1.5;
                margin: 0;
                font-weight: 900;
                display: block;
            }
            div {
                font-size: 16px;
                padding: 10px 10px;
                &:nth-child(n + 2) {
                    border-left: 2px dotted #eaeaea;
                }
                &::before {
                    font-size: 1px;
                    color: #999999;
                    transition: all 0.2s ease;
                    opacity: 0;
                }
            }
            &:hover div::before {
                opacity: 1;
                font-size: 14px;
            }
            .product-name {
                grid-area: product-name;
                padding-left: 20px;
            }
            .product-promotion {
                grid-area: product-promotion;
            }
            .product-rate {
                grid-area: product-rate;
            }
            .product-loan-amount {
                grid-area: product-loan-amount;
            }
            .product-features {
                grid-area: product-features;
            }
        }
    }*/
    .blogSection h2:after {
        content: "";
        width: 10%;
        height: 1px;
        border-top: 2px solid #999999;
        display: block;
        margin: 10px auto;
    }
    .introductionSection {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #05aafa linear-gradient(31deg, rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 100%);
        padding: 20px 0;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        .grab-intro {
            display: grid;
            color: white;
            grid-template-columns: 1fr;
            margin-bottom: 20px;
            column-gap: 20px;
            font-size: 20px;
            @media screen and (max-width: 766px) {
                grid-template-columns: 1fr;
            }
        }
    }
    .allblogs>section {
        background: none;
        margin-top: -10px;
        &:nth-child(2n) {
            background: white;
        }
    }
    .info-bar {
        background: white;
        padding: 10px 5%;
        width: 100%;
        text-align: center;
        color: rgb(172, 172, 172);
        line-height: 150%;
        a {
            text-decoration: underline;
        }
    }
    .full-width-section {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        padding: 50px 0;
        margin-left: -50vw;
        margin-right: -50vw;
        &.nopadding {
            padding: 0;
        }
        &.bluebg {
            background: #076b9c;
            *,
            h2 {
                color: white !important;
            }
            a {
                text-decoration: underline;
            }
        }
    }
    .page-width {
        max-width: 1170px;
        width: 100%;
        padding: 0 5%;
    }
    .sticky-bar {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999;
        background: #09a9ea;
        color: white;
        bottom: 0;
        left: 50%;
        right: 50%;
        padding: 12px 12px;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
        .page-width {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            div:nth-child(1) {
                @media screen and (max-width: 600px) {
                    font-size: 14px;
                }
                font-size: 20px;
                font-weight: 600;
            }
        }
    }
    .text-btn {
        display: inline-block;
        border: none;
        background: none;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        color: darkblue;
        transition: all 0.5s ease;
        span {
            text-decoration: underline;
        }
        &:hover {
            transform: translatey(-5px);
        }
    }
    .modal-content {
        padding: 50px 20px;
        background: campaigncolor(background);
        border-radius: 4px;
        input#thisURL {
            width: 100%;
            margin-bottom: 12px;
        }
    }
    .countdown {
        background: #f58424;
        padding: 20px 5%;
        width: 100%;
        text-align: center;
        color: white;
        white-space: nowrap;
        #countdown {
            font-size: 28px;
            font-weight: 900;
            font-family: Arial, Helvetica, sans-serif;
            color: white;
            letter-spacing: 0;
        }
        .txt {
            letter-spacing: 1ch;
            margin-right: -1ch;
        }
        div#addeventatc1 {
            margin: 20px 0 0;
        }
    }
    .flex-row {
        display: flex;
        align-items: top;
        justify-content: center;
        flex: 1 1 0px;
        flex-wrap: wrap;
        gap: 50px;
        &>* {
            flex-basis: 250px;
        }
    }
    .contact-section {
        div {
            font-size: 20px;
            text-align: center;
            line-height: 150%;
            i {
                display: block;
                font-size: 100px;
                color: #05aafa;
                transition: transform 1s ease;
            }
        }
        a:hover i {
            transform: rotate(-5deg) scale(1.3);
        }
    }
    .small-info {
        font-size: 14px !important;
        line-height: 150% !important;
        color: #999999;
    }
    .blog-faq {
        background: campaigncolor(shade);
        border-radius: 8px;
        margin: 0;
        position: relative;
        ~.blog-faq{
            margin: 15px 0 0;
        }
        a.link {
            font-size: 16px;
        }
        .blog-faq-title {
            border-radius: 8px;
            font-size: 20px;
            font-weight: 900;
            color: #333333;
            margin: 0;
            padding: 8px 16px;
            background: white;
            box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.30);
            cursor: pointer;
            &:after {
                transition: background 0.5s ease;
                content: "+";
                display: block;
                top: 7px;
                line-height: 30px;
                font-size: 30px;
                font-weight: bold;
                color: #a9d8ef;
                font-family: "open sans";
                margin-left: 10px;
                background: campaigncolor(background);
                width: 30px;
                height: 30px;
                text-align: center;
                float: right;
                border-radius: 100%;
                position: absolute;
                right: 10px;
            }
            &:hover:after {
                background: #05aafa;
                color: white;
            }
            &.faq-close:after {
                content: "-";
                line-height: 26px;
            }
        }
        &>div {
            display: none;
            padding: 8px 16px;
            font-size: 16px;
            line-height: 200%;
            color: #666666;
        }
    }
}

.grid-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5em;
    height: auto;
    @media screen and (max-width: 600px){
        flex-wrap: wrap;
    }
    button {
        border: none;
        border-bottom: 5px solid #05aafa;
        border-radius: 0;
        background: none;
        font-size: 20px;
        font-weight: 900;
        white-space: nowrap;
        margin: 10px 20px;
        padding: 0 20px;
        transition: all 0.2s ease;
        @media screen and (max-width: 600px) {
            margin: 10px 15px;
            padding: 0 5px;
        }
        &:hover {
            font-weight: 900;
            border-bottom: 5px solid #0a6b9c;
            margin-bottom: 20px;
        }
        &.clicked {
            font-weight: 900;
            border-bottom: 5px solid #0a6b9c;
        }
    }
}

body #page #content .entry-content .page-grid {
    display: grid;
    padding: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 25px;
    &.blog-cards>div {
        border-radius: 12px;
        display: block;
        overflow: hidden;
        background: white;
        position: relative;
        transition: box-shadow 0.2s ease;
        border: 1px solid #dddddd;
        &:hover {
            box-shadow: 0px 10px 30px -17px rgba(0, 0, 0, 0.35);
        }
        .blog-card-content {
            padding: 10px 16px;
            .blog-card-title {
                margin: 5px 0;
                display: block;
                transition: color 0.2s ease;
                font-size: 18px;
                font-weight: 900;
                line-height: 150%;
            }
            p {
                color: #999999;
            }
            &:after {
                content: "閱讀文章 > ";
                position: absolute;
                bottom: 12px;
                right: 12px;
                text-align: right;
                font-size: 12px;
                font-weight: 900;
                color: #999999;
                display: inline;
                letter-spacing: 0.2ch;
                transition: color 0.2s ease;
            }
            &:hover {
                &:after {
                    color: #05aafa;
                }
                .blog-card-title {
                    color: #155072;
                }
            }
        }
    }
    @media screen and (min-width: 959px) {
        div:nth-child(4) {
            margin-top: 36px;
        }
        &#blogTopCat2 div:nth-child(4)::before {
            content: "更多精選貸款產品資訊:";
        }
        &#blogTopCat3 div:nth-child(4)::before {
            content: "更多IPO新股、港股美股資訊、證券戶口開戶分析:";
        }
        div:nth-child(n + 4) {
            grid-column-start: span 3;
            border-radius: 0;
            padding: 0;
            margin-left: 50px;
            margin-right: 50px;
            background: none;
            border: none;
            img,
            p {
                display: none;
            }
            &:hover {
                box-shadow: none;
            }
            .blog-card-content:after {
                right: inherit !important;
                bottom: 0 !important;
                left: 16px;
            }
        }
    }
    @media screen and (max-width: 958px) {
        grid-template-columns: 1fr 1fr;
        div:nth-child(3) {
            margin-top: 36px;
        }
        &#blogTopCat2 div:nth-child(3)::before {
            content: "更多精選貸款產品資訊:";
        }
        &#blogTopCat3 div:nth-child(3)::before {
            content: "更多IPO新股、港股美股資訊、證券戶口開戶分析:";
        }
        div:nth-child(n + 3) {
            grid-column-start: span 2;
            border-radius: 0;
            padding: 0;
            margin-left: 50px;
            margin-right: 50px;
            background: none;
            border: none;
            @media screen and (max-width: 600px) {
                margin-left: 0;
                margin-right: 0;
            }
            img,
            p {
                display: none;
            }
            &:hover {
                box-shadow: none;
            }
            .blog-card-content:after {
                right: inherit !important;
                bottom: 0 !important;
                left: 16px;
            }
        }
    }
    @media screen and (max-width: 600px) {
        grid-template-columns: 1fr;
        div:nth-child(1) {
            margin-bottom: 50px;
        }
        div:nth-child(n + 3) {
            grid-column-start: 1;
        }
    }
}

.addeventatc {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background: #fff;
    font-family: "Open Sans", Roboto, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    font-weight: 400;
    color: #333 !important;
    font-size: 15px;
    line-height: 100%;
    -webkit-box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.17), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent !important;
    -moz-box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.17), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.17), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent !important;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.addeventatc:hover {
    background-color: #f8f8f8;
}

.addeventatc .date {
    width: 50px;
    height: 60px;
    float: left;
    position: relative;
}

.addeventatc .date .mon {
    display: block;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 10px;
    color: #bf5549;
    font-weight: bold;
    line-height: 110%;
    text-transform: uppercase;
}

.addeventatc .date .day {
    display: block;
    text-align: center;
    padding: 0px 0px 8px 0px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 100%;
}

.addeventatc .date .bdr1 {
    width: 1px;
    height: 50px;
    background: #eaeaea;
    position: absolute;
    z-index: 100;
    top: 5px;
    right: -3px;
}

.addeventatc .date .bdr2 {
    width: 1px;
    height: 50px;
    background: #fff;
    position: absolute;
    z-index: 100;
    top: 5px;
    right: -4px;
}

.addeventatc .desc {
    height: 60px;
    float: left;
    position: relative;
    padding: 0px 15px 0px 0px;
}

.addeventatc .desc p {
    margin: 0;
    display: block;
    text-align: left;
    padding: 7px 0px 0px 15px;
    font-size: 11px;
    color: #666;
    line-height: 130%;
}

.addeventatc .desc .hed {
    height: 15px;
    display: block;
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 110%;
    color: #333;
    text-transform: uppercase;
}

.addeventatc .desc .des {
    height: 28px;
    display: block;
    overflow: hidden;
}

.addeventatc-selected {
    background-color: #f4f4f4;
}

.addeventatc .start,
.addeventatc .end,
.addeventatc .timezone,
.addeventatc .title,
.addeventatc .description,
.addeventatc .location,
.addeventatc .organizer,
.addeventatc .organizer_email,
.addeventatc .facebook_event,
.addeventatc .all_day_event,
.addeventatc .date_format,
.addeventatc .alarm_reminder,
.addeventatc .recurring,
.addeventatc .attendees,
.addeventatc .calname,
.addeventatc .uid,
.addeventatc .status,
.addeventatc .method,
.addeventatc .client,
.addeventatc .transp {
    display: none !important;
}


/* Drop down */

.addeventatc_dropdown {
    width: 230px;
    position: absolute;
    padding: 6px 0px 0px 0px;
    font-family: "Open Sans", Roboto, "Helvetica Neue", Helvetica, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    color: #000 !important;
    font-weight: 600;
    line-height: 100%;
    background: #fff;
    font-size: 15px;
    text-decoration: none;
    text-align: left;
    margin-left: -1px;
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px;
    transform: scale(0.98, 0.98) translateY(5px);
    z-index: -1;
    transition: transform 0.15s ease;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.addeventatc_dropdown.topdown {
    transform: scale(0.98, 0.98) translateY(-5px) !important;
}

.addeventatc_dropdown span {
    display: block;
    line-height: 100%;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    padding: 14px 10px 14px 55px;
    margin: -2px 0px;
}

.addeventatc_dropdown span:hover {
    background-color: #f4f4f4;
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.addeventatc_dropdown em {
    color: #999 !important;
    font-size: 12px !important;
    font-weight: 400;
}

.addeventatc_dropdown .frs a {
    background: #fff;
    color: #cacaca !important;
    cursor: pointer;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 110% !important;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    text-decoration: none;
    top: 5px;
    z-index: 101;
}

.addeventatc_dropdown .frs a:hover {
    color: #999 !important;
}

.addeventatc_dropdown .ateappleical {
    background: url(../gfx/icon-apple-t5.svg) 18px 40% no-repeat;
    background-size: 22px 100%;
}

.addeventatc_dropdown .ategoogle {
    background: url(../gfx/icon-google-t5.svg) 18px 50% no-repeat;
    background-size: 22px 100%;
}

.addeventatc_dropdown .ateoffice365 {
    background: url(../gfx/icon-office365-t5.svg) 19px 50% no-repeat;
    background-size: 18px 100%;
}

.addeventatc_dropdown .ateoutlook {
    background: url(../gfx/icon-outlook-t5.svg) 18px 50% no-repeat;
    background-size: 22px 100%;
}

.addeventatc_dropdown .ateoutlookcom {
    background: url(../gfx/icon-outlookcom-t5.svg) 18px 50% no-repeat;
    background-size: 22px 100%;
}

.addeventatc_dropdown .ateyahoo {
    background: url(../gfx/icon-yahoo-t5.svg) 18px 50% no-repeat;
    background-size: 22px 100%;
}

.addeventatc_dropdown .atefacebook {
    background: url(../gfx/icon-facebook-t5.svg) 18px 50% no-repeat;
    background-size: 22px 100%;
}

.addeventatc_dropdown .copyx {
    height: 21px;
    display: block;
    position: relative;
    cursor: default;
}

.addeventatc_dropdown .brx {
    height: 1px;
    overflow: hidden;
    background: #e8e8e8;
    position: absolute;
    z-index: 100;
    left: 10px;
    right: 10px;
    top: 9px;
}

.addeventatc_dropdown.addeventatc-selected {
    transform: scale(1, 1) translateY(0px);
    z-index: 99999999999;
}

.addeventatc_dropdown.topdown.addeventatc-selected {
    transform: scale(1, 1) translateY(0px) !important;
}

.addeventatc_dropdown .drop_markup {
    background-color: #f4f4f4;
}