@import url('forms.css');
@import url('orientation.css');
@import url('fixes.css');

p.alert-success:not(.alert),
p.alert-info:not(.alert),
p.alert-warning:not(.alert),
p.alert-danger:not(.alert) {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
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;
}
img.leftAlone {
    display : block;
    margin: 0 auto 0 0;
}
img.rightAlone {
    display : block;
    margin: 0 0 0 auto;
}

.widget .arrow {
    display:none;
}

.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}

.javascript-required { display:none; }

.nowrap { white-space:nowrap; }

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

.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; }

.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 !important;
}

/* messages */
.message {
    padding:10px 15px;
    background:no-repeat 10px 13px;
    background-position:12px 18px;
    border-radius:4px;
}
.message,
.message a,
.message a:hover {
    color:#FFF;
}
.message a {
    text-decoration:underline;
}
.message a:hover {
    text-decoration:none;
}
.message,
.message.notice {
    color:#084298;
    background-color:#CFE2FF;
    border:1px solid #b6d4fe;
}
.message.good {
    color:#0f5132;
    background-color:#D1E7DD;
    border-color:#badbcc;
}
.message.validation,
.message.bad,
.message.error,
.message.stop,
.message.required {
    color:#842029;
    background-color:#F8D7DA;
    border-color:#f5c2c7;
}
.message.warning {
    color:#664d03;
    background-color:#FFF3CD;
    border-color:#ffecb5;
}

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

.text-shadow-small {
    text-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.text-shadow-medium {
    text-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.text-shadow-large {
    text-shadow:2px 2px 4px rgba(0,0,0,0.4);
}
.text-shadow-small-light {
    text-shadow:1px 1px 2px rgba(255,255,255,0.3);
}
.text-shadow-medium-light {
    text-shadow:1px 1px 2px rgba(255,255,255,0.3);
}
.text-shadow-large-light {
    text-shadow:2px 2px 4px rgba(255,255,255,0.3);
}

/* Negative margin */
.mt-n1, .my-n1 { margin-top: -0.25rem !important; }
.mt-n2, .my-n2 { margin-top: -0.5rem !important; }
.mt-n3, .my-n3 { margin-top: -1rem !important; }
.mt-n4, .my-n4 { margin-top: -1.5rem !important; }
.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }
.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }
.mb-n3, .my-n3 { margin-bottom: -0.9rem !important; }
.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }
.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.me-n1, .mx-n1 { margin-right: -0.25rem !important; }
.me-n2, .mx-n2 { margin-right: -0.5rem !important; }
.me-n3, .mx-n3 { margin-right: -0.75rem !important; }
.me-n4, .mx-n4 { margin-right: -1.5rem !important; }
.me-n5, .mx-n5 { margin-right: -3rem !important; }

.ms-n1, .mx-n1 { margin-left: -0.25rem !important; }
.ms-n2, .mx-n2 { margin-left: -0.5rem !important; }
.ms-n3, .mx-n3 { margin-left: -0.75rem !important; }
.ms-n4, .mx-n4 { margin-left: -1.5rem !important; }
.ms-n5, .mx-n5 { margin-left: -3rem !important; }

/* list item background for templated lists */
.list-item-background {
     background-size:cover;
     background-position:center;
     overflow:hidden;
}

/* widget removal of arrow */
#SideBarView .secondary .arrow {
    display:none;
}
#SideBarView .secondary .blogTagCloud {
    font-size:0.8rem !important;
}

/* tag cloud */
p.blogTagCloud {
    font-size:1em;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-wrap:wrap;
}
p.blogTagCloud .text {
    line-height:1em;
}
p.blogTagCloud .tagCount10 { font-size:1.8em; }
p.blogTagCloud .tagCount9 { font-size:1.7em; }
p.blogTagCloud .tagCount8 { font-size:1.6em; }
p.blogTagCloud .tagCount7 { font-size:1.5em; }
p.blogTagCloud .tagCount6 { font-size:1.4em; }
p.blogTagCloud .tagCount5 { font-size:1.3em; }
p.blogTagCloud .tagCount4 { font-size:1.2em; }
p.blogTagCloud .tagCount3 { font-size:1.1em; }
p.blogTagCloud .tagCount2 { font-size:1em; }
p.blogTagCloud .tagCount1 { font-size:0.9em; }


/* video-background-element-wrapper */
.corevideobackgroundelement {
    z-index:-1;
}
.corevideobackgroundelement .video-background-element-wrapper {
    position: relative;
    overflow:hidden;
}
.corevideobackgroundelement .video-background-element-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index:-1;
}
.corevideobackgroundelement .video-background-element-wrapper .video-background-element-content {
    z-index: 2;
    position: relative;
}

/* video play button overlay */
.video-play-button-overlay {
    background-color:rgba(0,0,0,0.4);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.video-play-button-overlay:after {
    content:'';
    color:#FFF;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:17% auto;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}