/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* CMS - STANDARD */
/*-----------------------------*/

::-webkit-scrollbar{ width:5px; }
::-webkit-scrollbar-track{ background:#2d2d2d; border-radius:0px; cursor:pointer;}
::-webkit-scrollbar-thumb{ background:#ffffff; border-radius:0px; cursor:pointer;}

/* button */
.cms_button {
	padding:12px 20px;
    line-height:initial;
    display:inline-block;
    background-color:#0888ca;
    border:1px #0888ca solid;
    color:#FFFFFF;
    font-size:.8em;
    text-transform:uppercase;
    cursor:pointer;
}

    .cms_button:hover,
    .cms_button:focus {
        background-color:#fe5757;
        border:1px #fe5757 solid;
        color:#FFFFFF;
    }

    .cms_button:hover a,
    .cms_button:focus a {
        color:#FFFFFF;
    }

    .input_button:disabled {
        background-color:#535353;
        cursor:default;
    }

.cms_button_for_hero_photo,
.cms_button_for_hero_text,
.cms_button_top_left,
.cms_button_top_right,
.cms_button_bottom_left,
.cms_button_bottom_right {
    position:absolute;
    z-index:700;
}

    .cms_button_for_hero_photo {
        top:120px;
        right:0px;
    }

    .cms_button_for_hero_text {
        top:100px;
        right:0px;
    }

    .cms_button_top_left {
        top:0px;
        left:0px;
    }

    .cms_button_top_right {
        top:0px;
        right:0px;
    }

    .cms_button_bottom_left {
        bottom:0px;
        left:0px;
    }

    .cms_button_bottom_right {
        bottom:0px;
        right:0px;
    }

/* option bar */
#bottom_option_bar {
    position:fixed;
    bottom:0px;
    left:0px;
    z-index:900;
}

    #bottom_option_bar_content {
        padding:10px;
    }

        #bottom_option_bar .material-icons {
            font-size:.9em;
            vertical-align:middle;
        }

/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* CMS - SPECIFIC TO SITE */
/*-----------------------------*/

#theme_list {
    display:none;
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    background-color:#111111;
    z-index:899;
}

    #theme_list_content {
        padding:100px 40px;
    }

        #theme_list_content ul {
            margin:0px;
            padding:0px;
            list-style:none;
        }

            #theme_list_content li {
                margin:0px 8px 4px 0px;
                padding:0px;
                display:inline-block;
            }

                #theme_list_content h3 {
                    margin:0px 0px 16px 0px;
                    padding:0px;
                    border-bottom:1px #FFFFFF solid;
                    color:#FFFFFF;
                    font-weight:400;
                }

                #theme_list_content h3:not(:first-child) {
                    margin-top:20px;
                }

                #theme_list_content a {
                    color:#FFFFFF;
                    border:1px #FFFFFF solid;
                    display:inline-block;
                    padding:8px 16px;
                    font-size:.9em;
                    font-weight:200;
                }

                #theme_list_content a.selected,
                #theme_list_content a:focus,
                #theme_list_content a:hover {
                    color:#FFFFFF;
                    border:1px #0888ca solid;
                    background-color:#0888ca;
                }

#photo_library_message {
    display:none;
    position:fixed;
    bottom:0px;
    right:0px;
    left:0px;
    z-index:900;
    color:#FFFFFF;

    -webkit-box-shadow: 2px 2px 23px 3px rgba(0,0,0,0.40);
    -moz-box-shadow: 2px 2px 23px 3px rgba(0,0,0,0.40);
    box-shadow: 2px 2px 23px 3px rgba(0,0,0,0.40);
}

    #photo_library_message .message .ok,
    #photo_library_message .message .error {
        font-size:1.4em;
        text-align:center;
        margin:0px;
        padding:40px;
    }

#photo_library_box {
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    height:100vh;
    width:15%;
    background-color:#2d2d2d;
    z-index:899;
}

    .photo_library_web_view_for_body_ml {
        padding-left:15%;
    }

    .photo_library_web_view_for_body_mr {
        padding-right:15%;
    }

    .photo_library_web_view_for_header {
        width:85% !important;
        right:0px;
    }


    #photo_library_box .link_as_button {
        padding:10px 20px;
        border-radius:0px;
        margin:8px;
    }

    #photo_library_box_content {
        padding:20px 10px;
    }

        #photo_library_box_content h2 {
            margin:0px 0px 8px 0px;
            padding:0px;
            font-size:.8em;
        }

        #photo_library_option {
            padding-bottom:10px;
            margin-bottom:10px;
            border-bottom:1px #9f9f9f dashed;
        }

            #photo_library_option select {
                background-color:#484848;
                color:#d7d7d7;
                background-image:linear-gradient(-135deg, transparent 50%, #616161 50%), linear-gradient(135deg, #616161 50%, transparent 50%), linear-gradient(to right, #484848, #484848);
                width:80%;
                border:0px;
            }

            #photo_library_option .horizontal_list {
                margin:5px 00px 0px 0px;
            }

                #photo_library_option .horizontal_list li {
                    margin-right:14px;
                }

                #photo_library_option .horizontal_list a {
                    font-size:.8rem;
                    font-weight:600;
                    cursor:pointer;
                    color:#34adeb;
                }

                    #photo_library_option .horizontal_list a:hover,
                    #photo_library_option .horizontal_list a:focus {
                        color:#ff7b7b;
                    }

        #photo_library_results {
            margin:0px;
            height:84vh;
            overflow-x:hidden;
            overflow-y:scroll;
            color:#d7d7d7;
        }

            #photo_library_results ul {
                margin:0px;
                padding:0px;
                list-style:none;
            }

                #photo_library_results li {
                    margin:0px 0px 5px 0px;
                    padding:0px;
                    position:relative;
                }

                    #photo_library_results p {
                        margin:0px 0px 5px 0px;
                        padding:0px;
                        font-size:.7em;
                        font-weight:400;
                    }

                    #photo_library_results img.photo {
                        width:100%;
                        cursor:pointer;
                    }

                    #photo_library_results img.photo:hover,
                    #photo_library_results img.photo:focus {
                        opacity:.5;
                    }

                    #photo_library_results .preview {
                        position:absolute;
                        top:0;
                        left:0;
                        z-index:1;
                    }

                    #photo_library_results a.link_as_button {
                        padding:8px 12px;
                        font-size:.8em;
                        background-color:#0888ca;
                        color:#FFFFFF;
                        text-transform:none;
                    }

                    #photo_library_results .photo_id {
                        position:absolute;
                        top:0px;
                        left:0px;
                        background-color:#111111;
                        color:#FFFFFF;
                        padding:2px 6px;
                        font-size:.8rem;
                        display:inline-block;
                        z-index:1;
                    }

                    #photo_library_results .photo_overlay_text_alignment {
                        position:absolute;
                        color:#FFFFFF;
                        padding:4px 8px;
                        font-size:1rem;
                        display:inline-block;
                        font-weight:600;
                        z-index:1;
                        text-shadow:1px 1px #565454;
                    }

                        .align_ml {
                            top:60px;
                            left:5px;
                        }

                        .align_mc {
                            top:60px;
                            left:0px;
                            right:0px;
                            margin:0px auto;
                            width:90px;
                            text-align:center;
                        }

                        .align_mr {
                            top:60px;
                            right:5px;
                        }

            #photo_library_total {
                position:fixed;
                bottom:0px;
                left:0px;
                right:0px;
                padding:10px 20px;
                z-index:20;
                font-size:.9em;
                background-color:#111111;
            }

.photo_library_for_selected_control .cms_button {
    background-color:#fe5757;
    border:1px #fe5757 solid;
}

#keywords_results {
    display:none;
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;
    width:85%;
    background-color:#eeeeee;
}

    #keywords_results ul {
        margin:0px;
        padding:40px 40px 100px 40px;
        list-style:none;
    }

        #keywords_results li {
            margin:4px;
            padding:0px;
            display:inline-block;
            width:15%;
            overflow:hidden;
        }

            #keywords_results a {
                padding:10px 20px;
                display:block;
                color:#0888ca;
                font-size:.8rem;
                background-color:#FFFFFF;
            }

                #keywords_results a:hover,
                #keywords_results a:focus {
                    background-color:#ff7b7b;
                    color:#FFFFFF;
                }

.photo_instructions {
    font-size:14px;
    position:relative;
    top:0px;
    left:0px;
    right:0px;
    z-index:20;
}

@media (max-width:1024px) {
    .cms_button { display:none; }
}