@charset "UTF-8";
/*   
Theme Name: Spookley Theme
Theme URI: http://www.anthematl.com
Description: This is a WordPress Theme template 
Author: JS
Author URI: http://www.anthematl.com
Version: 1
*/
@font-face {
    font-family: 'Toonish';
    src: url(css/fonts/Toonish.eot);
    src: url(css/fonts/Toonish.eot?#iefix) format('embedded-opentype'),
        url(css/fonts/Toonish.woff2) format('woff2'),
        url(css/fonts/Toonish.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CoopHeavy';
    src: url(css/fonts/CoopHeavy.eot);
    src: url(css/fonts/CoopHeavy.eot?#iefix) format('embedded-opentype'),
        url(css/fonts/CoopHeavy.woff2) format('woff2'),
        url(css/fonts/CoopHeavy.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
  font-family: 'Gotham Bold';
  src: url(css/fonts/Gotham-Bold.eot);
  src: url(css/fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),
    url(css/fonts/Gotham-Bold.woff) format('woff'),
    url(css/fonts/Gotham-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url(css/fonts/Gotham-Medium.eot);
    src: url(css/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
      url(css/fonts/Gotham-Medium.woff) format('woff'),
      url(css/fonts/Gotham-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
  font-family: 'Gotham Book';
  src: url(css/fonts/gotham-book-webfont.eot);
  src: url(css/fonts/gotham-book-webfont.eot?#iefix) format('embedded-opentype'),
    url(css/fonts/gotham-book-webfont.woff) format('woff'),
    url(css/fonts/gotham-book-webfont.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    font-size: 18px;
    color: #646464;
    font-family: 'CoopHeavy', sans-serif;
}
h1{
    font-size: 72px;
    font-weight: normal;
    color: #005db9 !important;
    font-family: 'Toonish', sans-serif;
    text-transform: initial;
}
h2 {
    font-size: 40px !important;
    font-weight: normal;
    color: #005db9 !important;
    font-family: 'CoopHeavy', sans-serif !important;
    text-transform: initial;
}
h3{
    font-size: 34px;
    font-weight: normal;
    color: #005db9 !important;
    font-family: 'CoopHeavy', sans-serif;
    text-transform: initial;
}
h4{
    font-size: 30px;
    font-weight: normal;
    color: #005db9 !important;
    font-family: 'CoopHeavy', sans-serif;
    text-transform: initial;
}
h5{
    font-size: 24px;
    font-weight: normal;
    color: #005db9 !important;
    font-family: 'CoopHeavy', sans-serif;
    text-transform: initial;
}
h6{
    font-size: 20px;
    font-weight: normal;
    color: #005db9 !important;
    font-family: 'CoopHeavy', sans-serif;
    text-transform: initial;
}

p, p > span {
    font-size: 18px;
    font-family: 'Gotham Book', sans-serif !important;
    color: #005db9;
}

p > a, a {
    color: #ff7f00;
    font-size: 18px;
    font-family: 'Gotham Book', sans-serif !important;
}

html {
    min-height: 80vh;
}

li.menu-item a {
    font-family: 'CoopHeavy', sans-serif !important;
}

.visually-hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.container{
    max-width: 1500px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px;
}
.mid-container{
    max-width: 1320px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 10px;
}
.inner-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 10px;
}

@media screen and (max-width: 768px) {
    .inner-container {
        padding: 0 20px !important;
    }
}


.page-id-25 .inner-container{
    padding: 0;
}
.inner-container.indivchar{
    max-width: 1280px !important;
}
.narrower{
    max-width: 950px !important;;
    width: 100% !important;;
    margin: 0 auto !important;;
    /** padding: 0 10px; */
}
.clear{
    clear: both;
}
strong {
    font-weight: bold;
    font-size: inherit;
    color: inherit;
}
em {
    font-style: italic;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}
sup{
    font-size: 12px;
    vertical-align: middle;
}
a{
    color: #00b3e4;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
a:hover{
    color: #0056b3;
}
.button, button, .btn {
    background-color: #8348ae;
    padding: 10px 40px;
    display: inline-block;
    color: white;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
}
.button:hover{
    color: white;
    background-color: #b265ea;
}
ul, ol, dl {
    margin-left: 30px;
}
h1 a, h2 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}
h1 strong, h2 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
    font-weight: bold;
}
h1 em, h2 em, h2 em, h3 em, h4 em, h5 em, h6 em{
    font-style: italic;
}
p.smaller {
    font-size: 14px;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote p {
  display: inline;
}
.dropshadow{
    text-shadow: 2px 2px 4px rgba(0,0,0,.4);
}
.whitetext,
.whitetext *{
    color: white;
}
/* 
.bluetext,
.bluetext *{
    color: #005db9;
}
.bluetext a{
    color: #ff7f00;
}
*/
.lightbluetext{
    color: #00a1e0;
}
.larger {
    font-size: 68px;
}
.orange {     
    color: #ff7f00;
}
.blacktext{
    color: black;
}
.coopfont,
.coopfont *{
    font-family: 'CoopHeavy', sans-serif;
}
.cooptwofive,
.cooptwofive *{
    font-size: 22px;
    font-family: 'CoopHeavy', sans-serif;
    margin-bottom: 10px;
}
.gothamfont,
.gothamfont p,
.gothamfont *{
    font-family: 'Gotham Medium', sans-serif !important;
}
.gothamtwenty,
.gothamtwenty *{
    font-size: 20px;
    font-family: 'Gotham Medium', sans-serif;
}
.gothambook,
.gothambook *{
    font-size: 18px;
    font-family: 'Gotham Book', sans-serif;
}
.thirty,
.thirty *{
    font-size: 28px;
    font-family: 'CoopHeavy', sans-serif;
}
.bluetitle{
    color: #005db9;
    text-transform: uppercase;
        font-family: 'Toonish', sans-serif;
    font-size: 56px;
}
.orangeanchors a{
    color: #ff7f00;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Gotham Bold', sans-serif;
}
.smallertitle{
    font-size: 70px;
    color: #005db9 !important;
    font-family: 'CoopHeavy', sans-serif;
}
.slightlylarger {
    font-size: 22px;
    margin-top: 10px;
}
input[type="button"].ninja-forms-field {
    padding: 10px 30px;
    color: white;
    background: #00a1e0;
    border: 0;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
input[type="button"].ninja-forms-field:hover{
    background: #ff7f00;
}
.nullmbot{
    margin-bottom: 0;
}
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
header .desktop{
    position: absolute;
    max-width: 100% !important;
    z-index: 999;
    padding: 2rem 0 0 0;
    background: url(/wp-content/themes/spookley/images/Spookley_Web\ navbar_1140w.svg) center center no-repeat;
    top: 1rem;
}
.custom-home-menu {
    visibility: hidden;
    z-index: 0;
    width: 179px;
}
.top-logo {
    display: inline-block;
    position: absolute;
    /* left: calc(50% - 98.5px); */
    left: calc(50% - 60.5px);
    top: 0;
}
.right-section{
    display: inline-block;
    text-align: right;
    float: right;
}
.top-logo img {
    max-width: 180px;
    width: auto;
    max-height: 108px;
    height: auto;
}

/*navigation*/
.navigation {
    display: inline-block;
    float: right;
    margin-top: 40px;
}
ul#menu-main-menu {
    display: table;
    list-style-type: none;
    margin: 0 auto;
}
ul#menu-main-menu li {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
ul#menu-main-menu > li > a {
    text-align: center;
    padding: 18px 22px !important;
    color: white;
    font-family: 'CoopHeavy', sans-serif !important;
    font-size: 22px;
    display: table-cell;
    vertical-align: middle;
    line-height: 24px;
    text-transform: uppercase;
    position: relative;
    top: -.5rem;
}
ul#menu-main-menu li ul.sub-menu {
    display: none;
}

ul#menu-main-menu li:hover ul.sub-menu{
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    margin: 0;
    list-style-type: none;
    width: 250px;
    z-index: 999;
    background: url(/wp-content/themes/spookley/images/Spookley_Web\ navbar_1140w.svg) center center no-repeat;
}

ul#menu-main-menu li:hover ul.sub-menu li{
    display: block;
}
ul#menu-main-menu li:hover ul.sub-menu li a{
    padding: 15px 15px 10px;
    display: block;
    /* border-bottom: 1px solid white; */
    text-transform: uppercase;
    color: white;
}


@media screen and (max-width: 992px) {
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
        font-size: 20px !important;
        border: 0 !important;
    }
}


ul#menu-main-menu li:hover ul.sub-menu li a:hover {
    color: #fcff0c;
    text-decoration: none;
}

ul#menu-main-menu > li.current-menu-item.current_page_item > a,
ul#menu-main-menu > li > a:hover{
    /** color: #004a88; **/
    color: #fcff0c;
    text-decoration: none;
    /** text-shadow: 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white; */
}

/*------------------------------------*\
    $HOMEPAGE
\*------------------------------------*/
.home .slider {
    /*margin-bottom: -7px;*/
    position: relative;
}
.masthead-bg{
}
.masthead{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.mastanchor{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block;
}
.home .slick-slide .masthead img {
    width: 100%;
    margin: 0 auto;
    object-fit: fill;
    height: 100%;
}
.home .slick-track,
.home .slick-track div{
    height: 100%;
}
.masthead-bg{
	height: 85vh !important;
}
.home .slick-slide .masthead img.innermast {
    max-width: 100%;
    width: auto;
    object-fit: contain;
    height: 100%;
}
.home .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    list-style-type: none;
    text-align: center;
}
.home .slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.home .slick-dots button {
    background: white;
    content: "";
    padding: 0px;
    height: 20px;
    width: 20px;
    text-indent: -9999px;
    border: 2px solid #ff7f00;
}
.home .slick-dots li.slick-active button{
	background: #ff7f00;
}

/*------------------------------------*\
    $SUBPAGE
\*------------------------------------*/
.blueborder-top{
    border-top: 3px solid #00a1e0;
}
.blueborder-bottom{
    border-bottom: 3px solid #00a1e0;
}

html .label-left .nf-field-label{
    width: 16%;
}
html .nf-form-fields-required {
    font-size: 14px;
    margin-bottom: 20px;
}
h2.contacttitle {
    /*margin-bottom: -25px;*/
}
.minimast{
    height: auto;
}
.vce-hero-section-media--lg .vce-hero-section--content {
    width: 100% !important;
    margin: 0 auto;
}
.page-id-27 .vce-hero-section-media--lg .vce-hero-section--content {
    width: 50% !important;
    margin:  initial !important;
    margin-left: 8.33333333%;
}

.printmast{
    height: 650px;
}
.printmast h1{
    color: #00ca3d !important;
    text-transform: uppercase;
    font-size: 125px;
    text-shadow: 4px 4px 3px #737373;
}
.page-id-27 #maincontent{
    background: #e8f2f7;
}
.page-id-20 #maincontent, 
#maincontent {
    background-color: #e8f2f7 !important;
    /* padding-top: 190px;
    background: black; */
}

.home #maincontent {
    /* background: url('images/home-page-bkg.jpg') 100% 60% no-repeat !important;*/
     /* background-image: url(images/home-page-bkg.jpg) !important;
     background-image: url(images/homepage-bkg.jpeg) !important;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 100% center;  */
 }
 

button.nobutton {
    background: transparent;
    padding: 0;
    display: inline-block;
    max-width: 800px;
    width: 100%;
}
.displaywclick{
    display: none;
}
/*.videoblocks .vce-video-popup {
    display: inline-block;
    width: 45%;
    margin: 20px 0;
}
.videoblocks.fullblock .vce-video-popup{
    display: block;
    width: 100%;
    margin: 0;
}*/
.videoblocks .vce-video-popup-inner .vce-features--style-none .vce-features--icon,
.videoblocks span.vce-icon-container.fa.fa-video-camera,
.videoblocks .vce-features--icon svg {
    display: none !important;
    visibility: hidden;
}
.videoblocks .vce.vce-video-popup-fullscreen-play {
    height: 150px;
    min-height: 150px;
}
.videoblocks.fullblock .vce.vce-video-popup-fullscreen-play {
    height: auto;
}
.videoblocks .vce-video-popup-wrapper .vce.vce-video-popup-fullscreen-play {
    margin-bottom: 0;
    background-attachment: initial;
    -o-background-size: contain !important;
    -moz-background-size: contain !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    z-index: 1;
}
#music-round{
    background: url(/wp-content/uploads/2018/08/round.jpg) center center no-repeat;
    background-size: contain;
}
#music-twist{
    background: url(/wp-content/uploads/2018/08/Transylvania.jpg) center center no-repeat;
    background-size: contain;
}
#music-spook{
    background: url(/wp-content/uploads/2018/08/Spookley-video-thumbnail.jpg) center center no-repeat;
    background-size: contain;
}
#music-bugs{
    background: url(/wp-content/uploads/2018/08/bugs.jpg) center center no-repeat;
    background-size: contain;
}
.videoblocks .vce-video-popup-wrapper.vce-video-popup-wrapper-fullscreen[data-vcv-video-player-playing="true"]{
    background: rgba(0,0,0,.9) !important;
}

html .vce-simple-image-slider-helper.vce-simple-image-slider-aspect-ratio--16-9 {
    padding-top: 42.25%;
}
html .vce-col-content, 
html .vce-col-inner {
    overflow-wrap: initial !important;
}
.videoblocks .whitetext{
    font-size: 30px;
}
.indivchar h2{
    font-size: 62px;
}
#el-6125355a [data-vce-do-apply*=all][data-vce-do-apply*=el-6125355a], 
#el-6125355a [data-vce-do-apply*=margin][data-vce-do-apply*=el-6125355a], 
#el-6125355a[data-vce-do-apply*=all][data-vce-do-apply*=el-6125355a], 
#el-6125355a[data-vce-do-apply*=margin][data-vce-do-apply*=el-6125355a]{
    margin-bottom: 60px !important;
}

.page-id-22 main{
    /** background: url(images/blue-orange-bg.jpg) center center no-repeat;
    background-size: cover; */ 
    background: #e8f2f7;
}
ul.quads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style-type: none;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}
ul.quads li img.aligncenter {
    margin: 10px 0;
}
h1.larger.coopfont {
    text-align: center;
}
.page-id-24 .videoblocks .vce.vce-video-popup-fullscreen-play,
html .vce-simple-image-slider-helper.vce-simple-image-slider-aspect-ratio--16-9  {
    height: 375px !important;
    padding: 0 !important;
}
.page-id-24 .vce-simple-image-slider-item.vc-slick-item {
    height: 100%;
}
.page-id-24 .vce-simple-image-slider-img.vce-simple-image-slider-img--background-position-center-top {
    background-position: center top;
    background-size: contain;
}
.indivchar.mobile{
    display: none !important;
}

/*------------------------------------*\
    $TYPE
\*------------------------------------*/
.indiv-search,
.indiv-post{
    margin: 30px 0;
    border-bottom: 3px solid #555555;
    padding-bottom: 30px;
}
.indiv-search:last-child,
.indiv-post:last-child{
    border: 0;
}
.post-img {
    float: left;
    display: inline-block;
    width: 30%;
    margin-right: 3%;
}
.post-inner{
    float: left;
    display: inline-block;
    width: 65%;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #555555;
    padding: 3px 5px;
    margin: 0 5px;
}
.wp-pagenavi span.current{
    background: #0475b7;
    color: white;
    border-color: #0475b7;
    font-weight: normal;
}





/*------------------------------------*\
    $MISC
\*------------------------------------*/
.overlay{
    opacity: 0;
}
.overlay.open{
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);    
    z-index: 98;
}
::-moz-selection     { background-color:#4a8ec2; color:#fff; }
::selection     { background-color:#4a8ec2; color:#fff; }
::-moz-selection{ background-color:#4a8ec2; color:#fff; }
hr{
    padding:0;
    border:none;
    height:1px;
    background-color:#ccc;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.shadowborder-right{
    -webkit-box-shadow: 3px 0px 0px 0px rgba(0,74,136,1);
    box-shadow: 3px 0px 0px 0px rgba(0,74,136,1);
    padding-right: 20px !important;
}
.shadowborder-right-light{
    -webkit-box-shadow: 3px 0px 0px 0px rgba(0,161,224,1);
    box-shadow: 3px 0px 0px 0px rgba(0,161,224,1);
    padding-right: 20px !important;
}
.blockdisplay{
    display: block;
    margin-bottom: 10px;
}
a.gothamfont.bluetext.blockdisplay {
    color: #005db9;
}
html .label-left .nf-field-label label {
    width: 100%;
    font-weight: normal;
    font-size: 26px;
}

/*------------------------------------*\
    $ACCESSIBILITY
\*------------------------------------*/
a.skip-main {
    left:-1000px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
    color: white;
    background-color:black;
    border:4px solid black;
}
a.skip-main:focus, a.skip-main:active {
    color: black;
    background-color:white;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;    
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
main, .banner, .contentinfo{
    display: block;
    overflow: hidden;
}
.mobile,
.slick-slide img.mobile,
.mobilespacer{
	display: none;
}
.desktop,
.slick-slide img.desktop{
	display: block;
}

.bg-home img{
    width: 100%;
}

.bg-home {
    min-height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width: 1024px) {
    /* .bg-home img {
       display: block;
    } */
    .bg-home {
        /* background: none !important;
        min-height: auto; */
    }
}

.blue h4 {
    color: #005db9 !important;
    font-size: 36px;
}

/*------------------------------------*\
    $CHARACTERS
\*------------------------------------*/

.characters .vce-single-image-wrapper {
    min-height: 275px;
    margin-bottom: 15px !important;
}

.characters-parent {
    background-color: #e8f2f7;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.characters-parent h4 {
    font-size: 30px !important;
    color: #005db9 !important;
    text-transform: uppercase;
}

.characters-container {
    padding-top: 155px;
    background-color: #e8f2f7;
}

.characters-parent .img-wrap {
    min-height: 295px;
    margin-bottom: 15px !important;
}

.characters-parent .img-res,
.img-res {
    max-width: 300px;
    width: 100%;
    height: auto;
}

.characters-parent.data-0 .img-res {
    max-width: 280px;
}

.characters-parent.data-1 .img-res,
.characters-parent.data-5 .img-res  {
    max-width: 250px;
}


@media screen and (max-width: 950px) {
    .characters-container {
        padding-top: 30px;
    }
}

/*
   Styles for animated modal && Fancybox Styles
   =========================
*/

.fancybox-content {
    max-width: 500px !important;
    text-align: center !important;
    background-color: #e8f2f7 !important;
}

.fancybox-content h2 {
    font-size: 36px !important;
    color: #005db9 !important;
    margin-top: 15px !important;
}

/* Start state */
.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    
    transform: translateY(-50px);
    transition: all .7s;
  }
  
  .animated-modal h2,
  .animated-modal p {
    transform: translateY(-50px);
    opacity: 0;
    
    transition-property: transform, opacity;
    transition-duration: .4s;
  }
  
  /* Final state */
  .fancybox-slide--current .animated-modal,
  .fancybox-slide--current .animated-modal h2,
  .fancybox-slide--current .animated-modal p {
    transform: translateY(0);
    opacity: 1;
  }
  
  /* Reveal content with different delays */
  .fancybox-slide--current .animated-modal h2 {
    transition-delay: .1s;
  }
  
  .fancybox-slide--current .animated-modal p {
    transition-delay: .3s;
  }
  

/*------------------------------------*\
    Bullying
\*------------------------------------*/

.img-responsive img {
    max-width: 100% !important;
}

.addclasshead h2 {
    font-family: 'CoopHeavy', sans-serif;
    font-size: 40px;
    color: #005db9;
}

/*------------------------------------*\
    Gravity Form
\*------------------------------------*/


.gfield_label {
    float: left;
    width: 20%;
    font-size: 18px !important;
    margin-right: 20px;
    color: #005dba;
}

.gform_wrapper textarea {
    width: 49% !important;
}

@media screen and (max-width: 768px) {
    .gfield_label,.gform_wrapper textarea {
        width: 100% !important;
        float: none !important;
    }
}

#gform_submit_button_1, 
.gform_button {
    padding: 10px 30px;
    color: white;
    background: #00a1e0;
    border: 0;
    font-size: 21px;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-top: 60px !important;
    
}

#gform_submit_button_1:hover, 
.gform_button:hover {
    background: #ff7f00;
}

.margin-fixer {
    max-width: 1080px !important;
    margin: 0 auto !important;
}

.vid-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px; 
	height: 0; 
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vid-list-container {
	width: 92%;
	overflow: hidden;
	margin-top: 20px;
	margin-left:4%;
	padding-bottom: 20px;
}

.vid-list {
	width: 1344px;
	position: relative;
	top:0;
	left: 0;
}

.vid-item {
	display: block;
	width: 148px;
	height: 148px;
	float: left;
	margin: 0;
	padding: 10px;
}

.thumb {
	overflow:hidden;
	height: 84px;
}

.thumb img {
	width: 100%;
	position: relative;
	top: -13px;
}

.vid-item .desc {
	color: #21A1D2;
	font-size: 15px;
	margin-top:5px;
}

.arrows {
	position:relative;
	width: 100%;
}

.arrow-left {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	left: -25px;
	top: -130px;
	z-index: 99;
	cursor: pointer;
}

.arrow-right {
	color: #fff;
	position: absolute;
	background: #777;
	padding: 15px;
	right: -25px;
	top: -130px;
	z-index:100;
	cursor: pointer;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
footer {
    background: #ff7f00;
    margin-top: -3px;
    position: relative;
}
.home footer {
   /** margin-top: -9px; */
}
footer p{
    color: black;
    margin: 0;
    font-size: 16px;
}
footer .container {
    text-align: center;
    padding: 15px 20px;
    color: #fff;
    position: relative;
    z-index: 999;
}
.copyright {
    margin: 15px auto;
    max-width: 510px;
    position: relative;
    z-index: 99;
}
.copyright p {
    font-family: 'Gotham Medium', sans-serif !important;
    font-size: 12px;
    color: #fff;
}
ul#menu-social-menu{
    list-style-type: none;
    margin: 0;
    display: flex;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 20px !important;
}
ul#menu-social-menu li{
    margin: 0 5px;
    display: inline-block;
}
.social-icon a{    
    height: 40px;
    width: 40px;
    display: block; 
    text-indent: -999999px;
}
.facebook a{
    background: url('images/facebook.svg') center center no-repeat;
    background-size: contain;
}
.instagram a{
    background: url('images/instagram.svg') center center no-repeat;
    background-size: contain;
}
.twitter a{
    background: url('images/twitter.svg') center center no-repeat;
    background-size: contain;
}
.pinterest a{
    background: url('images/pinterest.svg') center center no-repeat;
    background-size: contain;
}

.youtube a {
    background: url('images/youtube.svg') center center no-repeat;
    background-size: contain;  
}

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

.center {
    text-align: center;
}

footer .container .socialmedia {
    margin-top: 15px;
    position: relative;
    z-index: 99;
}

footer .container .socialmedia p {
    font-family: 'CoopHeavy', sans-serif !important;
    font-size: 30px;
    line-height: 24px;
    letter-spacing: 1.6px;
    color: #fff;
    margin: 15px auto;
}

.bg-footer-left {
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 420px;
    background: url('images/orangetarget_footerleft.png') no-repeat;
    background-size: 100%;
}

.bg-footer-right {
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 420px;
    background: url('images/orangetarget_footerright.png') no-repeat;
    background-size: 100%;
}

.bg-footer-left,
.bg-footer-right {
    position: absolute;
    z-index: 9;
    content: "";
}

@media screen and (max-width: 800px) {
    
    .bg-footer-left {
        top: 1px;
        max-width: 20rem;
        height: 100%;
        display: block !important;
        left: -12rem;
    }

    .bg-footer-right {
        top: auto;
        bottom: 0;
        max-height: 200px;
    }
    
}

@media screen and (max-width: 460px) {
    .bg-footer-left {
        top: 0;
        max-width: 21rem;
        height: 100%;
        left: -8rem;
    }
}

@media screen and (max-width: 420px) {

    .bg-footer-left {
        max-width: 24rem;
        left: -12rem;
    }
}

.mobile-home-menu{
    display: none !important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.error404 #maincontent {
    padding-top: 190px;
}

.error404 #maincontent .contents {
    min-height: 70vh;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}


@media screen and (max-width: 1024px) {
    .home footer {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        min-height: 56vh;
    }

    .home .bg-footer-right {
        display:block;
        max-height: 200px;
        bottom: 0;
        top: auto;
    }

    .home .bg-footer-left {
        display: none;
    }

}

@media screen and (max-width: 420px) {
    .home .bg-footer-right {
        max-height: 175px;
        bottom: 0;
    }

    .home .bg-footer-left {
        display: block;
    }

}

 footer .container .socialmedia .footer-text-excerpt > p,
 footer .container .socialmedia .footer-text-excerpt p,
 footer .container .socialmedia .footer-text-excerpt p > a,
 footer .container .socialmedia .footer-text-excerpt a {
    max-width: 700px;
    margin: 0 auto;
    font-family: 'Gotham Medium', sans-serif !important;
    color: #fff !important;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 1px;
}

.headings-with-shadow h2 {
    font-family: 'Toonish', sans-serif !important;
    text-align: center;
    color: #ff7f00 !important;
    font-size: 30px !important;
    text-shadow: 0.0px 10.0px 0.02px #fff, 9.8px 2.1px 0.02px #fff, 4.2px -9.1px 0.02px #fff, -8.0px -6.0px 0.02px #fff, -7.6px 6.5px 0.02px #fff, 4.8px 8.8px 0.02px #fff, 9.6px -2.8px 0.02px #fff, -0.7px -10.0px 0.02px #fff, -9.9px -1.5px 0.02px #fff, -3.5px 9.4px 0.02px #fff, 8.4px 5.4px 0.02px #fff, 7.1px -7.0px 0.02px #fff, -5.4px -8.4px 0.02px #fff, -9.4px 3.5px 0.02px #fff, 1.4px 9.9px 0.02px #fff, 10.0px 0.8px 0.02px #fff, 2.9px -9.6px 0.02px #fff, -8.7px -4.8px 0.02px #fff, -6.6px 7.5px 0.02px #fff, 5.9px 8.0px 0.02px #fff, 9.1px -4.1px 0.02px #fff, -2.1px -9.8px 0.02px #fff, -10.0px -0.1px 0.02px #fff, -2.2px 9.8px 0.02px #fff, 9.1px 4.2px 0.02px #fff, 6.1px -8.0px 0.02px #fff, -6.5px -7.6px 0.02px #fff, -8.8px 4.7px 0.02px #fff, 2.7px 9.6px 0.02px #fff, 10.0px -0.6px 0.02px #fff, 1.5px -9.9px 0.02px #fff, -9.3px -3.6px 0.02px #fff, -5.5px 8.4px 0.02px #fff, 7.0px 7.2px 0.02px #fff, 8.5px -5.3px 0.02px #fff, -3.4px -9.4px 0.02px #fff, -9.9px 1.3px 0.02px #fff, -0.8px 10.0px 0.02px #fff, 9.6px 2.9px 0.02px #fff, 4.9px -8.7px 0.02px #fff, -7.5px -6.7px 0.02px #fff, -8.1px 5.9px 0.02px #fff, 4.0px 9.2px 0.02px #fff, 9.8px -2.0px 0.02px #fff, 0.2px -10.0px 0.02px #fff, -9.7px -2.3px 0.02px #fff, -4.3px 9.0px 0.02px #fff, 7.9px 6.1px 0.02px #fff;
}

@media screen and (min-width: 768px) {
    .headings-with-shadow h2 {
        font-size: 50px !important;
    }

    .custom-btn-featured .vce-button--style-basic-wrapper {
        width: 80% !important;
    }
    .custom-btn-featured button {
        font-size: 25px !important;
    }

    .featured-boxes .vce-text-block-wrapper h3 {
        font-size: 18px;
    }
}

.bordered-styled figure {
    padding: 5px;
    border-radius: 10px;
    background: #fff;
}

.bordered-styled img {
    border: 5px solid #ff7f00;
    border-radius: 10px;
    
}

.bordered-styled a.vce-single-image-inner:hover > img,
.bordered-styled a.vce-single-image-inner:focus > img {
    box-shadow: 1px 1px 7px 1px #ff7f00;
}

.featured-boxes .vce-text-block-wrapper h3 {
    color: #fff !important;
    text-align: center;
    text-shadow: 2px -1px black, 1px 2px black, 0px 2px black, -2px 1px black, -1px -1px black, 3px 2px black, -2px 1px black, 0px -2px black, 4px 2px black;
    text-transform: uppercase;
    font-family: 'Toonish', sans-serif !important;
    font-size: 25px;
}

.featured-boxes .vce-text-block-wrapper {
    margin-bottom: 15px !important;
    min-height: auto;
}

.featured-boxes-inside-wrap .vce-row-content {
    margin: 0 auto !important;
}

.featured-boxes,
.colored-boxes {
   max-width: 170px !important;
}

.featured-boxes a.vce-single-image-inner:hover > img {
    transform: scale(0.93);
    transition: all ease 450ms;
}


.featured-boxes-wrap {
    padding-top: 30px;
}


@media screen and (max-width: 280px) {
   .featured-boxes,
   .colored-boxes {
   max-width: 150px !important;
}
 
}

@media screen and (max-width: 768px) {
    
    .featured-boxes,
    .colored-boxes {
        max-width: 150px !important;
        margin: 0 8px;
    }
}

@media screen and (max-width: 450px) {

.featured-boxes-inside-wrap .vce-row-content {
   /* flex-direction: column; */
}

.featured-boxes {
   max-width: 85px !important;
   margin: 0 5px;
}

.featured-boxes .vce-single-image-wrapper {
    margin-bottom: 20px !important;
}

}

@media screen and (max-width: 974px) {
    
    .bg-home > img {
        display:block;
    }
    
    .bg-home {
        background: none !important;
        min-height: auto !important;
    }
}

@media screen and (min-width: 960px) {
    
    .featured-boxes.box-1 {
        left: -60px;
    }

    .featured-boxes.box-2 {
        left: 20px;
    }

    .featured-boxes.box-3 {
        left: 100px;
    }

    .featured-boxes {
        max-width: 150px !important;
    }
    
    .featured-boxes-wrap {
        position: absolute !important;
        top: 53%;
    }

    .bg-home > img {
        display:block;
    }
   
}


@media screen and (min-width: 1201px) {
    
    .featured-boxes-wrap {
        position: absolute !important;
        top: 53%;
    }
    
    .featured-boxes {
        max-width: 170px !important;
        position: absolute !important;
    }

    .featured-boxes.box-1 {
        left: -350px;
    }

    .featured-boxes.box-2 {
        left: -50px;
    }

    .featured-boxes.box-3 {
        left: 230px;
    }
    
}

@media screen and (min-width: 1300px) {

  

    .featured-boxes-wrap {
        top: 54%;
    }

    .featured-boxes.box-1 {
        left: -370px;
    }

    .featured-boxes.box-2 {
        left: -50px;
    }

    .featured-boxes.box-3 {
        left: 240px;
    }

}

@media screen and (min-width: 1441px) {
    .featured-boxes-wrap {
        top: 54%;
    }

    .featured-boxes.box-1 {
        left: -400px;
    }

    .featured-boxes.box-2 {
        left: -50px;
    }

    .featured-boxes.box-3 {
        left: 275px;
    }

}

@media screen and (min-width: 1570px) {
    .featured-boxes-wrap {
        top: 55%;
    }

    .featured-boxes {
        max-width: 220px !important;
    }

    .featured-boxes.box-1 {
        left: -540px;
    }

    .featured-boxes.box-2 {
        left: -80px;
    }

    .featured-boxes.box-3 {
        left: 375px;
    }

}

.custom-btn-featured button {
    font-family: 'Toonish', sans-serif !important;
    font-size: 18px !important;
    border-radius: 50px !important;
    border: 8px solid #ffff !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    width: 100% !important;
    padding-right: 10px !important;
}

.custom-btn-featured .vce-button--style-basic-wrapper {
    width: 50%;
}


/** BigCommerce **/

.bc-product-archive,
.bc-product-single,
#bc-embedded-checkout,
.checkout-complete-row,
.bc-subnav {
    padding-top: 60px;
}

.bc-cart {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 30px;
    min-height: 80vh;
}

.bc-cart-footer {
    background: transparent;
    margin-bottom: 5rem;
}

.bc-product-archive__search input[type=search] {
    border: 0;
    padding: 0px 10px;
    outline: none;
    width: 100%;
}

.bc-product__meta {
    padding: 25px 0 0;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    flex: 1 1 auto;
}

.bc-btn, button.bc-btn, a.bc-btn, .entry-content .bc-btn, .entry-content button.bc-btn, .entry-content a.bc-btn, .bc-mini-cart .bc-btn, .bc-mini-cart button.bc-btn, .bc-mini-cart a.bc-btn, 
.bigcommerce-cart__item-count, .bc-account-login__form input[type="submit"] {
    background-color: #005db9 !important;
}

.bc-product-card .bc-btn, .bc-product-card a.bc-btn, .bc-product-card button.bc-btn,
.bc-form select {
    font-family: 'Gotham Book' !important;
}

.bc-product__title-link:focus, .bc-product__title-link:hover {
    text-decoration: none;
}

.bc-product-archive__refinery {
    margin: 40px 0 10px;
}

.bc-cart-item__remove-button {
    color: #005db9 !important;
}

.bc-cart-header>div,
.bc-cart-subtotal__label, .bc-cart-tax__label {
    font-size: 2rem;
    color: #005dba;
}

.bc-cart-subtotal__amount, .bc-cart-tax__amount {
    font-size: 1.5rem;
} 

.bc-cart-subtotal__label, .bc-cart-tax__label {
    font-size: 1.5rem;
    color: #005dba;
}

.bc-single-product__reviews {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bc-form .bc-product-archive__select-field {
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 93% center #fff;
    background-size: 10px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

#maincontent {
    position: relative;
}
.floating-cart {
    position: absolute;
    top: 220px;
    right: 50px;
    background: #ffffff;
    padding: 10px 10px 0px 9px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #e0e0e0;
}

.bc-alert-group.bc-alert-group--success {
    display: none;
}

.bc-subnav, .bc-account-page,
.bc-load-items,
.bc-account-addresses,
.bc-manage-wish-list-wrapper,
#bc-embedded-checkout {
  padding-left: 20px;
  padding-right: 20px;
}

.bc-account-page,
.bc-load-items,
.bc-order-detail,
.bc-manage-wish-list-wrapper,
#bc-embedded-checkout {
    margin-bottom: 40px;
}

.bc-order-card-meta__list {
    margin-left: 0;
}

.bc-order-meta__label, .bc-order-meta__value {
    font-size: 1rem;
}

.bc-account-addresses__item {
    border: 1px solid #d0d0d0;
}

#bc-embedded-checkout {
    min-height: 50vh;
}

@media screen and (min-width: 1200px) {
    .bc-product-archive__search {
        flex: 0 1 218px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 977px) {
    .bc-product-archive,
    .bc-cart, #bc-embedded-checkout,
    .checkout-complete-row,
    .bc-subnav {
        padding-top: 160px;
        max-width: 1100px;
    }

    .bc-account-page,
    .bc-load-items,
    .bc-order-detail,
    .bc-account-addresses,
    .bc-manage-wish-list-wrapper {
        padding-top: 20px;
        max-width: 1100px;
    }

    .bc-product-single {
        padding-top: 160px;
    }

    .bc-cart,
    .bc-account-page,
    .bc-subnav, .checkout-complete-row,
    .bc-load-items,
    .bc-order-detail,
    .bc-account-addresses,
    .bc-manage-wish-list-wrapper
    #bc-embedded-checkout  {
        margin-left: auto;
        margin-right: auto;
    }
    
    #bc-embedded-checkout,
    .checkout-complete-row,
    .bc-load-items,
    .bc-order-detail,
    .bc-account-addresses,
    .bc-manage-wish-list-wrapper,
    #bc-embedded-checkout {
        min-height: 80vh;
    }
}

@media (min-width: 960px) {
    .bc-product__title {
        font-size: 1.2em;
        line-height: 1.15;
    }

    .bc-cart-item {
        padding: 20px 0;
    }

    .bc-cart-subtotal__amount, .bc-cart-tax__amount,
    .bc-cart-subtotal__label, .bc-cart-tax__label {
        font-size: 2rem;
    }

    .bc-single-product__description .bc-product-single .bc-single-product__description {
        font-size: 1.5rem;
    }
}

@media (min-width: 768px) {
    .bc-cart-header>div {
        padding: 20px 0;
    }
}


.title-wrapper,
.creator-wrap {
    padding: 0 1.5rem;
}

@media (min-width: 768px) {
    .title-wrapper,
    .creator-wrap {
        padding: 0 3.5rem 2rem;
    }
}

.characters-wrap,
.creator-wrap {
    margin-bottom: 50px;
}

@media (min-width: 1080px) {
    .characters-wrap,
    .creator-wrap {
        margin-bottom: 90px;
    }
}

@media (max-width: 768px) {
    .youtube-frame iframe {
        height: 350px !important;
    }
    .bc-cart-item-meta .bc-cart-item__product-title {
        font-size: 12px;
    }
}


@media (max-width: 850px) {
    .vce-simple-image-slider-dots {
        top: 60% !important;
    }
}

@media (max-width: 753px) {
    .vce-simple-image-slider-dots {
        top: auto !important;
    }
}

.vce-row, .checkout-complete-row {
    margin: 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-id-886 .bc-account-page {
    padding-top: 220px;
}

.page-id-886 .bc-account-page {
    padding-top: 100px;
    min-height: 50vh;
    border: 0;
}

@media (min-width: 768px) {
    .page-id-886 .bc-account-page {
        padding-top: 220px;
        min-height: 90vh;
        border: 0;
    }
}

#bc-embedded-checkout {
   margin: 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}