html {
background-color:#000000;
margin:0px;
padding:0px;
overflow-x:hidden;
text-align:center;
}
body {
display:inline-block;
margin:0px;
font-size:18px;
font-family: 'Source Sans Pro', arial, sans-serif;
color:#252525;
width:100%;
max-width:2000px;
background-color:#fafafa;
}
* {
transition:background-color 200ms linear;
-webkit-transition:background-color 200ms linear;
}
a, input {text-underline-offset:4px;}
.container {
width:100%;
text-align:left;
box-sizing: border-box;
position:relative;
display:inline-block;
//max-width:1420px;
padding-left:10px;
padding-right:10px;
}
#main {
opacity:0;
min-height:800px;
padding-bottom:40px;
position:relative;
}
#loader {
position:absolute;
width:40px;
height:40px;
vertical-align:middle;
display:none;
margin-left:20px;
background-image:url(images/spinner.gif);
background-repeat:no-repeat;
background-size:contain;
}
input[type=button], input[type=reset], input[type=submit], button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.nofade {opacity:1;}
.disabled {
color:#bbbbbb !important;
}
.ctamini {
color:#dddddd;
background-color:#c5293f;
padding:5px;
padding-left:10px;
padding-right:10px;
border-radius:3px;
display:inline-block;
cursor:pointer;
font-family:'Yantramanav';
border:0px;
}
.ctamini:hover {
background-color:#db354d;
}
h1 {
margin-top:0px;
font-weight:normal;
}
.fill {
background-color:#eeeded;
}
.error {
color:red;
font-size:16px;
font-style:italic;
}
.success {
color:blue;
font-size:16px;
font-style:italic;
display:inline-block;
}
.hide {
display:none !important;
}
.overlay {
position:fixed;
width:100%;
top:0px;
bottom:0px;
background-color:rgba(0,0,0,.7);
z-index:10;
display:none;
}
.popholder {
z-index:12;
position:fixed;
width:100%;
top:0px;
left:0px;
text-align:center;
max-height:100%;
overflow:auto;
display:none;
}
.popup {
max-width:95%;
box-sizing:border-box;
text-align:center;
background-color:#ffffff;
padding:30px;
border:1px solid #eeeeee;
display:inline-block;
margin-top:50px;
border-radius:5px;
z-index:15;
position:relative;
}
.popup2 {
width:300px;
padding:15px;
}
.close {
position:absolute;
top:5px;
right:5px;
display:inline-block;
color:#999999;
font-size:16px;
text-decoration:none;
cursor:default;
}
.close span {
font-size:17px;
}
.cancel {
display:inline-block;
margin-left:10px;
color:#c5293f;
text-decoration:underline;
cursor:pointer;
background:none;
border:0;
}
.popup .textfield {
padding:8px;
border:1px solid #cccccc;
border-radius:5px;
background-color:#fbfbfb;
width:100%;
box-sizing:border-box;
font-size:18px;
}
.popup .label {
display:block;
margin-bottom:6px;
}
.progbar1 {
height:10px;
border:1px solid #cccccc;
box-sizing:border-box;
background-color:#999999;
}
.progbar2 {
background-color:#db354d;
height:8px;
width:0px;
}
.spinner {
height:70px;
width:70px;
}
.spinner2 {
height:12px;
width:12px;
margin-left:6px;
position:relative;
top:2px;
}
#goback {
position:relative;
top:-15px;
cursor:pointer;
display:inline-block;
}
#goback img {
height:12px;
width:auto;
vertical-align:middle;
margin-right:3px;
position:relative;
top:-1px;
}
.small {
font-size:13px;
}
.smallcap {
font-size:18px;
}
.vjs-big-play-button {
font-size: 2.8em !important;
line-height: 2.6em !important;
height: 2.8em !important;
width: 2.8em !important;
-webkit-border-radius: 2.8em !important;
-moz-border-radius: 2.8em !important;
border-radius: 2.8em !important;
background-color: #000000 !important;
background-color: rgba(0,0,0,.7) !important;
border-width: 2px !important;
margin-top: -1.25em !important;
margin-left: -1.25em !important;
}
.vjs-big-play-button .vjs-icon-placeholder {
font-size: 1.63em !important;
}
.loglink2 {
color:#c5293f;
cursor:pointer;
}
#contentframe {
width:100%;
min-height:800px;
}
@media screen and (max-width:500px) {
.overlay {background-color:#ffffff !important;}
.popup {border:0 !important;}
}
@media screen and (min-width:1400px) {
.container {width:95%}
}
/************************************ HEADER ************************************/
@media screen and (max-width:400px) {
.break {display:block;}
}
@media screen and (max-width:750px) {
#searchform, .ctalink {display:none !important;}
#avatar {width:40px !important; height:40px !important; margin-right:45px !important;margin-top:0px !important;}
#header .container {text-align:center !important;}
#logo {margin-left:0px !important;margin-right:0px !important;}
}
@media screen and (min-width:751px) {
#searchformM {display:none !important;}
.searchbuttonM {display:none !important;}
}
@media screen and (max-width:1200px) {
#desknav {display:none !important;}
#menuicon, #submenu {display:none !important;}
#logo {margin-left:70px}
}
@media screen and (min-width:1201px) {
#mobicon, #mobnav {display:none !important;}
}
#header {
padding-top:8px;
padding-bottom:8px;
background-color:#471a21;
position:relative;
width:100%;
box-sizing:border-box;
height:65px;
z-index:2;
}
#header table {
width:100%;
}
.headleft {
text-align:left;
}
.headright {
text-align:right;
display:inline-block;
margin-top:5px;
float:right;
position:relative;
}
#logo {
position:relative;
font-size:40px;
text-decoration:none;
display:inline-block;
vertical-align:middle;
margin-right:10px;
width:150px;
}
#logo img {
width:100%;
height:auto;
}
#desknav {
display:inline-block;
position:relative;
}
.navlink {
display:inline-block;
margin-right:6px;
letter-spacing:1.3px;
font-weight:400;
text-decoration:none;
font-variant:small-caps;
font-size:25px;
color:#dddddd;
font-family:'Yantramanav';
position:relative;
top:5px;
background:none;
border:0;
transform: scaleX(0.9);
-webkit-transform: scaleX(0.9);
-moz-transform: scaleX(0.9);
-ms-transform: scaleX(0.9);
-0-transform: scaleX(0.9);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
cursor:pointer;
}
.navlink:after {
display:block;
content: '';
border-bottom:solid 4px #c5293f;
transform: scaleX(0);
transition: transform 250ms ease-in-out;
}
.navlink.dropdown:after {
border-bottom:0px;
transform: scaleX(1);
}
.navlink:hover:after {
transform: scaleX(1);
}
.droplist {
position:absolute;
list-style:none;
padding-left:0px;
margin-top:0px;
margin-left:-10px;
background-color:#471a21;
display:none;
width:180px;
padding-bottom:15px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.droplist li {
padding-left:10px;
padding-right:20px;
display:block;
}
.droplist a {
color:inherit;
text-decoration:none;
}
.dropdown:hover .droplist {display:block;}
.ctaholder {
position:relative;
width:165px;
height:29px;
vertical-align:middle;
display:inline-flex;
text-align:right;
}
#header .ctalink {
color:#dddddd;
font-family:'Yantramanav';
font-size:15px;
font-variant:normal;
cursor:pointer;
border-radius:15px;
transition: color 250ms ease-in-out;
margin-left:0px;
margin-right:6px;
position:relative;
top:8px;
}
#header .ctalink:hover {
color:#f65c71;
}
#header .ctalink:after {
display:none !important;
}
#searchform {
display:inline-block;
position:relative;
top:1px;
vertical-align:top;
height:38px;
background-color:#ffffff;
border-radius:5px;
}
#searchform .textfield {
padding-left:8px;
border:0px;
box-sizing:border-box;
padding-right:5px;
width:220px;
max-width:100%;
border-radius:5px;
height:35px;
font-size:17px;
position:relative;
top:1px;
}
#searchform .textfield:focus {
outline:1px solid #ffffff;
}
#searchM {
width:100%;
background-color:#ffffff;
position:relative;
display:none;
padding-top:12px;
padding-bottom:12px;
border-bottom:1px solid #dddddd;
}
#searchformM {
position:relative;
background-color:#f5f5f5;
border-radius:5px;
height:38px;
box-sizing:border-box;
width:80%;
border:1px solid #eaeaea;
text-align:left;
}
#searchformM .textfield {
font-size:17px;
padding-left:8px;
padding-right:35px;
background-color:#f5f5f5;
border:0;
height:38px;
width:100%;
box-sizing:border-box;
}
.searchbutton {
display:inline-block;
font-size:10px;
vertical-align:middle;
height:25px;
position:relative;
left:-5px;
}
#searchformM .searchbutton2 {
display:inline-block;
font-size:10px;
height:25px;
position:absolute;
right:5px;
top:7px;
}
.searchbutton img, .searchbutton2 img {
height:100%;
width:auto;
}
.searchbuttonM {
position:absolute;
right:10px;
top:8px;
display:inline-block;
height:35px;
}
.searchbuttonM img {
height:100%;
width:auto;
}
#mobicon {
position:absolute;
left:10px;
top:13px;
display:inline-block;
height:25px;
}
#mobicon img {
height:100%;
width:auto;
}
.searchbuttonM i {
font-size:40px;
}
#mobnav {
width:100%;
background-color:#ffffff;
position:relative;
display:none;
padding-bottom:5px;
border-bottom:1px solid #dddddd;
}
.navlinkM {
display:block;
width:100%;
padding:4px;
padding-left:10px;
color:#333333;
text-decoration:none;
font-variant:small-caps;
font-family:'Yantramanav';
text-align:left;
font-size:24px;
letter-spacing:1px;
background:none;
border:0;
}
#mobnav .line {
margin-top:8px;
margin-bottom:4px;
margin-left:10px;
margin-right:10px;
border-top:1px solid #e9e9e9;
}
#avatar {
display:inline-block;
width:40px;
height:40px;
vertical-align:top;
margin-right:10px;
cursor:pointer;
background-size:contain;
background-position:top center;
border-radius:25px;
}
#avatar img {
width:100%;
height:100%;
}
#submenu {
position:absolute;
right:90px;
width:230px;
box-shadow:1px 1px 5px #cccccc;
z-index:7;
background-color:#ffffff;
padding-bottom:6px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
display:none;
}
.sublink {
display:block;
padding:10px;
color:inherit;
text-decoration:none;
border:0;
text-align:left;
font-size:18px;
}
.sublink a {
color:inherit;
cursor:pointer;
text-decoration:none;
}
.sublink input {
border:0;
background:transparent;
font-size:18px;
color:inherit;
font-weight:normal;
padding:0px;
font-family:inherit;
cursor:pointer;
}
/************************************ APP BAR *********************************/
#appbar {
position:fixed;
bottom:0px;
left:0px;
width:100%;
padding:5px;
background-color:#eeeeee;
z-index:4;
text-align:center;
display:flex;
justify-content:space-evenly;
align-items:top;
height:50px;
box-sizing:border-box;
border-top:1px solid #cccccc;
}
.appbutton {
display:inline-block;
font-size:10px;
position:relative;
text-decoration:none;
color:inherit;
vertical-align:top;
cursor:pointer;
}
.appbutton span {
font-size:14px;
display:block;
font-variant:small-caps;
text-decoration:none;
}
.appbutton img {
height:25px;
width:auto;
}
.app_post img {
height:45px;
position:relative;
top:-3px;
}
#appsubmit {
display:none;
}
/************************************ NOTIFICATIONS *********************************/
@media screen and (max-width:500px) {
#notewindow {width:100% !important;box-shadow:none !important;border-radius:0px !important;border-bottom:1px solid #dddddd;}
}
#noticon {
display:inline-block;
height:35px;
margin-right:10px;
position:relative;
top:4px;
font-size:12px;
cursor:pointer;
}
#noticon img {
height:100%;
width:auto;
}
.notealert {
position:absolute;
top:-1px;
right:-3px;
width:12px;
height:12px;
background-color:#c5293f;
border-radius:50%;
display:none;
}
#notewindow {
position:absolute;
right:0px;
width:400px;
box-shadow:1px 1px 5px #cccccc;
z-index:6;
background-color:#ffffff;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
display:none;
box-sizing:border-box;
}
#noteslide {
position:fixed;
left:0px;
bottom:45px;
width:100%;
z-index:10;
background-color:#ffffff;
box-sizing:border-box;
padding:0px;
display:none;
}
#notehead {
padding:10px;
width:100%;
background-color:#c5293f;
color:#fafafa;
box-sizing:border-box;
}
#noteholder {
max-height:600px;
overflow-y:auto;
overflow-x:hidden;
}
#noteslide #noteholder {
max-height:400px;
}
.deletenote2, .closenote {
display:inline-block;
float:right;
font-size:12px;
text-decoration:underline;
position:relative;
top:3px;
cursor:pointer;
margin-left:20px;
}
.noteblock {
width:100%;
padding:10px;
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #dddddd;
box-sizing:border-box;
background-color:#f5f5f5;
}
.noteblock.unread {
background-color:#ffffff;
}
.noteblock.last {
border:0px;
}
.notetext {
display:block;
margin-bottom:3px;
font-size:16px;
padding-right:10px;
}
.notetext2 {
display:block;
margin-bottom:3px;
font-size:16px;
padding-right:10px;
font-style:italic;
}
.notedate {
display:block;
font-size:12px;
color:#666666;
}
.notetext a {
color:inherit;
text-decoration:underline;
}
.deletenote {
float:right;
display:inline-block;
position:relative;
top:5px;
cursor:pointer;
}
.deletenote img {
height:10px;
width:auto;
}
#notewindow2 .deletenote {
top:8px;
padding:8px;
background-color:#f5f5f5;
border-radius:50%;
}
/************************************ BANNERS *********************************/
@media screen and (max-width:500px) {
.grid1 .box {width:100% !important;}
.grid2 .box {width:100% !important;}
}
@media screen and (min-width:501px) and (max-width:900px) {
.grid1 .box {width:100% !important;}
.grid2 .box {width:50% !important;}
}
@media screen and (min-width:501px) and (max-width:1300px) {
.boxlabel {font-size:24px !important;padding-top:12px !important;}
}
.grid img {
width:100%;
height:auto;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-color:#000000;
}
.grid {
font-size:0;
}
.box {
box-sizing:border-box;
border:1px solid #252525;
display:inline-block;
position:relative;
vertical-align:top;
}
.grid1 .box {width:50%;}
.grid2 .box {width:25%;}
.banner_large, .banner_small {
display:none;
}
.banner_large.active, .banner_small.active {
display:block;
}
.banner_large img, .banner_small img {
position:absolute;
top:0px;
left:0px;
}
.banner_small .vidoverlay {
background:transparent !important;
top:20px;
}
.banner_event img {
height:calc(100% - 52px);
height:-webkit-calc(100% - 52px);
height:-moz-calc(100% - 52px);
height:-o-calc(100% - 52px);
background-size:contain;
}
.boxlabel {
position:absolute;
bottom:0px;
left:0px;
z-index:3;
padding:6px;
height:52px;
width:100%;
box-sizing:border-box;
font-size:32px;
font-family:'Yantramanav';
color:#ffffff;
font-weight:bold;
background-color:rgba(100,100,100,.8);
background: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(170,170,170,1) 25%, rgba(204,204,204,1) 50%, rgba(170,170,170,1) 75%, rgba(153,153,153,1) 100%);
background: linear-gradient(90deg, rgba(194,160,31,1) 0%, rgba(200,171,58,1) 32%, rgba(207,178,67,1) 50%, rgba(200,171,58,1) 67%, rgba(194,160,31,1) 100%);
//background-image:url(images/bground_light.jpg);
background-size:cover;
background-position:center;
text-shadow:0px 0px 3px #222222;
}
/************************************ FORMS *********************************/
@media screen and (max-width:510px) {
#logform .cform {border:0 !important;}
#postform .cform {border:0 !important; width:100% !important;margin-top:0px !important;}
.field50 {width:100% !important;display:block !important;float:none !important;}
}
@media screen and (max-width:750px) {
#regform {margin-top:-20px;}
}
.cform {
width:95%;
max-width:500px;
box-sizing:border-box;
text-align:left;
background-color:#ffffff;
padding:30px;
border:1px solid #eeeeee;
display:inline-block;
}
.cform label {
display:block;
width:100%;
margin-bottom:3px;
}
.cform .textfield {
padding:8px;
border:1px solid #cccccc;
border-radius:5px;
background-color:#fbfbfb;
width:100%;
box-sizing:border-box;
font-size:18px;
}
#eventform .textfield, #eventform2 .textfield {
padding:5px;
font-size:17px;
}
.cta {
padding:10px;
padding-left:30px;
padding-right:30px;
background-color:#c5293f;
color:#ffffff;
font-family:'Yantramanav';
border:0;
border-radius:5px;
font-size:20px;
letter-spacing:1px;
cursor:pointer;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.cta2 {
padding:5px;
padding-left:10px;
padding-right:10px;
background-color:#c5293f;
color:#ffffff;
font-family:'Yantramanav';
border:0;
border-radius:5px;
font-size:16px;
letter-spacing:1px;
cursor:pointer;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.cform .cta {
width:100%;
}
.cta:hover {
background-color:#db354d;
}
.cform h1 {
text-align:center;
margin-top:-10px;
}
.cform .checkbox {
height:20px;
width:20px;
position:relative;
vertical-align:middle;
top:-2px;
background-color:#fafafa;
}
.cform .radio {
height:20px;
width:20px;
position:relative;
vertical-align:middle;
top:-4px;
margin-left:0px;
}
.cform a {
color:#c5293f;
text-decoration:none;
}
.ferror {
border:2px solid red !important;
}
#logform .cform {
width:100%;
max-width:400px;
border-radius:15px;
margin-top:50px;
transform: scale(0,0);
transition: transform 250ms ease-in-out;
}
.logcancel {
display:block;
text-align:center;
margin-top:-6px;
margin-bottom:-10px;
text-decoration:underline !important;
cursor:pointer;
}
.forgot {
color:#666666 !important;
font-size:15px;
}
#postfile, #eventfile, #eventfile2 {
visibility:hidden;
position:absolute;
}
.postform a {
color:inherit !important;
}
.postform .cform {
margin-top:30px;
}
.postform .cta {
color:#ffffff !important;
margin-top:10px;
display:block;
box-sizing:border-box;
margin-bottom:10px;
}
.postform .choose1 {
width:100%;
padding:25px;
padding-top:50px;
padding-bottom:50px;
text-align:center;
display:block;
border:1px solid #cccccc;
color:#999999;
border-radius:5px;
box-sizing:border-box;
cursor:pointer;
}
.choose1:hover {
background-color:#fafafa;
}
.change {
font-size:14px;
color:#999999 !important;
cursor:pointer;
display:none;
padding:6px;
background-color:#eeeeee;
border:1px solid #cccccc;
margin-top:3px;
margin-left:5px;
margin-right:5px;
}
.cancelink {
font-size:16px;
color:#999999 !important;
text-decoration:underline !important;
cursor:pointer;
}
.fileprev {
display:none;
width:100%;
box-sizing:border-box;
text-align:center;
position:relative;
}
.fileprev img {
width:auto;
height:auto;
max-width:100%;
max-height:200px;
}
.fileprev .mejs__video, .fileprev video {
max-width:100% !important;
height:auto !important;
width:auto !important;
max-height:240px;
display:inline-block;
}
.fileprev .mejs__mediaelement {
position:relative;
}
.fileprev .mejs__layer {
width:100% !important;
height:100% !important;
}
.fname {
font-size:14px;
font-style:italic;
}
#post_prog, #tr_prog, #event_prog, #event_prog2 {
background-color:#fbfbfb;
display:none;
text-align:left;
}
#vimform {
display:none;
}
.field50 {
display:inline-block;
width:48%;
vertical-align:top;
margin-bottom:15px;
}
.field100 {
width:100%;
margin-bottom:15px;
}
.fieldRight {
float:right;
}
/************************************ PROFILE PAGE *********************************/
@media screen and (max-width:750px) {
#profile .container {text-align:center !important;}
#profile_info {width:100% !important; margin-top:20px;}
.followbutton {margin-top:-10px;}
}
#profile .container {
padding-left:25px;
padding-right:25px;
}
#profile_crop .popup {
max-width:500px !important;
}
#profile_pic {
display:inline-block;
text-align:center;
margin-right:10px;
}
#profile_pic img {
max-width:100%;
height:auto;
margin-bottom:10px;
}
#pic_holder {
position:relative;
width:250px;
height:250px;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
box-sizing:border-box;
margin-bottom:8px;
border:1px solid #dddddd;
}
#pic_spinner {
width:100%;
text-align:center;
position:absolute;
left:0px;
top:40%;
}
#pic_prog {
position:absolute;
bottom:0px;
left:0px;
width:100%;
display:none;
background-color:#000000;
}
#cropImage {
max-width:100%;
max-height:250px;
width:auto;
height:auto;
box-sizing:border-box;
}
.savecrop {
display:block;
margin-top:15px;
margin-bottom:6px;
}
#profile_info {
display:inline-block;
vertical-align:top;
width:55%;
}
.pname {
font-size:30px;
}
.namesmall {
font-size:18px;
}
.numfollows {
display:inline-block;
margin-bottom:4px;
font-size:16px;
font-weight:bold;
}
.followbutton {
display:inline-block;
cursor:pointer;
padding:5px;
padding-left:12px;
padding-right:12px;
color:#fafafa;
font-weight:bold;
background-color:#c5293f;
font-size:14px;
text-decoration:none;
border-radius:8px;
letter-spacing:1px;
}
.followbutton:hover {
background-color:#db354d;
}
.editbutton {
display:inline-block;
cursor:pointer;
background-color:#e9e9e9;
border-radius:5px;
border:1px solid #999999;
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
margin-bottom:8px;
text-decoration:none;
color:inherit;
font-size:16px;
}
.editbutton img {
width:auto;
height:14px;
position:relative;
top:1.5px;
}
.editbutton:hover {
background-color:#eeeeee;
}
.editlink {
font-size:14px;
display:inline-block;
margin-left:10px;
margin-right:10px;
cursor:pointer;
text-decoration:underline;
}
.pinfo i {
vertical-align:middle;
position:relative;
top:-2px;
margin-right:5px;
}
#profile_links, #profile_social {
margin-top:8px;
display:inline-block;
text-align:left;
}
#profile_links a {
color:inherit;
text-decoration:none;
}
#profile_social a {
color:inherit;
text-decoration:none;
display:inline-block;
width:30px;
position:relative;
margin-right:5px;
cursor:pointer;
}
#profile_social img {
width:100%;
height:auto;
}
.profile_bio {
display:inline-block;
margin-top:15px;
text-align:left;
}
#picform {
position:fixed;
left:-100%;
}
#delete_confirm, .delete_confirm2, .delete_confirm3 {
display:none;
position:absolute;
bottom:0px;
left:0px;
width:100%;
background-color:#c5293f;
color:#ffffff;
text-align:center;
font-size:16px;
box-sizing:border-box;
padding:6px;
}
.ctadelete {
padding-bottom:1px;
width:35px;
text-align:center;
display:inline-block;
cursor:pointer;
border:2px solid;
border-radius:25px;
}
.ctadelete:hover {
background-color:#db354d;
}
#profilecontent {
width:100%;
padding-top:30px;
padding-bottom:30px;
}
.delete_content {
position:absolute;
top:0px;
right:0px;
font-size:10px;
padding:5px;
background-color:rgba(0,0,0,.3);
height:25px;
width:auto;
display:none;
}
#profilecontent .cholder:hover .delete_content {
display:inline-block;
}
.delete_confirm2 .div2 {
display:none;
}
.delete_confirm2 .div2 img {
height:25px;
width:auto;
}
.edit_caption, .edit_purch {
display:inline-block;
height:15px;
width:auto;
margin-left:5px;
font-size:10px;
cursor:pointer;
position:relative;
top:1px;
}
.ctitle_edit, .cpurch_edit {
position:absolute;
top:0px;
background-color:#fafafa;
padding-bottom:50px;
padding-top:6px;
display:none;
}
.ctitle_edit .titlefield {
width:100%;
margin-bottom:4px;
padding:5px;
box-sizing:border-box;
}
.cpurch_edit .purchlink {
width:100%;
margin-bottom:8px;
padding:5px;
box-sizing:border-box;
}
.cpurch_edit .purchprice {
width:100%;
margin-bottom:4px;
padding:5px;
box-sizing:border-box;
}
.postbutton {
display:inline-block;
cursor:pointer;
}
#profileevents {
width:100%;
padding-top:30px;
padding-bottom:30px;
background-color:#eeeded;
}
.pending {
margin:15px;
margin-bottom:30px;
}
.pendinglink {
color:#333333;
}
/************************************ CONTENT BLOCKS *********************************/
@media screen and (max-width:400px) {
.cblock {width:100% !important;}
}
@media screen and (max-width:550px) {
.sectitle {text-align:center !important;margin-left:0px !important;}
}
@media screen and (min-width:401px) and (max-width:650px) {
.cblock {width:50% !important;}
}
@media screen and (min-width:651px) and (max-width:900px) {
.cblock {width:33.3% !important;}
}
@media screen and (min-width:901px) and (max-width:1150px) {
.cblock {width:25% !important;}
}
@media screen and (min-width:501px) and (max-width:750px) {
.cblock.hasflyer, .cblock.noflyer {width:50% !important;}
}
@media screen and (max-width:500px) {
.cblock.hasflyer, .cblock.noflyer {width:100% !important;}
#profileevents .sectitle {text-align:center !important;}
}
.section {
width:100%;
position:relative;
padding-top:40px;
padding-bottom:40px;
font-size:0;
}
.section .container {
padding:0px;
}
.sectitle {
font-size:30px;
font-weight:bold;
margin-left:15px;
}
.separator {
width:100%;
height:2px;
background-color:#999999;
}
.cblock {
display:inline-block;
vertical-align:top;
padding-right:15px;
padding-left:15px;
margin-bottom:30px;
width:20%;
max-width:100%;
box-sizing:border-box;
position:relative;
}
#profileevents .cblock, #events .cblock {text-align:center;}
.cholder {
width:100%;
text-align:center;
background-color:#252525;
display:block;
text-decoration:none;
cursor:pointer;
position:relative;
}
#profileevents .cholder {
margin-bottom:5px;
}
.cholder .imgholder {
width:100%;
height:auto;
background-position:center;
background-size:contain;
background-repeat:no-repeat;
}
.noflyer .cholder {cursor:auto;}
.cholder .imgvideo {
background-size:cover;
}
.cholder .vidoverlay {
position:absolute;
width:100%;
height:auto;
}
.cinfo {
padding:1px;
padding-top:6px;
padding-bottom:6px;
text-align:left;
position:relative;
}
#events .cinfo {
text-align:center;
font-size:14px;
color:#555555;
}
.ctitle {
display:block;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
.cname {
display:block;
}
.cname a {
text-transform:uppercase;
font-size:14px;
text-decoration:none;
color:#555555;
}
.cdate {
display:block;
font-size:14px;
}
.clikes {
display:block;
font-size:14px;
}
.ccat {
display:block;
font-size:14px;
}
.cpurch {
padding:3px;
padding-left:5px;
padding-right:5px;
font-size:14px;
border-radius:8px;
background-color:#f1ca7f;
background:linear-gradient(#f1ca7f,#e7b24c);
display:inline-block;
text-decoration:none;
margin-top:8px;
text-align:center;
color:inherit;
font-weight:bold;
border:1px solid #999999;
}
.addpurch {
display:inline-block;
font-size:14px;
margin-top:5px;
font-style:italic;
text-decoration:underline;
cursor:pointer;
}
.iconalert {
position:absolute;
left:0px;
top:-20px;
width:50px;
height:auto;
z-index:2;
}
.cflyer {
width:100%;
height:auto;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-color:#000000;
}
.cblock .eventinfo {
position:absolute;
top:0px;
left:0px;
width:100%;
padding:20px;
text-align:center;
color:#ffffff;
z-index:2;
box-sizing:border-box;
}
.cblock .eventinfo span {
display:block;
margin-bottom:3px;
font-size:14px;
word-break: break-all;
}
.cblock .evname {
font-size:16px !important;
font-weight:bold;
margin-bottom:10px !important;
}
.cblock .evlink {
margin-top:6px;
}
.cblock .spacer {
display:block;
margin-bottom:10px !important;
}
.eventsave {
font-size:13px;
}
/************************************ CATEGORY PAGES *********************************/
@media screen and (max-width:500px) {
#cfilter {text-align:center !important;}
#cfilter select {margin-left:8px !important;margin-right:8px !important;}
}
.morelink {
font-size:20px;
font-variant:small-caps;
cursor:pointer;
}
.batch.bhide {
display:none;
}
#cfilter {
text-align:right;
margin-bottom:30px;
}
#cfilter select {
padding:8px;
border:1px solid #999999;
background-color:#ffffff;
font-size:17px;
width:150px;
margin-right:15px;
}
/************************************ FOLLOW PAGE *********************************/
@media screen and (max-width:400px) {
.ablock {margin-left:10px !important; margin-right:10px !important;}
}
@media screen and (max-width:750px) {
#follows {text-align:center !important;}
}
.ablock {
display:inline-block;
vertical-align:top;
margin-right:15px;
margin-left:15px;
margin-bottom:30px;
width:150px;
max-width:100%;
box-sizing:border-box;
position:relative;
margin-bottom:30px;
text-decoration:none;
color:inherit;
}
.ablock .picholder {
width:100%;
height:auto;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
margin-bottom:6px;
border:1px solid #dddddd;
}
.ablock .ainfo {
text-align:center;
}
.ainfo .aname {
font-size:16px;
}
.blockempty {
padding:15px;
}
/************************************ EVENTS PAGE *********************************/
@media screen and (max-width:550px) {
#events .sectitle {display:block !important;}
#eventfilter {display:block !important;text-align:center;margin-left:0px !important;}
#filterloc {float:none !important;text-align:center !important;margin-right:0px !important;}
.titlegroup {display:block !important;}
}
@media screen and (min-width:551px) and (max-width:850px) {
#filterloc {float:none !important;margin-right:0px !important;text-align:right;}
.titlegroup {display:block !important;}
}
#events .sectitle {
display:inline-block;
}
.titlegroup {
display:inline-block;
}
#eventfilter {
display:inline-block;
margin-left:15px;
vertical-align:top;
position:relative;
}
#dateval {
font-size:30px;
font-weight:bold;
}
#icon_date {
display:inline-block;
height:25px;
width:auto;
position:relative;
top:2px;
left:6px;
cursor:pointer;
}
#filterlist {
width:100%;
position:absolute;
z-index:3;
}
#filterlist select {
display:none;
max-height:0px;
width:205px;
padding:8px;
font-size:20px;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
overflow:hidden;
}
#filterlist option:hover {
background-color:#db354d;
color:#ffffff;
}
#filterloc {
float:right;
margin-right:15px;
margin-bottom:20px;
}
#filterloc select {
padding:8px;
border:1px solid #999999;
background-color:#ffffff;
font-size:17px;
min-width:250px;
}
#filterloc optgroup[label] {
font-style:italic;
font-weight:normal;
}
.selectborder {
font-size:.1em;
background-color:#252525;
padding:0px;
}
/************************************ VIEWER PAGE *********************************/
#viewer {
padding:10px;
width:100%;
background-color:#000000;
box-sizing:border-box;
position:relative;
background-image:url(images/spinner.gif);
background-size:100px 100px;
background-position:center;
background-repeat:no-repeat;
}
.vidoverlay {
position:absolute;
left:0px;
top:0px;
right:0px;
}
#viewer .mejs__mediaelement {
position:relative;
}
#viewer .mejs__player {
width:100% !important;
height:auto !important;
max-width:800px;
max-height:450px;
}
#viewer .mejs__container-fullscreen .mejs__player {
max-width:100%;
max-height:100%;
}
#viewer .mejs__layer {
width:100% !important;
height:100% !important;
}
#viewer .mejs__poster {
background-image:none !important;
}
.vholder {
position:relative;
display:inline-block;
}
.vholder .mejs__controls, .vholder .mejs__overlay-play {
display:none;
}
.vholder .mejs__poster {
background-size:contain !important;
background-position:center !important;
}
#reader {
height:450px;
}
#app .Header {height:auto !important;}
#app .custom-ribbons-container {display:none !important;}
#app .hide-in-small-mobile {display:inline-block !important;}
#app .FlyoutMenu {display:none !important;}
#app .ToggleZoomOverlay {display:none !important;}
#app .zoom-overlay {background:transparent !important;}
#app .divider {display:none !important;}
#app canvas {left:0px !important;}
#app .TextPopup {display:none !important;}
#app .AnnotationPopup {display:none !important;}
#app .ContextMenuPopup {display:none !important;}
#app .PageNavOverlay {left:0% !important;transform: translateX(0%) !important;}
.fullscreen {
position:absolute;
bottom:0px;
right:0px;
background-color:#000000;
padding:3px;
opacity:.7;
display:inline-block;
cursor:pointer;
z-index:5;
}
#vinfo {
position:relative;
width:100%;
max-width:820px;
box-sizing:border-box;
text-align:left;
padding:10px;
}
.vtext {
display:inline-block;
width:80%;
}
.vtitle {
font-size:24px;
display:block;
}
.vuser {
display:inline-block;
margin-bottom:5px;
font-size:15px;
color:inherit;
text-decoration:none;
text-transform:uppercase;
}
.vuser:hover {
text-decoration:underline;
}
.vdate {
display:block;
font-size:13px;
font-style:italic;
}
.vicons {
display:inline-block;
position:absolute;
right:10px;
top:12px;
}
.vicon {
display:inline-block;
margin-left:8px;
}
.vicon img {
height:25px;
width:auto;
}
.more img {
padding-left:5px;
}
.context {
display:inline-block;
background-color:#fafafa;
box-shadow:2px 2px 2px #666666;
-moz-box-shadow:2px 2px 2px #666666;
-webkit-box-shadow:0px 0px 3px #999999;
position:absolute;
top:-115px;
right:0px;
border-radius:8px;
overflow:hidden;
display:none;
z-index:10;
}
.context a {
display:block;
padding:8px;
padding-right:20px;
cursor:pointer;
color:#333333;
}
.context a:hover {
background-color:#eeeeee;
}
#share .popup {
margin-top:20%;
box-shadow:2px 2px 2px #666666;
-moz-box-shadow:2px 2px 2px #666666;
-webkit-box-shadow:0px 0px 3px #999999;
padding-bottom:25px;
}
.slink {
margin-left:8px;
margin-right:8px;
height:50px;
width:auto;
cursor:pointer;
}
#report .popup {
box-shadow:2px 2px 2px #666666;
-moz-box-shadow:2px 2px 2px #666666;
-webkit-box-shadow:0px 0px 3px #999999;
width:450px;
text-align:left;
}
/************************************ COMMENTS SECTION *********************************/
#commentframe {
position:relative;
width:100%;
max-width:820px;
overflow:hidden;
}
#comments {
width:100%;
padding:10px;
box-sizing:border-box;
text-align:left;
}
.commenthead {
font-size:20px;
margin-bottom:15px;
padding-top:3px;
//border-top:1px solid;
}
.commentform {
margin-bottom:30px;
}
.commentform textarea, .ceditform textarea {
width:100%;
margin-bottom:8px;
border:1px solid #cccccc;
background-color:#ffffff;
height:80px;
box-sizing:border-box;
font-family:inherit;
}
.commentform label {
font-variant:small-caps;
display:block;
margin-bottom:4px;
font-size:20px;
}
.commentform .ctamini, .ceditform .ctamini {
font-variant:small-caps;
color:#fafafa;
padding-top:2px;
padding-bottom:3px;
letter-spacing:1px;
font-size:18px;
}
.commentblock {
margin-bottom:20px;
width:100%;
}
.c-image {
width:50px;
}
.c-imageholder {
width:50px;
height:50px;
background-size:cover;
background-position:center;
border-radius:50%;
}
.c-comment {
padding-left:10px;
}
.c-user {
font-size:14px;
font-weight:bold;
}
.c-owner {
background-color:#c5293f;
padding:5px;
color:#eeeeee;
border-radius:5px;
}
.c-time {
font-size:12px;
font-style:italic;
color:#777777;
}
.c-text {
margin-top:5px;
padding-bottom:6px;
}
.clink {
display:inline-block;
font-variant:small-caps;
margin-top:-5px;
cursor:pointer;
font-size:15px;
color:#555555;
margin-right:10px;
margin-bottom:10px;
}
.ceditform {
display:none;
margin-bottom:15px;
}
.cancel_cedit {
margin-left:5px;
}
.replyform {
display:none;
margin-bottom:0px;
margin-top:6px;
padding:10px;
padding-bottom:20px;
background-color:#f0f0f0;
}
.replysection {
margin-top:10px;
}
.replyblock {
margin-top:0px;
margin-bottom:0px;
padding:10px;
background-color:#f0f0f0;
}
/************************************ PROFILE EDIT PAGE *********************************/
@media screen and (max-width:600px) {
.pform label {display:block !important; width:100% !important; margin-bottom:3px;}
.pform .textfield, .pform select {width:100% !important;}
#editprofile .cta, #editprofile .cancel {display:block !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:8px;}
#editprofile h1, #editprofile .optional {text-align:center !important;}
}
.pform {
width:100% !important;
max-width:100% !important;
padding:0px !important;
border:0 !important;
background:none !important;
}
.pform .textfield, .pform select {
padding:6px;
border:1px solid #cccccc;
border-radius:5px;
background-color:#ffffff;
width:300px;
max-width:100%;
box-sizing:border-box;
font-size:17px;
}
.pform textarea {
vertical-align:top;
width:500px !important;
font-family: 'Source Sans Pro', arial, sans-serif !important;
}
.pform label {
font-weight:bold;
}
.pform label span {
font-size:15px;
font-weight:normal;
}
#stateselect {
display:none;
}
.editsection {
padding:10px;
padding-top:15px;
padding-bottom:15px;
border:1px solid #dddddd;
width:100%;
max-width:650px;
background-color:#f5f5f5;
box-sizing:border-box;
}
.optional {
font-size:14px;
display:block;
margin-top:-20px;
margin-bottom:30px;
}
/************************************ SETTINGS PAGE *********************************/
@media screen and (max-width:600px) {
#settings label {display:block;padding-left:1px;}
label#passlabel {display:inline-block !important;width:80px !important;}
#settings .fields {display:block !important;}
#settings h1 {text-align:center !important;}
#settings .editbutton2 {padding:0px !important;margin-top:3px !important;margin-left:1px;}
#settings .textfield {margin-bottom:5px;}
}
@media screen and (min-width:601px) {
#settings label {display:inline-block;width:120px !important;}
}
.edit {
display:none;
}
.textfield.edit {
background-color:#fffffa !important;
margin-bottom:5px;
}
#settings .editbutton {
padding-top:8px;
}
.editbutton2 {
background:none;
border:0;
cursor:pointer;
text-decoration:underline;
}
#settings .fields {
display:inline-block;
vertical-align:top;
}
#passupdate {
margin-bottom:20px;
}
#passupdate .fields {
position:relative;
top:3px;
}
#settings .checkbox {
width:18px;
height:18px;
border:1px solid;
margin-right:5px;
position:relative;
top:-1px;
}
.settings_notifications div {
margin-top:20px;
}
.checkblurb {
display:inline-block;
vertical-align:top;
width:90%;
margin-bottom:10px;
}
.delete_account {
margin-bottom:0px;
font-size:14px;
}
#deleteform {max-width:500px;}
#deleteform .cta {
padding:8px;
padding-left:15px;
padding-right:15px;
}
#deleteform label {
display:block;
margin-bottom:10px;
}
#deletecontinue {
display:none;
text-align:center;
}
#deletecontinue .textfield {
max-width:320px;
}
#deletecontinue .cancelink {
display:inline-block;
margin-top:6px;
color:#333333 !important;
}
#delete_spinner {
display:none;
width:27px;
height:27px;
background-image:url(images/spinner.gif);
background-size:contain;
background-position:center;
position:relative;
top:4px;
}
/************************************ FAVORITES PAGE *********************************/
.removefave {
font-size:14px;
text-decoration:underline;
cursor:pointer;
display:inline-block;
margin-top:-3px;
}
/************************************ SUPPORT PAGE *********************************/
@media screen and (max-width:550px) {
.msgbox {border:0px !important;padding:5px !important;}
}
.msgbox {
padding:25px;
display:inline-block;
width:100%;
max-width:900px;
border:1px solid #cccccc;
vertical-align:top;
position:relative;
box-sizing:border-box;
text-align:left;
}
.msgbox h1 {
font-size:36px;
margin-bottom:10px;
}
.msgbox .textfield {
padding:8px;
background-color:#ffffff;
border:1px solid #dddddd;
display:block;
width:100%;
box-sizing:border-box;
font-size:18px;
}
.msgbox label {
display:block;
width:100%;
margin-bottom:3px;
}
.msgbox .cta {
margin-top:20px;
font-variant:small-caps;
font-size:24px;
padding-top:5px;
padding-bottom:5px;
}
.msgbox textarea {
height:200px;
font-size:18px;
}
.msgspinner {
height:30px;
width:auto;
margin-left:5px;
position:relative;
vertical-align:middle;
display:none;
}
.message {
padding:15px;
background-color:#ffffff;
margin-bottom:5px;
border-radius:8px;
border:1px solid #dddddd;
}
.message.user {
background-color:#f1e2d7;
font-style:italic;
}
.msgauthor {
font-weight:bold;
display:block;
margin-bottom:5px;
}
.msgdate {
display:block;
margin-top:10px;
font-size:14px;
color:#666666;
}
.dimageholder {
//perspective:1000px;
}
.dimage {
position:relative;
display:inline-block;
transform:scale(.8, .8);
//padding:40px;
transition:transform 200ms linear;
//transform-origin:0 0 0;
}
.dactive {
transform:scale(1,1);
z-index:5;
}
.dimage:hover {
//transform:rotateY(180deg);
}