/* ===== BESTCATS / WCA PHOTOALBUM MODAL STYLE ===== */

#dynPhoto {
 padding: 18px;
 background: linear-gradient(145deg,#ffffff 0%,#fff7fb 55%,#fff0df 100%);
 border-radius: 28px;
 color: #5b3a2d;
}

/* Modal base */
#photoModalWrap,
#photoModalWrap td {
 font: 13px/1.6 Arial, sans-serif;
 color: #5b3a2d;
}

#photoModalWrap {
 background: linear-gradient(145deg,#ffffff 0%,#fff7fb 55%,#fff0df 100%) !important;
 border-radius: 28px !important;
}

/* Links */
#photoModalWrap a {
 color: #8b5a3c !important;
 font-weight: 800;
 text-decoration: none !important;
}

#photoModalWrap a:hover {
 color: #c9962d !important;
}

/* Lines */
#photoModalWrap hr {
 margin: 16px 0;
 border: 0;
 height: 1px;
 background: rgba(201,150,45,.24);
}

/* Photo entry */
#photoModalWrap .uphoto-entry {
 margin-bottom: 22px;
 padding: 22px;
 background: linear-gradient(145deg,#ffffff 0%,#fff7fb 55%,#fff0df 100%);
 border: 1px solid rgba(201,150,45,.28);
 border-radius: 28px;
 box-shadow: 0 10px 28px rgba(120,70,40,.10);
 text-align: center;
}

#photoModalWrap .photo-etitle {
 margin: 0 0 10px;
 color: #3a2418;
 font-size: 26px;
 line-height: 1.3;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: .8px;
}

#photoModalWrap .photo-edescr {
 margin: 0 auto 18px;
 max-width: 760px;
 color: #8b5a3c;
 font-size: 14px;
 line-height: 1.7;
}

#photoModalWrap .ph-wrap {
 display: inline-block;
 max-width: 100%;
 padding: 12px;
 background: #fff;
 border: 1px solid rgba(201,150,45,.30);
 border-radius: 26px;
 box-shadow: 0 12px 34px rgba(120,70,40,.13);
}

#photoModalWrap .ph-wrap img,
#photoModalWrap .uphoto-entry img {
 max-width: 100% !important;
 height: auto !important;
 border-radius: 20px !important;
}

/* Photo details */
#photoModalWrap .photo-edetails,
#photoModalWrap .photo-edetails2,
#photoModalWrap .ph-js-details {
 margin-top: 14px;
 padding: 12px 14px;
 background: #fff7ee;
 border: 1px solid rgba(201,150,45,.18);
 border-radius: 18px;
 color: #7b4a32;
 font-size: 13px;
 font-weight: 800;
 text-align: center;
}

#photoModalWrap .photo-edetails span,
#photoModalWrap .photo-edetails2 span {
 display: inline-block;
 margin: 3px 6px;
}

#photoModalWrap .phd-author {
 color: #8b5a3c !important;
}

/* Inputs */
#photoModalWrap input[type="text"],
#photoModalWrap input[type="password"],
#photoModalWrap textarea,
#photoModalWrap select {
 vertical-align: middle;
 width: 100%;
 max-width: 100%;
 min-height: 38px;
 margin: 5px 0;
 padding: 10px 13px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 line-height: 1.5;
 color: #5b3a2d;
 background: #ffffff;
 border: 1px solid rgba(201,150,45,.35);
 border-radius: 16px;
 box-shadow: inset 0 1px 3px rgba(120,70,40,.05);
 outline: none;
 box-sizing: border-box;
}

#photoModalWrap input[type="text"]:focus,
#photoModalWrap input[type="password"]:focus,
#photoModalWrap textarea:focus,
#photoModalWrap select:focus {
 border-color: #c9962d;
 box-shadow: 0 0 0 3px rgba(201,150,45,.14);
}

#photoModalWrap textarea {
 min-height: 110px;
 height: auto;
 overflow: auto;
 resize: vertical;
}

#photoModalWrap .securityCode {
 height: auto !important;
}

#photoModalWrap #message {
 width: 100%;
 min-height: 110px !important;
}

/* Buttons */
#photoModalWrap input[type="button"],
#photoModalWrap input[type="submit"],
#photoModalWrap input[type="reset"],
#photoModalWrap .button {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 min-width: 110px;
 height: auto;
 margin: 5px;
 padding: 11px 20px !important;
 text-align: center;
 text-decoration: none !important;
 font: 800 13px/1.4 Arial, sans-serif;
 color: #3a2418 !important;
 border: 0 !important;
 border-radius: 24px;
 background: linear-gradient(135deg,#c9962d,#f4d98d) !important;
 box-shadow: 0 6px 18px rgba(150,95,50,.16);
 cursor: pointer;
 box-sizing: border-box;
}

#photoModalWrap input[type="button"]:hover,
#photoModalWrap input[type="submit"]:hover,
#photoModalWrap input[type="reset"]:hover,
#photoModalWrap .button:hover {
 background: linear-gradient(135deg,#f4d98d,#c9962d) !important;
 color: #3a2418 !important;
}

#photoModalWrap input[type="button"]:active,
#photoModalWrap input[type="submit"]:active,
#photoModalWrap input[type="reset"]:active,
#photoModalWrap .button:active {
 transform: translateY(1px);
 box-shadow: inset 0 2px 5px rgba(120,70,40,.18);
}

#photoModalWrap ::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/* BB-code buttons */
#photoModalWrap .codeButtons {
 min-width: 24px;
 margin: 2px 1px !important;
 padding: 4px 7px !important;
 width: auto !important;
 height: auto !important;
 line-height: 1.4 !important;
 border-radius: 10px !important;
 background: #fff7ee !important;
 border: 1px solid rgba(201,150,45,.25) !important;
 color: #8b5a3c !important;
 box-shadow: none !important;
}

/* Comments */
#photoModalWrap .cBlock1,
#photoModalWrap .cBlock2,
#photoModalWrap .cBlock1 td,
#photoModalWrap .cBlock2 td {
 font-size: 12px;
 font-family: Arial, sans-serif;
 color: #5b3a2d;
}

#photoModalWrap .cTop {
 border: 0;
}

#photoModalWrap .cBlock1,
#photoModalWrap .cBlock2,
#photoModalWrap .cMessage {
 border: 0 !important;
 background: none !important;
}

#photoModalWrap .cBlock1,
#photoModalWrap .cBlock2 {
 margin-bottom: 12px !important;
 padding: 14px !important;
 background: rgba(255,255,255,.88) !important;
 border: 1px solid rgba(201,150,45,.18) !important;
 border-radius: 18px !important;
}

#photoModalWrap .cMessage {
 color: #5b3a2d !important;
 line-height: 1.7;
}

#photoModalWrap .cMessage a:first-child img {
 margin: 0 5px 2px;
 border-radius: 50%;
}

/* Comment form */
#photoModalWrap #addform,
#photoModalWrap .commTable,
#photoModalWrap .smiles {
 margin: 0 !important;
 background: none !important;
 border: 0 !important;
}

#photoModalWrap .commTable {
 width: 100% !important;
}

#photoModalWrap .smiles {
 padding: 10px;
 background: #fff7ee !important;
 border-radius: 16px !important;
}

/* Add comment area */
#photoModalWrap #mphoto-addcmt,
#photoModalWrap .bc-dyn-add-comment {
 margin-top: 18px;
 padding: 18px;
 text-align: center;
 background: #fff7ee;
 border: 1px solid rgba(201,150,45,.20);
 border-radius: 22px;
 color: #5b3a2d;
 line-height: 1.7;
}

/* Mobile */
@media (max-width: 700px) {
 #dynPhoto {
 padding: 12px;
 border-radius: 22px;
 }

 #photoModalWrap .uphoto-entry {
 padding: 16px 12px;
 border-radius: 22px;
 }

 #photoModalWrap .photo-etitle {
 font-size: 21px;
 }

 #photoModalWrap .photo-edescr {
 font-size: 13px;
 }

 #photoModalWrap .ph-wrap {
 padding: 7px;
 border-radius: 20px;
 }

 #photoModalWrap input[type="button"],
 #photoModalWrap input[type="submit"],
 #photoModalWrap input[type="reset"],
 #photoModalWrap .button {
 width: 100%;
 margin: 5px 0;
 box-sizing: border-box;
 }
}