/*
 Theme Name:   Strappress Child
 Theme URI:    http://classicgamefest.com/strappress-child/
 Description:  My first child theme, based on Strappress
 Author:       wbsimms / Clear Launch
 Author URI:   http://clearlaunch.com
 Template:     strappress 
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  strappress-child
*/

/**
orange : #F58422
blue : #0088CE
***/

@import url('css/fonts.css');

@font-face {
font-family: 'cornerstone';
src: url('https://classicgamefest.com/wp-content/uploads/fonts/cornerstone-webfont.eot');
src: url('https://classicgamefest.com/wp-content/uploads/fonts/cornerstone-webfont.eot?#iefix') format('embedded-opentype'),
url('https://classicgamefest.com/wp-content/uploads/fonts/cornerstone-webfont.woff2') format('woff2'),
url('https://classicgamefest.com/wp-content/uploads/fonts/cornerstone-webfont.woff') format('woff'),  
url('https://classicgamefest.com/wp-content/uploads/fonts/cornerstone-webfont.ttf') format('truetype'),
url('https://classicgamefest.com/wp-content/uploads/fonts/cornerstone-webfont.svg#bariol_regularregular') format('svg');
}

@media (min-width: 1200px) {
    .container { width: 1288px; }
}

body {
/*    background: #55606f url(./images/cgf-bg.png); */
    color: #27303d;
    font: 14px/21px 'Conv_Istok', 'Helvetica Neue', helvetica, arial, sans-serif, 'Exo 2';
}

h1, h2, h3, h4, h5, button, .navbar-header, .navbar-nav, .actionButton {
 font-family: 'cornerstone', sans-serif;
}


}

h2 {
    color: #F58422;
}

h3 {

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

.cgf-site-wrapper { background: #fff; border-radius: 0 0 8px 8px; padding-left: 0; padding-right: 0; }

img {
    max-width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

/* Single */

div.single {
width: 90%;
float: left;
margin-right: 5%;
}
/*******************
 NAVIGATION
*******************/

.navbar-default { background: #F58422; }
.navbar-nav>.active>a { background: #F58422; color: #fff; }
.navbar-nav>.active>a { color: #fff; }
.navbar-header, .navbar-nav { 
    width: 80%; 
    text-transform: uppercase;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1.5px; }

.navbar-nav>li { text-align: center; text-transform: uppercase; width: 16.66%; padding: 8px 0; }
.navbar-default .navbar-nav > li > a { border: 1px solid transparent; color: #fff; width: 100%; margin: 0 auto; padding: 5px 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #F54F22;}

.navbar-default {
    border-color: #F54F22;
}



/*****************
 HERO
*****************/

.cgf-hero-wrapper { position: relative; }
.cgf-hero-text-wrapper { color: #fff; padding: 30px; position: absolute; top: 10%; width: 100%; }


/***************
 MAIN CONTAINERS
***************/
.cgf-middle-container { margin-top: 1px; }

.cgf-page-content { margin-top: 40px; }



/*****************
CONTAIN - FEATURES
*****************/

.floating-box {
    float: left;
    width: auto;
    height: auto;
    margin: 5px 5px 5px 5px;
    padding: 0;
    text-align:left;
}


/************
NO PADDING
************/

div.clear-both {
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    clear: both;
}


/***************
 SIDEBAR
***************/

.cgf-sidebar { background: #D4D7DB; }

/* VIDEO SECTION */
.cgf-video-wrapper { padding: 20px; }

/* Instagram */
.cgf-instagram-wrapper { padding-bottom: 20px; }
.cgf-instagram-inner { padding-left: 20px; }   /*was 50*/

/* COUNTDOWN */
.countdown {
    background: #0088CE;
    border-bottom: 2px solid #b0b5bc;
    border-radius: 4px;   
    height: 36px;  /*was 69*/
    margin-top: 2px;   /*was 2*/
    margin-bottom: 5px;    /*was 5*/
    overflow: hidden;
    padding: 5px;    /*was 7*/
    text-align: left;
    width: 100%;
}

.countdown-count {
    background: #000;
    background: -webkit-linear-gradient(#27303d 50%, #000 50%);
    background: linear-gradient(#27303d 50%, #000 50%);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;   /*was 28*/
    font-weight: 100;    /*was 300*/
    line-height: 25px;    /*was 54*/
    text-align: center;
    vertical-align: middle;
    width: 25%
}

.countdown-text {
    display: inline-block;
    font-size: 15px;    /*was 16*/
    font-weight: 200;    /*was 300*/
    margin-left: 8px;    /*was 10*/
    vertical-align: middle;
    width: 68%;    /*was 68*/
    color: white;
}


/************
 FORMS
************/

.cgf-form_wrapper {
    background: #D4D7DB;
    padding: 30px;
}


/**************
 FOOTER
**************/
#footer { background: #F58422; border-radius: 0 0 8px 8px; color: #fff; font-size: 12px; padding: 28px 14px; }

#footer .social-icons { font-size: 50px; padding: 0; }
#footer .social-icons a { color: #fff; }


/*************
COMPONENTS
*************/

.cgf-cta-btn {
    background: #27303d;
    border: 1px solid #27303d;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    line-height: 1;
    margin: 14px 0 0;
    outline: 0;
    padding: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: top;
    width: initial;
}

.cgf-cta-btn:hover {
    background: #55606f;
    border-color: #55606f;
    color: #fff;
}

.section-top-margin { margin-top: 30px; }


/***********************
BOOTH PRICING TABLE
***********************/

.table-column-header {
    background: #fb0;
    background-image: linear-gradient(#fc0, #fb0);
    border: 1px solid #ff9b00;
    box-shadow: inset 1px 1px 0 #ffd300;
    font-weight: 700;
    text-align: center;
}

.table-column-header:first-child {
    background: #b0b5bc;
    background-image: linear-gradient(#c2c6cb, #b0b5bc);
    border-color: #a1a7ae;
    box-shadow: inset 1px 1px 0 #ced1d5;
    color: #27303d;
    text-align: right;
}

.booth-pricing-table tr td:first-child {
    background: #d4d7db;
    border: 1px solid #b0b5bc;
    box-shadow: inset 1px 1px 0 #eaebed;
    color: #27303d;
    font-weight: 400;
    text-align: right;
}

.booth-pricing-table td {
    border: 1px solid #d4d7db;
}

.booth-pricing-table td, .booth-pricing-table th {
    text-align: center;
    padding: 7px;
    vertical-align: middle;
}

.table-row-highlight .table-row-header,
.table-row-highlight td {
    font-weight: 700;
}

.table-row-highlight td {
    background: #fff1cc;
    border-color: #ffc933;
}

.booth-pricing-table tr.table-row-highlight td:first-child {
    background: #fb0;
    background-image: linear-gradient(#fc0, #fb0);
    border: 1px solid #ff9b00;
    box-shadow: inset 1px 1px 0 #ffd300;
}

.table-image {
    display: block;
    margin: 0 auto;
}

.strike-thru { text-decoration: line-through; }


/****************
 Schedule
****************/

.schedule-time {
    background: #00a1f1;
    border: 1px solid #0083ea;
    border-bottom-width: 0;
    color: #fff;
    text-align: left;
    padding: 7px;
}

.schedule-desc {
    border: 1px solid #d4d7db;
    border-left-width: 0;
    border-bottom-width: 0;
    padding: 7px;
}

.schedule-slot:last-child .schedule-desc {
    border-bottom-width: 1px;
}

.schedule-title {
    font-weight: 100;
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .schedule-time-wrapper {
        padding-right: 0;
    }

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

    .schedule-desc-wrapper {
        padding-left: 0;
    }
}

/****************
 Popover
****************/

.popover-title {
 background-color: #0088CE
}

/*
Racetrack
**/
.racetrack {
 border-top-color: #0088CE;
 border-bottom-color: #0088CE;
 background-color: #0088CE;
 height: 3px;
 margin: 0;
 padding: 0;
}

.racetrack-white {
 border-top-color: #fff;
 border-bottom-color: #fff;
 background-color: #fff;
 height: 1px;
 margin: 0;
 padding: 0;
}

.cgf-vendors-widget a, .cgf-vendors-widget img { width: 100%; }
.cgf-vendors-widget a { margin-bottom: 2px; }

.banner { padding: 2px 0; }

.banner img {
    border-bottom: 2px solid #b0b5bc;
    border-radius: 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 110px;
    vertical-align: top;
    width: 294px;
}

.btn-info {
 background-color: #F58422;
 border-color: #F58422; 
}

.btn-info:hover {
 background-color: #f27219;
 border-color: #f27219; 
}

.home #widgets .textwidget {
 padding: 20px 0 0 0;
 margin: 0;
}

.logo {
    margin-top: -40px;
    margin-left: 30px;
    height: 60px;
    z-index: 1111111;
    position: fixed;
}

/************ 
Media Queries 
************/

@media(max-width:480px){
  .navbar-nav>li { text-align: center; text-transform: uppercase; width: 55.66%; padding: 8px 0; }
  .logo {
    margin-top: -35px;
    margin-left: 20px;
    height: 30px;
  }

  #instafeed > a > img {
	width: 80px;
 }
}

.boothCaptcha > img {
 width:250px;
 height: 57px;
}

.actionButton {
    height: 68px;
    padding: 21px;
    font-size: 15pt;
    background-color: #F58422;
	color: #fff;
}

.actionButton:hover {
 background-color: #f27219;
 border-color: #f27219; 
}

/**************
 WIDGETS
**************/

#widgets { padding: 0px; } /* was 10 */
#widgets a { display: block; }
#widgets a.signup-button { display: inline-block; }
#widgets .textwidget { 
  margin: 0;
  padding-bottom: 0px;
 }
.widget-title {
 padding-top: 10px;
 font-size: 12pt;
}

.gcc_caption {
 display: none;
}


/*******************************
FONTS FOR COUNTDOWN AND SPONSORS
********************************/

.front {
	font-family: Conv_Cornerstone;
	color: #333333;
	font-size: 25px;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 2px 2px 2px;
}


.spacefix {

    padding: 18px 2px 2px 2px;
    
}


/**************
 NEW HR
**************/

hr.faded {
  clear: both;
  float: none;
  width: 100%;
  height: 2px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(0,136,206)),
      color-stop(0.1, rgb(0,136,206)),
      color-stop(0.9, rgb(0,136,206)),
      color-stop(1, rgb(0,136,206))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(0,136,206) 0%,
      rgb(0,136,206) 10%,
      rgb(0,136,206) 90%,
      rgb(0,136,206) 100%
  );
}

/* transparent - color - transparent */

hr.style-two {
    border: 0;
    height: 1px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}


/**************
   CSS BOX
**************/
  
#line{
    width:200px;
    height:2px;
    background:#0088ce;
}


/**************
 IMAGE HOVER
**************/

.hovereffect {
  width: 205px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  height: 127px;  /*was 200*/
}


  .hovereffect:hover .overlay {
    right: 200px;  /*was 200*/
  }

  .hovereffect:hover .description {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5.5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Modern browsers */
    opacity: 1;
 
    transition: .3s ease-in;   /*was 1 - mainly changes text*/
    -webkit-transition: .3s ease-in;  /*was 1 - mainly changes text*/
  }
 
  .hovereffect .overlay {
    display: block;
    position: absolute;
    height: 200px;   /*was 200*/
    width: 100%;
    top: 0;
    right: -100%;
 
    transition: .3s ease-out;  /*was .4 - changes shape speed*/
    -webkit-transition: .3s ease-out;  /*was .4 -changes shape speed*/
  }

    .hovereffect .overlay .rectangle,
    .hovereffect .overlay .arrow-left {
      position: absolute;
      top: 0;
    }
    .hovereffect .overlay .rectangle {
      display: block;
      margin-left: 200px;   /*was 200*/
      width: 100%;
      height: 100%;
      background-color: rgba(35,35,35,.95);  /*was 255, 255, 255, .95*/
    }


    .hovereffect .overlay .arrow-left {
      position: relative;
      left: 0;
      width: 0; 
      height: 0; 
      top: 0;
      bottom: 0;
 
      border-bottom: 200px solid transparent; 
      border-right: 200px solid rgba(35,35,35,.95); /*was 255, 255, 255, .95*/
    }
 
  .hovereffect .description {
    text-align: center;
    position: absolute;
    padding: 8px 5px;    /*was 30 and 50*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #bdbdbd;
 
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5.5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Modern browsers */
    opacity: 0;
 
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
  }

    .hovereffect .description h3 {
      text-align: center;
      padding: 0px;
      margin: 0px;
      /*font-size: 6px;*/
      margin-bottom: 0px;
      /*font-weight: bold;*/
    }
 
  .hovereffect .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 0;
  }
 
  .hovereffect img {
    vertical-align: bottom;
}

.resize {
  display: block;
  line-height: 0.8; }



/*******************
CENTER iFRAME VIDEO
*******************/


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*******************
NEW <p> STYLING
*******************/

.p5 {
    font-size : 10px;
    padding : 0px 0px 10px 0px;
    margin : 0px 0px 0px 0px;
    line-height : 12px;
}


/*******************
BLUE BARS CODE OF CONDUCT PAGE
*******************/


#nav { 
   float: left; 
   width: 100%; 
   height: 48px;
   margin: 0; 
   padding: 0; 
   background: #008bce;
   clear: both; 
}

#nav-inner { 
   float: left; 
   width: auto;  
   padding: 0px 0px 20px 7px; 
   background: transparent; 
   clear: both;
}

.p6 { 
   color: #fff; 
   font-family: Conv_Cornerstone;
   font-size: 23px; 
   line-height: 2.0;
   padding: 2px;
   margin: 2px;
}


#wrapper2 {
   width: 900px;
   margin: 0 auto;
}

.container2 {
   width: 100%;
   padding-right: 20px;
}


/*******************
LARGE HEADER FOR MOBILE USE
*******************/

.h6 {
   color: #008bce; 
   font-family: Conv_Cornerstone;
   font-size: 30px; 
   line-height: 2.0;
   padding: 1px;
   margin: 1px;
}


/*******************
NEWS
*******************/

.hovereffect2 {
    width: 232px;
    height: 350px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}


.hovereffect2 h2  {
  font-family: "istok";
  color: #fff;
  position: left;
  font-size: 2px;
  background-color: transparent;
  padding: 0px 30px 5px 0px;
  text-align: left;
}

.hovereffect2 h3 {
  font-family: "cornerstone";
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  font-size: 10px;
  background-color: #fff;
  padding: 15% 0 10px 0;
  text-align: left;
}

.hovereffect2 h4 {
  font-family: "istok";
  color: #fff;
  position: top;
  font-size: 13px;
  background-color: transparent;
  padding: 0 30px 14px 0;
  text-align: right;
}


.hovereffect2 .overlay {
    width: 232px;
    height: 250px;
    position: absolute;
    overflow: hidden;
    left: 0;
top: auto;
bottom: 0;
padding: 1em;
height: 4.75em;
background: #008bce;
color: #3c4a50;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}


.hovereffect2 img {
    width: 232px;
    height: 100%;
    display: block;
    position: absolute;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}


.hovereffect2:hover img {
    transition-timing-function: linear;
    transition-timing-function: cubic-bezier(0.70, 1, 0.35, 1);;
    -webkit-transform: translate3d(0,-10%,0);
transform: translate3d(0,-10%,0);
    opacity: 60;
    filter: alpha(opacity=60);
    -webkit-filter: grayscale(100%) brightness(60%) blur(1px);
}


.hovereffect2 h3 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
float: left;
margin: 189px 0 0 0;
display: inline-block;
}

.hovereffect2 h2 {
    color: #fff;
    text-align: left;
    font-size: 14px;
    padding: 0px 25px 5px 0px;
    background: rgba(0, 0, 0, 0);
float: left;
margin: 0px;
display: inline-block;
}

.hovereffect2 a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
margin: 50px 0 0 0;
background-color: transparent;
}
.hovereffect2 a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect2 p.icon-links a {
float: right;
color: #3c4a50;
font-size: 1.4em;
}

.hovereffect2:hover p.icon-links a:hover,
.hovereffect2:hover p.icon-links a:focus {
color: #252d31;
}

.hovereffect2 h2,
.hovereffect2 p.icon-links a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,200%,0);
}

.hovereffect2 h3,
.hovereffect2 p.icon-links a {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.28s;
-webkit-transform: translate3d(0,200%,0);
transform: translate3d(0,170%,0);
}

.hovereffect2 p.icon-links a span:before {
display: inline-block;
padding: 8px 10px;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


.hovereffect2:hover .overlay,
.hovereffect2:hover h2,
.hovereffect2:hover p.icon-links a {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.hovereffect2:hover .overlay,
.hovereffect2:hover h3,
.hovereffect2:hover p.icon-links a {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.hovereffect2:hover h2 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}


.hovereffect2:hover h3 {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}

/*******************
Guests
*******************/
.page-id-2929 .cgf-page-content p{
   display: inline-block;
}

.page-id-2929 .cgf-page-content img{
  width: 30%;
}