/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 Sep 2021, 18:56:30
    Author     : Paul Darby
*/

html body .wrapper, 
html body .wrapper h1, 
html body .wrapper h2, 
html body .wrapper h3, 
html body .wrapper h4, 
html body .wrapper h5, 
html body .wrapper h6,
html body .wrapper h6 .wtitle .title {
    font-family: 'Open Sans', Tahoma, Verdana, Segoe, sans-serif;
    color: #555;
}
.logo a#logo, html body .wrapper h2.web-dewd-front-page-title {
    font-family: 'Audiowide', cursive;
}
html body .wrapper h2.web-dewd-front-page-title span {
    font-size:20px;
}

.topnav nav ul.top-menu,
.topnav #mobile-menu,
.modal .modal-dialog .modal-content .modal-body,
.btn.web-dewd-forms-connect-btn,
.btn.web-dewd-forms-unlock-btn,
.modal-footer .btn,
.web-dewd-forms-session-manager-container .web-dewd-logout,
.logo p.sitedescription,
#web-dewd-forms-client-controls-panel-display,
.web-dewd-forms-submit-actions .btn,
body .wrapper .my-ten-pics-heading,
html body .wrapper h2.web-dewd-front-page-title span,
#tj1wp7NS5T_1_container #web-dewd-forms-images-send-status-console.web-dewd-forms-images-send-status-console {
    
    font-family: 'Kanit', sans-serif;    
}
.btn.web-dewd-forms-unlock-btn .web-dewd-forms-padlock-id {
    font-family: monospace;
    font-weight: bold;
}

.modal .modal-dialog .modal-content .modal-body h3,
.modal .modal-dialog .modal-content .modal-body h3,
.web-dewd-results-table-container h2,
.wp-block-group .web-dewd-home-page-anchor a,
body .wrapper .my-ten-pics-heading a {
    color: #9c1212;
    font-family: 'Audiowide', cursive;
}
.logo p.sitedescription,
html body .wrapper h2.web-dewd-front-page-title span {
    color: #70717a;
}
.wp-block-image.web-dewd-home-title-logo {
    margin:0;
}
.wp-block-image.web-dewd-home-title-logo figure {
    margin: 1.6em 1em 0 0;
}
.logo p.sitedescription {
    margin-top:8px;    
}
html body .wrapper, ul.top-menu,
.web-dewd-results-detail-table img,
.web-dewd-results-table-container [data-web-dewd-results-detail-table-container],
.web-dewd-results-table-container .pagination > li:last-child > a,
.web-dewd-results-table-container .pagination > li:last-child > span,
.web-dewd-results-table-container .pagination > li:first-child > a, 
.web-dewd-results-table-container .pagination > li:first-child > span,
.modal .modal-dialog .modal-content, 
form .form-control, #web-dewd-forms-client-controls-panel-display,
form .btn {
    border-radius: 0;
}
.web-dewd-results-table-container [data-web-dewd-results-detail-table-container], [data-web-dewd-results-button-container] {
    padding:0;
}
html body .wrapper #main {
    padding-top: 20px;
}
html body .wrapper .entry-box {
    margin: 0;
}
html body .wrapper  #main h1 {
    display:none;
}
html body .wrapper h2.web-dewd-front-page-title,
.wp-block-group a {
    color: #9c1212;
}
html body .wrapper #tj1wp7NS5T_1_container .progress-bar {
    background-color: #9c1212;
}

form input.form-control {
    padding-top: 20px;
    padding-bottom: 20px;    
}

.web-dewd-forms-action.modal .modal-dialog form#web_dewd_forms_action {
    
    width:100%;
}

.btn.web-dewd-forms-connect-btn,
.btn.web-dewd-forms-unlock-btn,
.modal-footer .btn,
.web-dewd-forms-submit-actions .btn {
    padding:20px;
    border-radius: 0px;
}
.web-dewd-forms-session-manager-container .btn.web-dewd-logout {
    padding: 8px;
}
.web-dewd-forms-session-manager-container .web-dewd-logout,
.web-dewd-forms-session-manager-container .web-dewd-logout-container {
    height:40px;
}

body .gridContainer h2.has-gigantic-font-size {
    margin-top:15px;
}
#tj1wp7NS5T_1_container .web-dewd-forms-image-edit-container .text-danger.web-dewd-remove-image {
    margin-bottom: 0;
}
#tj1wp7NS5T_1_container .web-dewd-forms-image-edit-container .text-danger.web-dewd-remove-image .dashicons.dashicons-dismiss {
    vertical-align: baseline;
}

.web-dewd-forms form .form-group .control-label {
    margin-bottom: 10px;
    color: black;
}
.web-dewd-forms.panel-body {
    padding:0px;
}
#tj1wp7NS5T_1_container label.control-label {
    display: none;
}
#tj1wp7NS5T_1_container .web-dewd-image-container {
    border-radius:0;
    background:none;
    width:100%;
}
#tj1wp7NS5T_1_container .form-control.web-dewd-forms-readonly {
    height:auto;
    padding: 20px 10px;
    border-radius:0;
}
#tj1wp7NS5T_1_container .web-dewd-image-container {
    padding: 0;
}

#tj1wp7NS5T_1_container.web-dewd-forms-public .web-dewd-forms-readonly-no-content {
    display:none;
}
#tj1wp7NS5T_1_container.web-dewd-forms-public .web-dewd-image-controls button {
    
    margin-bottom: 0;
}
#tj1wp7NS5T_1_container.web-dewd-forms-public .web-dewd-image-controls {
    margin-bottom: 0;
}
#tj1wp7NS5T_1_container.web-dewd-forms-public .form-group.web-dewd-forms-readonly-container.web-dewd-forms-readonly-no-content .form-control.web-dewd-forms-readonly {
    overflow: hidden;
    margin-top:0;
}
#tj1wp7NS5T_1_container.web-dewd-forms-public #_1663775715755_2830_container.form-control.web-dewd-forms-readonly,
#tj1wp7NS5T_1_container.web-dewd-forms-public #_1663775740173_26501_container.form-control.web-dewd-forms-readonly {
    overflow: hidden;
    margin-top:0;
}
#tj1wp7NS5T_1_container.web-dewd-forms-public .form-control.web-dewd-forms-readonly {
    overflow: visible;
    margin-top: -25px
}

#web-dewd-forms-client-controls-panel-display {
    padding:10px;
    border: 1px solid #888;
}
#tj1wp7NS5T_2_container fieldset > .btn.btn-success {
    background-color: #639394;
    font-family: 'Kanit', sans-serif;
    border:0;
    padding:20px;
}
#tj1wp7NS5T_1_container .btn.btn-success.web-dewd-file-upload-button {
    display: inline-block;
    width:100%;
    padding:20px;
    border:0;
}
#tj1wp7NS5T_1_container .text-danger {
    display: none;
}
#tj1wp7NS5T_1_container .text-danger.web-dewd-remove-image {
    display:block;
    text-align: center;
    font-size:2em;
    color:#ff0000;
    margin-bottom: 10px;
}
#tj1wp7NS5T_1_container .text-danger.web-dewd-remove-image .dashicons.dashicons-dismiss {
    vertical-align: bottom;
    font-size: 30px;
    margin-top: 30px;
}
#tj1wp7NS5T_1_container .btn.btn-web-dewd.btn-primary {
    background-color: green;
    padding: 20px;
    font-family: 'Audiowide', cursive;
    border:0;
}
#tj1wp7NS5T_1_container #web-dewd-forms-images-send-status-console.web-dewd-forms-images-send-status-console {
    font-style: normal;
}
.entry .web-dewd-image-controls .web-dewd-remove-image {
    margin-top: -30px;
}
.entry figure.web-dewd-image-container img {
    margin-top: 0;
}
#tj1wp7NS5T_1_container .btn.btn-info {
    padding: 20px;
    background-color: #ff0000;
    border:0;
    font-family: 'Kanit', sans-serif;
    font-weight: bold;
}
#button_1663775780593_54062 {
    background-color: #639394;
    font-style: italic;
    font-family: 'Audiowide', cursive;
}
#button_1663775845487_96364 {
    background-color: #7f1e1e;
    font-family: 'Kanit', sans-serif;
}
#button_1663775863147_94588 {
    background-color: #af8384;
    color: #111;
    font-style: italic;
}
#button_1663775885441_65990 {
    background-color: #add8d9;
    color:#050505;
}
#button_1663775906799_50003 {
    background-color: #639394;
    color: #111;
    font-style: italic;
    font-family: 'Kanit', sans-serif;
}
#button_1663775930936_52167 {
    background-color: #7f1e1e;
    color: #fff;
    font-weight: bold;
}
#button_1663775970524_18781 {
    background-color: #97c0c1;
    color: #111;    
}
#button_1663775999217_30885 {
    background-color: #304e4e;
    color: #fff;
    font-family: 'Kanit', sans-serif;
}
#button_1663776032449_27163 {
    background-color: #af8384;
    color: #111;
    font-style: italic;
    font-weight: bold;
}
#button_1663776058110_32921 {
    background-color: #9c1212;
    color: #fff;
    font-family: 'Audiowide', cursive;
}

.web-dewd-results-detail-table thead th {    
    background: #555;
}

body div.modal.app-modal-window.web-dewd-forms-max-zindex.web-dewd-forms-alert {
    z-index: 9999998 !important;
}
body div.modal.app-modal-window.web-dewd-forms-max-zindex.web-dewd-forms-alert {
    z-index: 9999999 !important;
}

table.web-dewd-results-detail-table {
    margin-bottom: 0;
}

.web-dewd-results-table-container table[data-web-dewd-results-table] [role="button"] .display-image img {
    border-radius: 0;
    max-width:100%;
    max-height:100%;
}

#logo img.custom-logo {
    vertical-align: top;
    margin:2px 15px 0px 0px;

}


@media screen and (max-width: 1023px) {
    
    #header .header-top-wrap {
        margin-bottom: 20px;   
    }
}

@media screen and (max-width: 768px) {
    
  #logo img.custom-logo {
    vertical-align: bottom;
    height:75px;
    width: auto;
    margin:0px 5px 0px 0px;

   }
   
   .sitetitle {
       margin-bottom: 20px;
   }
   
   body .wrapper .my-ten-pics-heading {
       font-size:20px;
   }
  
}

@media screen and (max-width: 380px) {
    
    article.post.page h1 {
        font-size: 28px;
    }
    
    .btn.web-dewd-forms-connect-btn,
    .btn.web-dewd-forms-unlock-btn,
    .modal-footer .btn,
    .web-dewd-forms-submit-actions .btn {
        padding:10px;
        border-radius: 0px;
    }

}