@import url('generic-padding-and-margins.css');
@import url('forms.css');

img {
    max-width:100%;
    height:auto !important;
    vertical-align:middle;
}

img.left {
    float: left;
    margin: 0 15px 15px 0;
}
img.right {
    float: right;
    margin: 0 0 15px 15px;
}
img.center {
    display : block;
    margin: 0 auto 0 auto;
    text-align: center;
}
img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom:20px;
}
img.rightAlone {
    float: right;
    margin-left: 100%;
    margin-bottom:20px;
}

.btn .fas,
.btn .fab,
.btn .far {
    margin-right:8px;
}

.widget .arrow {
    display:none;
}

.font-weight-bold { font-weight:bold; }
.font-weight-normal { font-weight:normal; }

.javascript-required { display:none; }

.overflow-visible { overflow:visible; }
.overflow-hidden { overflow:hidden; }
.overflow-auto { overflow:auto; }
.overflow-scroll { overflow:scroll; }

.nowrap { white-space:nowrap; }

.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.position-relative { position:relative; }
.position-absolute { position:absolute; }
.position-fixed { position:fixed; }
.position-static { position:static; }

.cursor-default { cursor:default; }
.cursor-none { cursor:none; }
.cursor-pointer { cursor:pointer; }
.cursor-help { cursor:help; }
.cursor-crosshair { cursor:crosshair; }
.cursor-not-allowed { cursor:not-allowed; }
.cursor-zoom-in { cursor:zoom-in; }
.cursor-zoom-out { cursor:zoom-out; }

.cycle-slideshow .slideshow-image { position:absolute; width:100%; }
.cycle-slideshow .slideshow-image:first-child { position:static; }
.cycle-slideshow .slideshow-image img { display:block; width:100%; }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* opacity */
.opacity-0 { opacity:0; }
.opacity-10 { opacity:0.1; }
.opacity-20 { opacity:0.2; }
.opacity-30 { opacity:0.3; }
.opacity-40 { opacity:0.4; }
.opacity-50 { opacity:0.5; }
.opacity-60 { opacity:0.6; }
.opacity-70 { opacity:0.7; }
.opacity-80 { opacity:0.8; }
.opacity-90 { opacity:0.9; }
.opacity-100 { opacity:1; }
/* hover opacity */
.hover-opacity-0:hover { opacity:0; }
.hover-opacity-10:hover { opacity:0.1; }
.hover-opacity-20:hover { opacity:0.2; }
.hover-opacity-30:hover { opacity:0.3; }
.hover-opacity-40:hover { opacity:0.4; }
.hover-opacity-50:hover { opacity:0.5; }
.hover-opacity-60:hover { opacity:0.6; }
.hover-opacity-70:hover { opacity:0.7; }
.hover-opacity-80:hover { opacity:0.8; }
.hover-opacity-90:hover { opacity:0.9; }
.hover-opacity-100:hover { opacity:1; }

.hover-no-underline:hover {
    text-decoration:none;
}

/* messages */
.message {
    padding:10px 10px 10px 38px;
    background:no-repeat 10px 13px;
    background-position:12px 18px;
}
.message,
.message a,
.message a:hover {
    color:#FFF;
}
.message a {
    text-decoration:underline;
}
.message a:hover {
    text-decoration:none;
}
.message,
.message.notice {
    background-color:#3D549E;
    background-image:url('../images/info.png');
}
.message.time {
    background-image:url('../images/clock.png');
}
.message.good {
    background-color:#4A9B18;
    background-image:url('../images/accept_green.png');
}
.message.validation,
.message.bad,
.message.error,
.message.stop,
.message.required {
    background-color:#9E1919;
}
.message.bad,
.message.error,
.message.required,
.message.validation {
    background-image:url('../images/stop_round.png');
}
.message.stop {
    background-image:url('../images/minus_round.png');
}
.message.warning {
    background-color:#EB9316;
    background-image:url('../images/dialog-warning.png');
}
/* invert the above for inline form field messages */
form .field .message,
.message.inverted {
    background-color:none;
    display:block;
    background-position:8px 8px;
    padding:5px 10px 5px 26px;
    background-color:transparent;
}
form .field .message,
form .field .message.notice,
form .field .message.notice a,
form .field .message.notice a:hover,
.message.inverted,
.message.inverted.notice,
.message.inverted.notice a,
.message.inverted.notice a:hover {
    color:#3D549E;
}
form .field .message.good,
form .field .message.good a,
form .field .message.good a:hover,
.message.inverted.good,
.message.inverted.good a,
.message.inverted.good a:hover {
    color:#4A9B18;
}
form .field .message.bad,
form .field .message.bad a,
form .field .message.bad a:hover,
form .field .message.stop, 
form .field .message.stop a,
form .field .message.stop a:hover,
form .field .message.required,
form .field .message.required a,
form .field .message.required a:hover,
form .field .message.validation,
form .field .message.validation a,
form .field .message.validation a:hover,
.message.inverted.bad,
.message.inverted.bad a,
.message.inverted.bad a:hover,
.message.inverted.stop,
.message.inverted.stop a,
.message.inverted.stop a:hover,
.message.inverted.required,
.message.inverted.required a,
.message.inverted.required a:hover,
.message.inverted.validation,
.message.inverted.validation a,
.message.inverted.validation a:hover {
    color:#9E1919;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="date"],
select,
textarea {
    outline: none;
    box-shadow:none !important;
    border:1px solid #ccc !important;
}

.WidgetHolder .arrow {
    display:none;
}

/* create a tight fitting thumbnail list, add class 'thumbnail-list' to a row */
.row.thumbnail-list {
    margin:1px -1px;
}
.row.thumbnail-list > div {
    padding:0;
    display:block;
    border:1px solid transparent;
}

#share-buttons {
    text-align:center;
    padding:8px 0 14px;
}
#share-buttons iframe {
    vertical-align:bottom !important;
    margin:0;
    padding:0;
}
#share-buttons iframe {
    margin:0 !important;
}

.play-button-overlay {
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    font-size:42px;
    border-radius:100%;
    line-height:50px;
    background:#FFF;
    text-align:center;
}

.text-color-inherit {
    color:inherit;
}

.easyaddress-map {
    height:400px;
}

.ui-datepicker,
.ui-timepicker {
    font-size:12px;
}

/* please wait layer */
#please-wait-layer {
    background:rgba(255,255,255,0.7);
    z-index:999998;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:none;
}
#please-wait-layer .image {
    position:fixed;
    background:rgba(255,255,255,0.7) url('../images/please-wait-animation.gif') no-repeat center 8px;
    width:340px;
    left:50%;
    margin-left:-170px;
    height:170px;
    top:50%;
    margin-top:-135px;
    border:5px solid #FFF;
    box-sizing:border-box;
    border-radius:20px;
    box-shadow:rgba(0,0,0,0.2) 0 0 30px ;
}

/* lists */
.icon-list a.icon {
    display:block;
    background-size:cover;
}

/* nav */
ul.css-hover-nav,
ul.css-hover-nav li,
ul.css-hover-nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
ul.css-hover-nav {
    text-align:left;
    font-size:0rem;
}
ul.css-hover-nav li {
    position:relative;
    white-space:nowrap;
    font-size:1rem;
}
ul.css-hover-nav a {
    display:block;
}
ul.css-hover-nav a:hover {
    text-decoration:none;
}
ul.css-hover-nav ul {
    position:absolute;
    z-index:999999999;
    visibility:hidden;
    min-width:100%;
}
ul.css-hover-nav li:hover > ul {
    visibility:visible;
}
/* level 1 only */
ul.css-hover-nav li.level-1:not(:last-child){
    margin-right:1em;
}

/* level 2 and onwards */
ul.css-hover-nav ul {
    background:rgba(0,0,0,0.7);
}
ul.css-hover-nav ul.level-2 li:hover > a {
    background:rgba(0,0,0,0.5);
}
ul.css-hover-nav ul li {
    width:100%;
}
ul.css-hover-nav ul a {
    padding:5px 10px;
}
/* children of level 2 */
ul.css-hover-nav ul.level-2 ul {
    left:100%;
    top:0;
}
ul.css-hover-nav li.level-1:last-child ul.level-2 {
    right:0;
    left:auto;
}
ul.css-hover-nav li.invert-child-nav ul.level-2 ul,
ul.css-hover-nav ul.level-2 li.invert-child-nav ul {
    left:auto;
    right:100%;
}
ul.css-hover-nav li.invert-child-nav ul.level-2 {
    right:0;
    left:auto;
}
ul.css-hover-nav ul.level-2 a {
    color:#FFF;
}

/* member actions */
#member-actions .member-action a:hover {
    text-decoration:none;
}
#member-actions .member-action a .image {
    padding-top:100%;
    background-image:url('../devmac/icons/members/default.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:90% auto;
}
#member-actions .member-action a:hover .image {
    opacity:0.7;
}
#member-actions .member-action.details a .image {
    background-image:url('../devmac/icons/members/details.png');
}
#member-actions .member-action.logout a .image {
    background-image:url('../devmac/icons/members/logout.png');
}

ul#footer-social {
    font-size:0.0000rem;
}