/* --- SITE WIDE --- */
.xindx {position:fixed;bottom:0;right:0;background:#000; color:#fff;font-size:.8rem;padding:.5rem .8rem;z-index:9999;}
.xindx i {color:#fff;}
.btn, .form-control {border-radius:0;}
.cursorpointer {cursor:pointer;}
.card {break-inside: avoid;}
button:focus,a:focus,img:focus,.btn:focus {outline:0;box-shadow:none;}
button {white-space: normal;}
.msgbox, .msgboxErr {
	position:absolute;
	z-index:9999;
	top:0;
	width:250px;
	left: calc(50% - 125px);
	height:auto;
	padding:10px 20px;
	background:#0c0;
	border: solid 1px black;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.msgboxErr {
	background:#c00;color:#fff;
}
/* -- TEXT -- */
.lead {font-size:1.5rem;}
label {font-weight:700;}
.handlee {font-family: 'Handlee', cursive;font-size:3rem;font-style:italic;text-align:center;margin:1rem auto;color:#fff;}
smallish {font-size:65%;}
smallest {font-size:50%;}
.lead {font-size:1.5rem;}
.size-1 { font-size: 0.5rem; }
.size-2 { font-size: 1rem; }
.size-3 { font-size: 1.5rem; }
.size-4 { font-size: 2rem; }
.size-5 { font-size: 2.5rem; }
.size-6 { font-size: 3rem; }
.size-7 { font-size: 3.5rem; }
.size-8 { font-size: 4rem; }
.size-9 { font-size: 4rem; }
.size-10 { font-size: 4rem; }
.display-1 {font-size:1.5rem;}
.display-2 {font-size:2rem;}
.display-3 {font-size:2.5rem;}
.display-4 {font-size:3rem;}
.display-5 {font-size:3.5rem; font-weight:300;line-height:1.2;}
.display-6 {font-size:4rem; font-weight:300;line-height:1.2;}
.display-7 {font-size:4.5rem; font-weight:300;line-height:1.2;}
.display-8 {font-size:5rem; font-weight:300;line-height:1.2;}
.display-9 {font-size:5.5rem; font-weight:300;line-height:1.2;}
.display-10 {font-size:6rem; font-weight:300;line-height:1.2;}
.op5 {opacity:.5 !important;}
.op6 {opacity:.6 !important;}
.op7 {opacity:.7 !important;}
.op8 {opacity:.8 !important;}
.op9 {opacity:.9 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw700 {font-weight:700 !important;}

/* -- ANCHORS -- */
a:hover {text-decoration:none;}
a:link.lnk-red,a:visited.lnk-red {color:#f00;}
a:hover.lnk-red {color:#800;}
a:link.lnk-white,a:visited.lnk-white {color:#fff;}
a:hover.lnk-white {color:#007bff;}
a:link.lnk-black,a:visited.lnk-black {color:#000;}
a:hover.lnk-black {color:#789;}

/* -- LAYOUT -- */
.w-10 {width:10%;}
.w-20 {width:20%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}
.mw-60 {max-width:60%;}
.mw-70 {max-width:70%;}
.mw-80 {max-width:80%;}
.mw-90 {max-width:90%;}

.pt-6,.py-6 {padding-top:3.5rem !important;}
.pt-7,.py-7 {padding-top:4rem !important;}
.pt-8,.py-8 {padding-top:4.5rem !important;}
.pt-9.,py-9 {padding-top:5rem !important;}
.pt-10,.py-10 {padding-top:5.5rem !important;}
.pb-6,.py-6{padding-bottom:3.5rem !important;}
.pb-7,.py-7 {padding-bottom:4rem !important;}
.pb-8,.py-8 {padding-bottom:4.5rem !important;}
.pb-9.,py-9 {padding-bottom:5rem !important;}
.pb-10,.py-10 {padding-bottom:5.5rem !important;}
.pl-6,.px-6 {padding-left:3.5rem !important;}
.pl-7,.px-7 {padding-left:4rem !important;}
.pl-8,.px-8 {padding-left:4.5rem !important;}
.pl-9,.px-9 {padding-left:5rem !important;}
.pl-10,.px-10 {padding-left:5.5rem !important;}
.pr-6,.px-6 {padding-right:3.5rem !important;}
.pr-7,.px-7 {padding-right:4rem !important;}
.pr-8,.px-8 {padding-right:4.5rem !important;}
.pr-9,.px-9 {padding-right:5rem !important;}
.pr-10,.px-10 {padding-right:5.5rem !important;}
.mt-6,.my-6 {margin-top:3.5rem !important;}
.mt-7,.my-7 {margin-top:4rem !important;}
.mt-8,.my-8 {margin-top:4.5rem !important;}
.mt-9,.py-9 {margin-top:5rem !important;}
.mt-10,.my-10 {margin-top:5.5rem !important;}
.mb-6,.my-6{margin-bottom:3.5rem !important;}
.mb-7,.my-7 {margin-bottom:4rem !important;}
.mb-8,.my-8 {margin-bottom:4.5rem !important;}
.mb-9,.py-9 {margin-bottom:5rem !important;}
.mb-10,.my-10 {margin-bottom:5.5rem !important;}
.ml-6,.mx-6 {margin-left:3.5rem !important;}
.ml-7,.mx-7 {margin-left:4rem !important;}
.ml-8,.mx-8 {margin-left:4.5rem !important;}
.ml-9,.mx-9 {margin-left:5rem !important;}
.ml-10,.mx-10 {margin-left:5.5rem !important;}
.mr-6,.mx-6 {margin-right:3.5rem !important;}
.mr-7,.mx-7 {margin-right:4rem !important;}
.mr-8,.mx-8 {margin-right:4.5rem !important;}
.mr-9,.mx-9 {margin-right:5rem !important;}
.mr-10,.mx-10 {margin-right:5.5rem !important;}
.maxw90 {max-width:90% !important;}
.maxw100 {max-width:100% !important;}

.mh400 {min-height:400px; overflow:hidden;}
.mh500 {min-height:500px; overflow:hidden;}
.mh600 {min-height:600px; overflow:hidden;}
.mh700 {min-height:700px; overflow:hidden;}
.mh800 {min-height:800px; overflow:hidden;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-grey1 {background-color:#f7f8f9;}
.bg-grey2 {background-color:#e7eaed;}
.bg-grey3 {background-color:#dbdee3;}
.bg-grey4 {background-color:#c9cfd5;}
.bg-grey5 {background-color:#a6adb6;}
.bg-grey6 {background-color:#646c73;}
.bg-grey7 {background-color:#43484f;}
.bg-grey8 {background-color:#30343a;}
.bg-grey9 {background-color:#202326;}
.bg-yellow {background-color:#ffeb99;}
.img-r10 {float:right;width:10%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r20 {float:right;width:20%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r25 {float:right;width:25%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r30 {float:right;width:30%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r40 {float:right;width:40%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r50 {float:right;width:50%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r60 {float:right;width:60%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r70 {float:right;width:70%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-r80 {float:right;width:80%;margin-left:25px;margin-bottom:10px;margin-top:10px;}
.img-l10 {float:left;width:10%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l20 {float:left;width:20%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l25 {float:left;width:25%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l30 {float:left;width:30%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l40 {float:left;width:40%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l50 {float:left;width:50%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l60 {float:left;width:60%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l70 {float:left;width:70%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-l80 {float:left;width:80%;margin-right:25px;margin-bottom:10px;margin-top:10px;}
.img-c25 {float:none;width:25%;margin:20px;}
.img-c50 {float:none;width:50%;margin:20px;}

/* -- GRIDS -- */
.cc5 {column-count:5;}
.cc4 {column-count:4;}
.cc3 {column-count:3;}
.cc2 {column-count:2;}
.cc1 {column-count:1;}
.cc0 {column-count:auto;}
/* --  GRID IMAGES -- */
.iwrap {column-gap:10px;margin-bottom:20px;-webkit-perspective:1;}
.iitem {height:auto;padding:6px;background:#fff;margin-bottom:10px;page-break-inside: avoid;cursor:pointer;overflow:hidden;}
.iitem img {width:100% !important; height:auto !important;}
.iitem p {text-align:center;overflow:none;display:block;padding:10px;margin:0;color:#333;}
/* --  GRID VIDEOS -- */
.vwrap {column-gap:10px;margin-bottom:10px;-webkit-perspective:1;}
.vitem {width:100%;height:auto;padding:6px;background:#f4f4f9;margin-bottom:10px;page-break-inside: avoid;cursor:pointer;overflow:hidden;border:solid 1px #888;}
.vitem div {width:100% !important; height:auto !important;}
.vitem p {text-align:center;overflow:none;display:block;padding:10px;margin:0;color:#333;}
/* -- GRID POSTS -- */
.pwrap {margin-bottom:10px;}
.pitem {position:relative;padding:7px;padding-bottom:50px;margin:0 1% 10px 1%;background:#fff;overflow:hidden;}
.w32 {width:31%;}
.w24 {width:23%;}
.pitem img {display:block;width:100% !important; height:auto !important;margin-bottom:10px;}
.pitem h4 {text-align:center;width:100%;}
.pitem p {text-align:center;overflow:none;padding:10px;margin:0;}
.pitem span {display:block;position:absolute;bottom:0;left:0;width:100%;padding:.5rem 1rem;text-align:center;}

/* -- ARTICLE LIST -- */
.card-footer{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}
/* -- ARTICLE SINGLE -- */
.twitter-timeline {width:100% !important;margin:0 auto;}
.article-header {
	background-color:#d8edf6;
	text-align:center;
	padding:5rem;
}
.article-header div.sticky-top {
    padding-top: 12em;
    margin-top: -12em;
}
.article-content {
	margin:0;
	padding:0;
}
.article-render {padding:1.5rem;}
a:link.article-textback,a:visited.article-textback {display:block;color:#fff;font-size:1.2rem;line-height:1.2rem;z-index:9999;}
a:hover.article-textback {color:#eee;}
.vidbox {
	display:block;
	position:relative;
	width:100%;
	margin:20px auto;
	overflow:hidden;
}

/* -- ANIMATION -- */
.animate {animation-duration: 1s;animation-fill-mode: both;}
.animate.infinite {animation-iteration-count: infinite;}
.animate.delay1 {animation-delay: 0.2s;}
.animate.delay2 {animation-delay: 0.4s;}
.animate.delay3 {animation-delay: 0.6s;}
.animate.delay4 {animation-delay: 0.8s;}
.animate.delay5 {animation-delay: 1s;}
@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
.fade-in {
	animation-timing-function: ease-in;
	animation-duration: 2s;
	animation-name: fadein;
}
@keyframes fadeout {
	from {opacity: 1;}
	to {opacity: 0;}
}
.fade-out {
	animation-timing-function: ease-in;
	animation-duration: 2s;
	animation-name: fadeout;
}
@keyframes fadeinout {
  0%   { opacity:1; }
  50%  { opacity:0.1; }
  100% { opacity:1; }
}
.fade-in-out {
    animation: fadeinout 2s infinite;
}
@keyframes fadeinleft {
  0% {opacity: 0;transform: translate3d(-100%, 0, 0);}
  33% {opacity: 0.2;}
  66% {opacity: 0.6;}
  100% {opacity: 1;transform: translate3d(0, 0, 0);}
}
.fade-in-left {animation-name: fadeinleft;}
@keyframes fadeinright {
  from {opacity: 0;transform: translate3d(100%, 0, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}
.fade-in-right {animation-name: fadeinright;}
@keyframes fadeinup {
  from {opacity: 0;transform: translate3d(0, 100%, 0);}
  to {opacity: 1;transform: translate3d(0, 0, 0);}
}
.fade-in-up {animation-name: fadeinup;}
@keyframes fadeindown {
	from {opacity: 0; transform: translate3d(0, -100%, 0);}
	to {opacity: 1; transform: translate3d(0, 0, 0);}
}
.fade-in-down {animation-name: fadeindown;}