/* css removed from embedding */
@import url("/app/css/cv-dynamic.css");

/* crowfall specific css */

/* marco aguero test */

.marcoclass {
    
    visibility:hidden;
    float:left;
}

/* for animating header */
#header.is-stuck.fadeback {
    position: absolute !important;
    z-index: 10;
}
.fadeback #fundingbar {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0;
}
#fundingbar {
    transition: visibility 0.5s, opacity 0.5s;
}

/* store pages */

#storecarousel .wrap.no-sidebar {
    /* make slider on main store page display correctly */
    padding: 0;
    margin: 0;
}
#storecarousel .slick-slider.is-gallery .slick-dots li button {
    background: no-repeat center;
    background-size: cover;
    border-radius: 100%;
    border: 4px solid darkgray;
    background-color: black;
    background-blend-mode: luminosity;
}
#storecarousel .slick-slider.is-gallery .slick-dots li.slick-active button {
	background-blend-mode: unset;
	border-color: lightblue;
}
#storetabgroup .inner-pane-title img {
    float: left;
    margin-top: 10px;
    margin-right: 5px;
    height: 32px;
}
#storetabgroup ul.tabs li img {
    height: 32px;
}

#storeitemdetail {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7) !important;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
}
#storeitemdetail.show {
  visibility: visible !important;
  opacity: 1 !important;
}
#storeitemdetail .popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  max-width: 800px;
  position: relative;
  height: 80%;
  overflow: auto;
}
#storeitemdetail .popup .close {
  position: absolute;
  top: 15px;
  right: 20px;
  transition: all 200ms;
  z-index: 200;
}
#storeitemdetail .popup .content {
}

@media screen and (max-width: 700px){
  .box{
    width: 98%;
  }
}

.store-thumb {
    height: 120px;
    width: 100%;
    background-color: #ccc;
    overflow: hidden;
    position: relative;
    border: 1px solid #4e4e4e;
}
.store-thumb .store-thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: no-repeat center;
    background-size: cover;
}
.store-thumb .store-tag-item-new {
    position: absolute;
    background: url(//media.crowfall.com/store/item-tag-new_220.png) top left no-repeat;
    width: 202px;
    height: 85px;
    top: 0;
    left: 0;
}
.store-thumb .store-tag-item-sale {
    position: absolute;
    background: url(//media.crowfall.com/store/item-tag-sale_220.png) top left no-repeat;
    width: 202px;
    height: 85px;
    top: 0;
    right: 0;
}
.store-thumb .store-tag-item-warning {
    position: absolute;
    background: url(//media.crowfall.com/store/item-tag-warning_220.png) top left no-repeat;
    width: 220px;
    height: 30px;
    bottom: 0;
}
.store-thumb .store-tag-item-new p {
    font: 700 20px 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-left: 11px;
    margin-top: 21px;
}
.store-thumb .store-tag-item-sale p {
    font: 700 32px 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-left: 126px;
    margin-top: -2px;
}
.store-thumb .store-tag-item-warning p {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.store-item-price {
    text-align: right;
    font-weight: bold;    
    margin-top: -12px;
}
.store-item-name {
    font-weight: bold; 
    color: #333;
}

/* playtest calendar */

section#playtest-calendar-section p:first-child {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}


section#playtest-calendar-section iframe:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.condensed-text {
    letter-spacing: -0.05em;
}
.ultra-condensed-text {
    letter-spacing: -0.1em;
}
.page-id-3663 ol {
  counter-reset: list;
}
.page-id-3663 li > ol > li {
  list-style: none;
  text-indent: -1.5em;
}
.page-id-3663 li > ol > li:before {
  content: "(" counter(list, decimal) ") ";
  counter-increment: list;
}

.block-error {
    background-color: #faffbd;
}
button.button.disabled {
    color: lightgray;
}


#account .panes {
	width: 100%;
}
.code-warning {
    margin-bottom: 15px;
    font-style: italic;
    font-weight: 400;
    position: relative;
    top: -20px;
}
#account-badges .placement {
    background: url("/app/img/forum-badge-placement.png") top left no-repeat;
    width: 100%;
    height: 270px;
    position: relative;
    margin-top: 20px;
}
#account-badges .placement .slots {
    position: absolute;
    top: 204px;
    left: 40px;
}
#account-badges .placement .slots .badge-slot {
    background-color: transparent;
    height: 55px;
    width: 55px;
}
#account-badges .placement #slot-instructions {
    position: absolute;
    width: 160px;
    top: 33px;
    left: 176px;
}
#account-badges .placement #save-badge-button {
    position: absolute;
    top: 130px;
    left: 173px;
}
#account-badges .selectors {
    margin-top: 10px;
}
@media (min-width: 40em) {
	#account-badges .selectors {
		padding-right: 55px;
	}
}
#account-badges .selectors .badge-select {
  background-color: #fff;
  height: 100px;
  width: 100px;
  display: inline-block;
  border: 1px solid #ccc;
  margin-right: 11px;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 5px;
}
#account-badges .selectors .badge-select:hover {
  border-color: #a63a27;
}
#account-badges .slots .badge-slot img,
#account-badges .selectors .badge-select img {
  height: auto;
}
#account-wallet .fund-management .current-funds {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 400;
  color: #a63a27;
  text-transform: uppercase;
}
/* temp fix for french menus * /
.responsive.wrap-layout-constrained-75 .wrap {
    max-width: 78em;
} */
.cv-section-main table th, .cv-section-main table td {
    border-right: none !important;
}

.consume-window {
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid lightgray;
}

.page-id-131 div, .page-id-131 span, .page-id-131 h1, .page-id-131 h2, 
.page-id-131 h3, .page-id-131 h4, .page-id-131 h5, .page-id-131 h6, .page-id-131 p , a, 
.button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
::-moz-selection { background: #fff2a8 !important; color: black !important; }
::selection { background: #fff2a8 !important; color: black !important; }
.page-id-131 div, .page-id-131 span, h1, h2, h3, h4, h5, h6, .page-id-131 p {
    cursor: default;
}
#zero .cv-icon-box-icon {
    cursor: pointer;
}
/*.single .post-box .entry-content, .single .post-box .entry-content *, 
.single .post-box .post-title, 
.single .post-box .post-date, */
.allow-user-select, .allow-user-select *,
#question a, #answer p, #answer li {
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: -moz-text;
    -ms-user-select: initial;
    user-select: initial;
    cursor: initial;
}
#question a {
    cursor: pointer;
}
#question > .cv-wrap-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
}
var {
    font-style: normal;
}

/* for embedding pages inside other pages */
body.page-template-template-blank {
    background: transparent;
    font-size: 0;
}
.page-template-template-blank #container {
    font-size: initial;
}

/* green buttons that can be overridden*/
.button.js-color {
    background-image: initial !important;
}
.cv-section-header .button, .cv-section-main .button, .modal-dialog .button {
    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    background-color: #419641;
    transition: color 0s;
	color: white;
}
.cv-section-header .button:focus, .cv-section-header .button:hover, .cv-section-main .button:focus, .cv-section-main .button:hover, .modal-dialog .button:hover {
    background-color: #419641;
    background-position: 0 -15px;
    border-color: #3e8f3e;
}
.cv-section-header .button.active, .cv-section-header .button:active, .cv-section-main .button.active, .cv-section-main .button:active, .modal-dialog .button:active {
    background-color: #419641;
    border-color: #3e8f3e;
}

/* funding page */
.pledge-metrics {
    font: 700 22px 'Open Sans Condensed', sans-serif;
    background-color: #000;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 20px;
    display: table;
    line-height: 1.42857143;
}
.pledge-metrics .stats div.title, .pledge-metrics .stats div.number {
    display: inline-block;
    vertical-align: top;
}
.pledge-metrics .stats .number {
    color: #d48d31;
    text-transform: uppercase;
}
.pledge-metrics .stats .title {
    text-transform: uppercase;
    text-align: right;
    width: 158px;
}
.pledge-metric img,
.pledge-list img {
    vertical-align: middle;
}
.pledge-metrics h1 {
    font: 700 22px 'Open Sans Condensed', sans-serif;
    margin-top: 0;
    margin-left: 20px;
    color: white;
}
.pledge-metrics .stretch .goal .text {
    margin-bottom: 17px;
    margin-left: 20px;
}
.pledge-metrics .text {
    line-height: 18px;
    font: 16px 'Open Sans', sans-serif;;
    color: #969696;
    text-align: left;
    margin-top: 20px;
}
.pledge-metrics .button-container {
    text-align: center;
    margin-top: 36px;
}
.pledge-metrics .button-container .button {
    height: 34px;
    width: 247px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 4px;
    cursor: pointer;
}
h1.goals-list-caption {
    position: relative;
    bottom: 110px;
    font-size: 60px;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    left: 14px;
    margin-bottom: -80px;
    text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);
}
.ng-invalid {
    border-color: red;
    outline-color: red;
}
.ng-valid {
    border-color: green;
    outline-color: green;
}
/* changes for legal pages */

p.legal {
    font-size: 1.4em;
}
ul.legal li {
    font-size: 1.4em;
}
h1.legal, h2.legal, h3.legal {
    margin-bottom: 0.5em;
}

/* team page */

.team-list ul {
    padding-left: 0;
    border-top: 1px solid black;
}
.team-list li {
    padding-left: 175px;
    list-style: none;
    padding-bottom: 0.8em;
    font-size: 1.4em;
}
.team-list li:nth-child(even) {
    min-height: 170px;
}
.team-list li:nth-child(odd) {
    padding-top: 0.4em;
}
.team-list li img {
    position: absolute;
    margin-left: -175px;
    margin-top: 10px;
    width: 150px !important;
}

/* changes for posts and news pages */

.related-post {
    max-width: 250px;
    padding: 0.5em !important;
    border: 1px solid #D6D6D6;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.024);
    margin: 10px !important;
}
.cv-section-main .below-single-post {
    border-top: 2px solid #15171c;
}
.style-crowfall .post .post-title {
    margin: 0px 0px 10px;
    line-height: 1.1em;
    text-transform: uppercase;
}
.style-crowfall .post .entry-content {
	line-height: 1.3em;
    max-height: 0;
    overflow: hidden;
    transition: height 2s;
    transition: max-height 2s;
}
.style-crowfall .post:hover {
    position: relative;
    z-index: 200;
    background-color: white;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.24);
}
.style-crowfall .post:hover .entry-content {
    max-height: none;
}
.style-crowfall .post .post-featured-image img {
    min-width: 100%;
}
.single-post .post-featured-image {
    display: none;
}
.single-post .post-title {
    text-transform: uppercase;
    line-height: 1.1em;
}
.single-post .entry-content {
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: justify;
}
.single-post .entry-content p {
    margin-bottom: 1.3em;
}
.single-post .entry-content img {
    width: auto;
    height: auto;
}
.posts-wrapper.style-crowfall .post-box {
    min-height: 136px;
}

/* changes for front page and headers */

div.flag-language {
    width: 32px;
    height: 32px;
    background: url('/wp-content/uploads/2015/12/flags-language.png') no-repeat;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

div.language-selection {
    display: inline-table;
    padding-top: 10px;
    padding-left: 16px;
}

.flag-language.flag-cn {background-position: -32px 0}
.flag-language.flag-de {background-position: -64px 0}
.flag-language.flag-es {background-position: -96px 0}
.flag-language.flag-fr {background-position: 0 -32px}
.flag-language.flag-gb {background-position: -32px -32px}
.flag-language.flag-it {background-position: -64px -32px}
.flag-language.flag-jp {background-position: -96px -32px}
.flag-language.flag-kr {background-position: 0 -64px}
.flag-language.flag-pt {background-position: -32px -64px}
.flag-language.flag-ru {background-position: -64px -64px}
.flag-language.flag-us {background-position: -96px -64px}

/* new look for the menus */

#header .navigation-container .primary-menu.dropdown-menu ul {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    top: 80% !important;
}
#header .navigation-container .primary-menu.dropdown-menu ul a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4em !important;
    color: #333 !important;
    white-space: nowrap;
    background-color: transparent;
    border: none !important;
}
#header .navigation-container .primary-menu.dropdown-menu ul a:hover {
	line-height: 1.4em !important;
	padding: 3px 20px;
	background-color: #E8E8E8;
	background-image: linear-gradient(to bottom, #F5F5F5 0px, #E8E8E8 100%);
	background-repeat: repeat-x;
}
#header .primary-menu.dropdown-menu ul > li {
	border: none !important;
}

#watchvideobutton {
    position: relative;
    float: right;
    margin-top: -59px;
    margin-right: 45px;
}
#watchvideobutton img {
    display: none;
}

/* shorten the icon section */
#zero .cv-wrap-wrapper {
    padding-top: 1.2em;
    padding-bottom: .8em;
}

@-webkit-keyframes greenPulse {
    from {
        -webkit-box-shadow: 0 0 0 #ffffff;
    }
    50% {
        -webkit-box-shadow: 0 0 18px #ffffff;
    }
    to {
        -webkit-box-shadow: 0 0 0 #ffffff;
    }
}
/* footer settings */
#sitefooter .cv-user-font {
 
    font-size: 0.75em;
}

#sitefooter .cv-icon-box-icon {
    font-size: 1em;
    line-height: 2.25;
    margin-bottom:30px;
}
#socket .social-link {
    padding-left: 10px;
    padding-right: 10px;
}


#landingheader .button {
    box-shadow: 2px 8px 15px 1px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(255, 255, 255, 0.8);
    font-size: 2.25em;
    font-family: 'Open Sans Condensed Bold ', sans-serif;
    display: inline-block;
    padding: 0.6em 0.95em;
    margin: 0.25em;
    border-style: solid;
    border-width: 1px !important;
    font-weight: 800;
    border-radius: 4px;
    transition: color 0.15s ease, background-color 0.15s ease, border 0.15s ease;
    line-height: 1.1em;
}

#landingheader h2 {
    text-shadow: 3px 4px 3px #08090f
}

#landingheader h1 {
    font-size: 0.7em;
    font-weight: 600;
    font-size: 0.7em;
    color: #ffffff;
}

.cv-section-main *::selection {
    background: #c21a01;
    color: rgba(255, 255, 255, 0.85);
}

#one .content-section-detail,
#two .content-section-detail,
#three .content-section-detail,
#four .content-section-detail,
#five .content-section-detail {
    background-color: rgba(0, 0, 0, 0.75);
    width: 35%;
    min-width: 250px;
    position: absolute;
    height: 100%;
    top: 0px;
    padding-top: 3.5em;
    padding-left: 3.0em;
    padding-right: 3.0em;
}

#one .content-section-detail,
#three .content-section-detail,
#five .content-section-detail {
    left: 0;
}

#two .content-section-detail,
#four .content-section-detail {
    right: 0;
}

/* turn camyno icon buttons into our icons */

:root { /* support for icon buttons on firefox */
	--bgx: 0px;
	--bgy: 0px;
}

.cv-section-main .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon {
    background: transparent url('/wp-content/uploads/2015/11/CF_Web_Button_PackedSheet6.png') no-repeat !important;
    background-position: var(--bgx) var(--bgy) !important;
    height: 75px; /*4.8em*/
    width: 75px;
    border: none;
    box-shadow: none;
    transition: background-position 0s !important;
    -webkit-transition: background-position 0s !important;
}

.cv-section-main .cv-icon-box.icon-style-enscribed.with-border:hover .cv-icon-box-icon {
    background-position-y: -75px !important;
    --bgy: -75px;
}

.cv-section-main .cv-icon-box.icon-style-enscribed.with-border:active .cv-icon-box-icon {
    background-position-y: -150px !important;
    --bgy: -150px;
}

#zero .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon:before {
    display: none;
}

/* stuff to transform slick dots into custom buttons */

.slick-slider.is-gallery ul.slick-dots {
    width: 35%;
    min-width: 250px;
    position: absolute;
    bottom: 65px;
    height: initial;
    margin: 0;
    left: initial;
    right: initial;
}

#one ul.slick-dots,
#three ul.slick-dots,
#five ul.slick-dots {
    left: 0;
}

#two ul.slick-dots,
#four ul.slick-dots {
    right: 0;
}

button.slick-prev,
button.slick-next {
    display: none !important;
}

.slick-slider.is-gallery .slick-dots li.slick-active button {
    background-image: url('/wp-content/uploads/2015/11/CF_Web_Button_PackedSheet6.png') !important;
    background-position: var(--bgx) var(--bgy);
    background-position-y: -225px;
    --bgy: -225px;
}

.slick-slider.is-gallery .slick-dots li.slick-active button:hover {
    background-position-y: -225px;
    --bgy: -225px;
}

.slick-slider.is-gallery .slick-dots li button {
    /* these are broken up so background-image alone can be set as important */
    background-color: transparent;
    background-image: url('/wp-content/uploads/2015/11/CF_Web_Button_PackedSheet6.png') !important;  
    background-repeat: no-repeat;
    background-position: var(--bgx) var(--bgy);
    border: none;
    height: 75px; /*4.8em*/
    width: 75px;
    box-shadow: none;
    transition: background-position 0s !important;
    -webkit-transition: background-position 0s !important;
}

.slick-slider.is-gallery .slick-dots li {
    position: relative;
    height: initial;
    width: initial;
    line-height: initial;
    margin-left: 10px;
}

.slick-slider.is-gallery .slick-dots li button:hover {
    background-position-y: -75px;
    --bgy: -75px;
}

.slick-slider.is-gallery .slick-dots li button:active {
    background-position-y: -150px;
    --bgy: -150px;
}

.cv-fullwidth-slider .slider-caption h2,
h2.cv-fullwidth-slider-line {
    background: transparent url('/wp-content/uploads/2015/11/IconSheet_Green.png') no-repeat left center;
    background-size: 1.5em;
    font-size: 1em !important;
    padding-left: 2.0em;
    padding-top: 0.5em;
    line-height: 1.0em;
    margin-bottom: 1.0em;
    min-height: 1.5em;
}

#one .slider-caption h2,
h2.cv-fullwidth-slider-line {
    background-image: url('/wp-content/uploads/2015/11/Icon_PowerGlory1.png');
}

#two .slider-caption h2,
h2.cv-fullwidth-slider-line {
    background-image: url('/wp-content/uploads/2015/11/Icon_PowerWealth1.png');
}

#three .slider-caption h2,
h2.cv-fullwidth-slider-line {
    background-image: url('/wp-content/uploads/2015/11/Icon_PowerGreen1.png');
}

#four .slider-caption h2,
h2.cv-fullwidth-slider-line {
    background-image: url('/wp-content/uploads/2015/11/Icon_PowerAdvancement1.png');
}

#five .slider-caption h2,
h2.cv-fullwidth-slider-line {
    background-image: url('/wp-content/uploads/2015/11/Icon_PowerArchetype1.png');
}

.cv-fullwidth-slider .slider-caption h6,
h6.cv-fullwidth-slider-line {
    font-size: 1.2em !important;
    line-height: 1.0em;
    margin-bottom: 0.4em;
    /*    padding-left: 1.2em;
        text-indent: -1.2em; */
}

/* *******************  individual buttons go here *****************  */

/* main buttons above the sliders, nth-child should be 1-5 */

.cv-section-main .cv-icon-box-group > div:nth-child(1) .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon {
    background-position-x: -75px !important;
    --bgx: -75px;
}

.cv-section-main .cv-icon-box-group > div:nth-child(2) .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon {
    background-position-x: -150px !important;
    --bgx: -150px;
}

.cv-section-main .cv-icon-box-group > div:nth-child(3) .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon {
    background-position-x: -225px !important;
    --bgx: -225px;
}

.cv-section-main .cv-icon-box-group > div:nth-child(4) .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon {
    background-position-x: -300px !important;
    --bgx: -300px;
}

.cv-section-main .cv-icon-box-group > div:nth-child(5) .cv-icon-box.icon-style-enscribed.with-border .cv-icon-box-icon {
    background-position-x: -375px !important;
    --bgx: -375px;
}

/* the first part, #one, specifies the slider -- should be one, two, three, four or five
   the number in the nth-child section picks the particular button */

#one .slick-dots li:nth-child(1) button {
    background-position-x: -975px;
    --bgx: -975px;
}

#one .slick-dots li:nth-child(2) button {
    background-position-x: -1350px;
    --bgx: -1350px;
}

#one .slick-dots li:nth-child(3) button {
    background-position-x: -675px;
    --bgx: -675px;
}

#one .slick-dots li:nth-child(4) button {
    background-position-x: -1200px;
    --bgx: -1200px;
}

#one .slick-dots li:nth-child(5) button {
    background-position-x: -1125px;
    --bgx: -1125px;
}

#one .slick-dots li:nth-child(6) button {
    background-position-x: -600px;
    --bgx: -600px;
}

#two .slick-dots li:nth-child(1) button {
    background-position-x: -450px;
    --bgx: -450px;
}

#two .slick-dots li:nth-child(5) button {
    background-position-x: -1575px;
    --bgx: -1575px;
}

#two .slick-dots li:nth-child(2) button {
    background-position-x: -1425px;
    --bgx: -1425px;
}

#two .slick-dots li:nth-child(4) button {
    background-position-x: -900px;
    --bgx: -900px;
}

#two .slick-dots li:nth-child(3) button {
    background-position-x: -525px;
    --bgx: -525px;
}

#three .slick-dots li:nth-child(1) button {
    background-position-x: -1275px;
    --bgx: -1275px;
}

#three .slick-dots li:nth-child(2) button {
    background-position-x: -1500px;
    --bgx: -1500px;
}

#three .slick-dots li:nth-child(3) button {
    background-position-x: -2025px;
    --bgx: -2025px;
}

#three .slick-dots li:nth-child(4) button {
    background-position-x: -825px;
    --bgx: -825px;
}

#four .slick-dots li:nth-child(1) button {
    background-position-x: -1050px;
    --bgx: -1050px;
}

#four .slick-dots li:nth-child(2) button {
    background-position-x: -750px;
    --bgx: -750px;
}

#four .slick-dots li:nth-child(3) button {
    background-position-x: -1650px;
    --bgx: -1650px;
}

#five .slick-dots li:nth-child(1) button {
    background-position-x: -1875px;
    --bgx: -1875px;
}

#five .slick-dots li:nth-child(2) button {
    background-position-x: -1725px;
    --bgx: -1725px;
}

#five .slick-dots li:nth-child(3) button {
    background-position-x: -1800px;
    --bgx: -1800px;
}

#five .slick-dots li:nth-child(4) button {
    background-position-x: -1950px;
    --bgx: -1950px;
}

/* ******************** end individual buttons ****************** */

/* funding bar tweaks */

.cv-content-section.padding-top-less .cv-wrap-wrapper {
    padding-top: .2em;
}

.cv-content-section.padding-bottom-less .cv-wrap-wrapper {
    padding-bottom: .2em;
}

.button {
    display: inline-block;
    padding: 0.3em 0.8em;
    margin: 0.25em;
    border-style: solid;
    border-color: transparent;
    border-width: 1px !important;
    font-weight: 400;
    border-radius: 3px;
    font-size: 0.85em;
    -webkit-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease;
    transition: color 0.15s ease, background 0.15s ease, border 0.15s ease;
}
.button.is-large {
    font-size: 1.25em;
    border-width: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
}

.button.is-small {
    font-size: .90em;
    border-width: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
}

/* funding bar and header */

#header, #header .header-logo {
    height: 112px !important;
    line-height: 94px !important;
}

#fundingbar {
	opacity: initial;
    max-height: 3em;
    line-height: 1.6em;
    margin-bottom: -0.8em;
}
#fundingbar label {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	padding-bottom: 10px;
}
#fundingbar .col-1 label {
	padding-left: 26px;
	background: url('/wp-content/uploads/2015/10/CrowGreen.png') no-repeat;
}
#fundingbar .col-2 label {
	padding-left: 26px;
	background: url('/wp-content/uploads/2015/10/HourglassGreen1.png') no-repeat;
}
#fundingbar p {
    white-space: nowrap;
}
#fundingbar var {
	color: #d48d31;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-style: normal;
}
#fundingbar .cv-wrap-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
#fundingbar .column-inner nav {
    margin-top: -0.8em;
}
#fundingbar a:hover, 
#landingheader a:hover {
    text-decoration: none;
}
#fundingbar .column-inner {
    margin-top: 0.8em;
    min-width: 17em;
    cursor: pointer;
}


/******************** responsive design *********************/
/* smooth scaling for main buttons */
@media only screen and (max-width: 920px) {
    #landingheader .button {
        font-size: 1.8em;
    }    
}

/* iPad and below */
@media only screen and (max-width: 768px) {
    #one .content-section-detail,
    #two .content-section-detail,
    #three .content-section-detail,
    #four .content-section-detail,
    #five .content-section-detail {
        padding: 0;
    }

    .content-section-detail {
        padding: 0 !important;
    }

    #fundingbar .cv-column-row div {
        margin-top: 0;
        margin-bottom: 0;
    }

    #fundingbar .column-inner {
        min-width: 0;
    }

    #fundingbar .cv-column-row > div:nth-child(3) {
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #fundingbar [class*="cv-split-"] > * {
        float: none;
        width: auto;
        margin-right: 10px;
        display: inline-block;
    }

    #fundingbar .cv-column-row > div:first-child {
        margin-left: 10px;
    }

    #fundingbar .cv-column-row > div:last-child {
        margin-right: 0;
    }

    #fundingbar [class*="cv-split-"] > *:nth-child(odd) {
        margin-left: 0;
        clear: none;
    }

    #fundingbar [class*="cv-split-"] > *:nth-child(even) {
        margin-left: 0;
    }

    #fundingbar [class*="cv-split-"][class*="spacing-"] > *:last-child:nth-child(odd) {
        margin-left: 0;
    }

    #fundingbar [class*="cv-split-"].spacing-1 > * {
        padding-left: 0;
        padding-right: 0;
    }
}

/* iphone 6 plus portrait tweak */
@media only screen and (max-width: 736px) {

    #fundingbar [class*="cv-split-"] > * {
        margin-right: 5px;
    }
    #watchvideobutton video {
        display: none;
    }
    #watchvideobutton img {
        display: initial;
    }
}

@media only screen and (max-width: 640px) {
    #watchvideobutton, #landingheader .button {
        display: table;
        margin: 0 auto;
        float: none;
    }
    .team-list li {
        padding-left: 0;
        clear: left;
    }
    .team-list li img {
        position: relative;
        float: left;
        margin: 0 10px 10px 0;
        width: 100px !important;
    }
    
}
@media only screen and (max-width: 400px) {
    .team-list li img {
        width: 62px !important;
    }
}

/* overrides for camyno's responsive queries */
@media only screen and (max-width: 40em) {

    /* header */
    #header {
        height: auto !important;
    }

    #header .header-logo {
        height: 112px !important;
    }

    #header * {
        max-height: none;
    }

    #header div.wrap {
        margin: 0;
        padding: 0;
    }

    /* crowfall logo */
    .cv-logo {
        position: fixed;
        top: -31px;
        left: 20px;
        z-index: 200;
    }

    /* hamburger nav icon */
    #header .navigation-container .primary-tools a {
        float: right;
    }

    /* funding bar */
    #fundingbar [class*="cv-split-"] {
        background-color: #191919;
        padding-bottom: 5px !important;
    }

    #fundingbar [class*="cv-split-"] > * {
        margin: 0 10px;
    }

    #fundingbar .cv-column-row > div:first-child {
        margin-left: auto;
    }

    #fundingbar .cv-wrap-wrapper {
        text-align: center;
    }

}

/* larger phones */
@media only screen and (max-width: 480px) {

    .single-post .entry-content {
	    line-height: 1.15em;
	    font-size: 1.0em;
    }

    /* header */
    #header {
        height: auto;
    }

    #header * {
        max-height: none;
    }

    #header div.wrap {
        margin: 0;
        padding: 0;
    }

    /* crowfall logo */
    .cv-logo {
        position: fixed;
        top: -31px;
        left: 20px;
        z-index: 200;
    }

    /* hamburger nav icon */
    #header .navigation-container .primary-tools a {
        float: right;
    }

    /* funding bar */
    #fundingbar [class*="cv-split-"] {
        background-color: #191919;
        padding-bottom: 5px !important;
    }

    #fundingbar [class*="cv-split-"] > * {
        margin: 0 10px;
    }

    #fundingbar .cv-column-row > div:first-child {
        margin-left: auto;
    }

    #fundingbar .cv-wrap-wrapper {
        text-align: center;
    }

    #one .content-section-detail,
    #two .content-section-detail,
    #three .content-section-detail,
    #four .content-section-detail,
    #five .content-section-detail {
        width: 100%;
        height: 280px;
        padding: 2em 0;
        margin-top: 260px;
    }

    .cv-fullwidth-slider .slider-caption {
        text-align: left;
    }

    #one section, #two section, #three section, #four section, #five section {
        background-repeat: no-repeat;
        background-position: top center !important;
    }

    .slick-slider.is-gallery .slick-dots {
        width: 100% !important;
        bottom: 20px !important;
    }

    button.slick-prev, button.slick-next {
        display: inline-block !important;
        bottom: 128px !important;
        top: initial !important;
    }

    button.slick-prev {
        left: -18px !important;
    }

    button.slick-next {
        right: -18px !important;
    }

    .slick-slider.is-gallery .slick-dots li {
        margin: 0;
    }

    .slick-slider.is-gallery .slick-dots li.slick-active button,
    .slick-slider.is-gallery .slick-dots li button {
        height: 50px;
        width: 50px;
        background-size: auto 200px;
    }

    .slick-slider.is-gallery .slick-dots li.slick-active button {
        background-position-y: -150px;
	--bgy: -150px;
    }

    .slick-slider.is-gallery .slick-dots li.slick-active button:hover {
        background-position-y: -150px;
	--bgy: -150px;
    }

    .slick-slider.is-gallery .slick-dots li button:hover {
        background-position-y: -50px;
	--bgy: -50px;
    }

    .slick-slider.is-gallery .slick-dots li button:active {
        background-position-y: -100px;
	--bgy: -100px;
    }

    #one .slick-dots li:nth-child(1) button {
        background-position-x: -650px;
	--bgx: -650px;
    }

    #one .slick-dots li:nth-child(2) button {
        background-position-x: -900px;
	--bgx: -900px;
    }

    #one .slick-dots li:nth-child(3) button {
        background-position-x: -450px;
	--bgx: -450px;
    }

    #one .slick-dots li:nth-child(4) button {
        background-position-x: -800px;
	--bgx: -800px;
    }

    #one .slick-dots li:nth-child(5) button {
        background-position-x: -750px;
	--bgx: -750px;
    }

    #one .slick-dots li:nth-child(6) button {
        background-position-x: -400px;
	--bgx: -400px;
    }

    #two .slick-dots li:nth-child(1) button {
        background-position-x: -300px;
	--bgx: -300px;
    }

    #two .slick-dots li:nth-child(2) button {
        background-position-x: -1050px;
	--bgx: -1050px;
    }

    #two .slick-dots li:nth-child(3) button {
        background-position-x: -950px;
	--bgx: -950px;
    }

    #two .slick-dots li:nth-child(4) button {
        background-position-x: -600px;
	--bgx: -600px;
    }

    #two .slick-dots li:nth-child(5) button {
        background-position-x: -350px;
	--bgx: -350px;
    }

    #three .slick-dots li:nth-child(1) button {
        background-position-x: -850px;
	--bgx: -850px;
    }

    #three .slick-dots li:nth-child(2) button {
        background-position-x: -1000px;
	--bgx: -1000px;
    }

    #three .slick-dots li:nth-child(3) button {
        background-position-x: -1350px;
	--bgx: -1350px;
    }
    
    #three .slick-dots li:nth-child(4) button {
        background-position-x: -550px;
	--bgx: -550px;
    }

    #four .slick-dots li:nth-child(1) button {
        background-position-x: -700px;
	--bgx: -700px;
    }

    #four .slick-dots li:nth-child(2) button {
        background-position-x: -500px;
	--bgx: -500px;
    }

    #four .slick-dots li:nth-child(3) button {
        background-position-x: -1100px;
	--bgx: -1100px;
    }

    #five .slick-dots li:nth-child(1) button {
        background-position-x: -1250px;
	--bgx: -1250px;
    }

    #five .slick-dots li:nth-child(2) button {
        background-position-x: -1150px;
	--bgx: -1150px;
    }

    #five .slick-dots li:nth-child(3) button {
        background-position-x: -1200px;
	--bgx: -1200px;
    }

    #five .slick-dots li:nth-child(4) button {
        background-position-x: -1300px;
	--bgx: -1300px;
    }

    #landingheader .button {
        font-size: 1.5em;
    }
}

/*********** end responsive design ******/


/* pledge customization */

#popularpack .button.is-large {
        padding: 0.3em 2em;
        box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(255, 255, 255, 0.8);
}

#pack1 .button.is-large,
#pack2 .button.is-large,
#pack3 .button.is-large,
#pack4 .button.is-large,
#pack5 .button.is-large,
#pack6 .button.is-large,
#pack7 .button.is-large,
#pack8 .button.is-large,
#pack9 .button.is-large,
#pack10 .button.is-large,
#pack11 .button.is-large,
#pack12 .button.is-large,
#pack13 .button.is-large {
        padding: 0.3em 2em;
        box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(255, 255, 255, 0.8);
}


#pack1 .cv-special-header:before,
#pack2 .cv-special-header:before,
#pack3 .cv-special-header:before,
#pack4 .cv-special-header:before,
#pack5 .cv-special-header:before,
#pack6 .cv-special-header:before,
#pack7 .cv-special-header:before,
#pack8 .cv-special-header:before,
#pack9 .cv-special-header:before,
#pack10 .cv-special-header:before,
#pack11 .cv-special-header:before,
#pack12 .cv-special-header:before,
#pack13 .cv-special-header:before {
    background: rgba(0, 0, 0, 0.25);
}

#pack1 .cv-special-header.text-align-left,
#pack2 .cv-special-header.text-align-left,
#pack3 .cv-special-header.text-align-left,
#pack4 .cv-special-header.text-align-left,
#pack5 .cv-special-header.text-align-left,
#pack6 .cv-special-header.text-align-left,
#pack7 .cv-special-header.text-align-left,
#pack8 .cv-special-header.text-align-left,
#pack9 .cv-special-header.text-align-left,
#pack10 .cv-special-header.text-align-left,
#pack11 .cv-special-header.text-align-left,
#pack12 .cv-special-header.text-align-left,
#pack13 .cv-special-header.text-align-left {
    color: #444444;
    font-size: 2em;
}

/* archetype customization */



#characterheader h2 {
    font-size: 2.25em;
    font-weight: 800;
    text-shadow: 3px 2px 3px #08090f;
}


/*#characterheader .cv-wrap-wrapper {
    padding-top: 0.5em;
    padding-bottom: 2em;
    margin-bottom: -8em;
}*/



/*#characterheader p {
    margin: -8em 0em 11em;
}*/

/*#characterstats .spacing-4 {
    padding-left: 1em;
    margin-left: 7em;
    margin-right: 0em;
}
*/

#characterinfoblock p {
    font-size: 1.25em;
}

#charinfosmallbox  .cv-wrap-wrapper {
    padding-bottom: .5em;
    padding-top:.5em;
}

#archlinkbox a {
    color: #4E4E4E;
}


#archselect .cv-special-header:before {
    background: rgba(48, 85, 107, 0.5);
}

#archselect .cv-special-header .inner-text {
    background: #30556b;
}

#archselect h2 {
    color: #FFFFFF;
}

#archselectheader h1 {
    text-shadow: 3px 3px 8px #000000
}

#question .button.is-ghost {
    border-color: rgba(119,119,119,0);
    color: #30556b;
}

#question .button.is-large {
    font-size: 1.6em;
    border-width: 3px;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); 
}

#answer .cv-wrap-wrapper {
    padding-top: 0;
}

#answer p {
    font-size: 1.15em;
}

#faqnew .cv-section-main table tr {
    border-bottom: 0; 
}

#faqnew .cv-section-main table{
   table-layout: fixed;
}

#faqnew body {
    line-height: 1.8;
}

#faqnew .cv-section-main table {
    border: 0; 
}

#store .category-selector.bundles {
    background: url("//media.crowfall.com/store/store-category-bundles.jpg") -88px -113px no-repeat;
}

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

.text-center {
    text-align: center;
}

.payment-icon-inline {
    display: inline;
    font-size: 40px;
}

.payment-method {
    border-radius: 3px;
    background-color: #EDEDED;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 40px;
    vertical-align: middle;
}

.paywallContainer {
    margin: 0 auto;
    width: 800px;
    float: none;
}

#paywallFrame {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 362px;
    overflow: hidden;
}

#payment-header {
    margin: 0px 0;
}

#payment-header > div {
    display: inline-block;
    margin-left: 25%;;
}
#payment-icons {
    margin-top: 0px;
}

#payment-icons ul {
    padding: 0;
    margin: 0 auto;
}

.method-logo {
    width: 67px;
}

.method-display {
    font-weight: 400;
    padding-left: 20px;
}

.method-logo img {
    width: 200%;
}
.starburst {
    height: 108px;
    width: 108px;
    background: url("//media.crowfall.com/pledge/EarlyAccessBadge_BlueBacking.png") no-repeat;
    /* margin: 0 auto; */
    margin-left: 20px;
    padding-top: 33px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    font: 700 17px/20px "Open Sans Condensed", sans-serif;
    color: #fff;
}


/* Tooltip support */
/* tooltip support */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
    text-align: center;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
            opacity 0.2s ease-in-out,
            visibility 0.2s ease-in-out,
            -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
            opacity 0.2s ease-in-out,
            visibility 0.2s ease-in-out,
            -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
            opacity 0.2s ease-in-out,
            visibility 0.2s ease-in-out,
            transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 160px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform:    translateY(-12px);
    transform:         translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform:    translateX(-12px);
    transform:         translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform:    translateY(12px);
    transform:         translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform:    translateX(12px);
    transform:         translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}


/* End Tooltip Support */