/*
Theme Name: Trekland
Theme URI: http://theme.co/x/
Description: X Theme Child Theme (created for v.4.6.2). Make all of your modifications to X in this child theme.
Author:  Parker Bennett
Author URI:  http://alignedonline.com;
Template: x
Template Version:  1.0.1
*/


/* =Theme customizations
------------------------------------------------------- */

/* FIX for disappearing photo-grid */

.x-section:before {
     width: auto;
}

body { min-width: 320px; }

.rad_power_box_mode_popup { display:none; }

.force-full-width { min-width: 100% !important; width: 100% !important; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 2.65em;
    margin-bottom: 9px;
    border: 1px solid #0d0d0d;
    padding: 0 .65em;
    font-size: 13px;
    line-height: normal;
    color: #444;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

/* WEB FONTS
------------------------------------------------------- */

@font-face {
  font-family: 'FederationClassic';
  src: url('fonts/FederationClassic/FederationClassic.eot'); /* IE9 Compat Modes */
  src: url('fonts/FederationClassic/FederationClassic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/FederationClassic/FederationClassic.woff') format('woff'), /* Modern Browsers */
       url('fonts/FederationClassic/FederationClassic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/FederationClassic/FederationClassic.svg#8a797319d4c78fb30833c9b412007eaf') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: local('Exo 2 Italic'), local('Exo2-Italic'), url(https://fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbtYtG-Ic5VArlT8bdw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: local('Exo 2 Italic'), local('Exo2-Italic'), url(https://fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbtYtG-wc5VArlT8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 800;
  src: local('Exo 2 Extra Bold Italic'), local('Exo2-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0s68HMJmBUhfrGEPw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 800;
  src: local('Exo 2 Extra Bold Italic'), local('Exo2-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0s68H0JmBUhfrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 900;
  src: local('Exo 2 Black Italic'), local('Exo2-BlackItalic'), url(https://fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE2878HMJmBUhfrGEPw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 900;
  src: local('Exo 2 Black Italic'), local('Exo2-BlackItalic'), url(https://fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE2878H0JmBUhfrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYmK-4W4nIppT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYoK-4W4nIp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: local('Exo 2 Extra Bold'), local('Exo2-ExtraBold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6PDfs1wH8DnzcjTrA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: local('Exo 2 Extra Bold'), local('Exo2-ExtraBold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6PDfs7wH8Dnzcj.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: local('Exo 2 Black'), local('Exo2-Black'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs1wH8DnzcjTrA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: local('Exo 2 Black'), local('Exo2-Black'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs7wH8Dnzcj.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* TYPOGRAPHY
------------------------------------------------------- */

/* h1, h2, h3, h4, h5 { 
    letter-spacing: .003em; }
*/

.trekfont, .trekland-upright {
	font-family: FederationClassic, 'Exo 2', 'Helvetica Neue', sans-serif;
	font-weight: 400 !important;
        font-size: 150%;
        letter-spacing: 0.04em;
        word-spacing: -0.35em !important;
	text-transform: lowercase; }

.trekfont-upright {
	text-transform: uppercase; }

.entry-header .entry-title { 
    font-weight: 800 !important; 
    font-style: normal !important; 
    color: #ffcc33; }

.x-icon-facebook-official {font-size:150% !important;  position:relative; top:4px; }

/* SIDEBAR HEADINGS - SMALLER, LIGHT BLUE */

.x-sidebar h4.h-widget { 
  color: #689ad8;
  font-size: 1em; 
  text-transform: uppercase; }

cite { 
    display: block; 
    margin-top:.5em; 
    font-style: italic !important;
    letter-spacing: .005em;
}


/* COLORS
------------------------------------------------------- */

.brand-color, .brandcolor, .brand-blue { color: #325d92 !important; }

.brand-blue-light { color: #3f75b8 !important; }

.brand-blue-lighter { color: #689ad8 !important; }

a.brand-blue-light:hover, a.brand-blue-lighter:hover { color: #fff !important; }

.brand-yellow { color: #fc3; }

ul.brand-color li:before { color: #325d92 !important; }

.blueglow {
        text-shadow: 0px 0px 4px rgba(173,197,227, 1); } /* #adc5e3 */

.darkglow {
        text-shadow: 0px 0px 5px rgba(0,0,0, .4); }

/*
body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { color: #eaeaea; }
*/

.x-blockquote { border: none; color: #b0b0b0; }

.x-cite {
  color: #689ad8; /* lighter brand blue */
  font-weight: 700 !important; }

.gfield_label { color:  #fc3 !important; }


/* HEADER - FOOTER
------------------------------------------------------- */

/* Announcement bar - change from blue to light grey */
.p-info a {
  color: #999 !important;
  border-bottom: none !important; }

.p-info a:hover { color: #fff !important; }

/* append "with Dr. Trek..." to logo on all but home page */
.x-brand { position: relative;}

/* hide x-btn-widgetbar at small width */
@media
only screen and (max-width: 599px) {
.x-btn-widgetbar { display: none; }
}

@media
only screen and (max-width: 1024px) {
.x-navbar .x-nav-wrap .x-nav > li > a {
    letter-spacing: .06em !important; }

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 9px !important;
    padding-right: 9px !important; }
}

.x-brand:after { 
  position: absolute;
  display: inline-block;
  width: 160px;
  margin-left: 2px;
  bottom: 1px;
  content:" with “Dr. Trek” Larry Nemecek";
	font-size: 16px;
  text-transform: none;
  font-weight: 600;
  font-style: italic;
  color:#999;
  letter-spacing:.025em; }

.home .x-brand:after { display: none; }

@media
only screen and (min-width: 980px) and (max-width: 1098px) {
.x-brand:after { 
  display: none; }
}

.x-social-global a i, a.text-light { color:  #fc3 !important;
-webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; }

.x-social-global a:hover i, a.text-light:hover  { color: #fff !important; }

.x-social-global a {
    font-size: 24px !important;
    margin: 0 !important;
    padding: 8px 6px; 
    margin-top:-7px !important; }

/* ARCHIVE HEADER - LOSE H1 */
.h-landmark { display: none; }


/* MODULES
------------------------------------------------------- */

.coming-up-column .h-custom-headline {margin:15px 0 10px; line-height:1.2; }

.entry-wrap { background-color:#000 !important; }

/* CAT WIDGET - Brighter "Select Category" label */
select#cat { color: #ccc !important; }

/* BLOG PAGE */

.youtube-video { padding: 0 25% 0 0; }

.more-link { font-size: 1.1em; font-weight: 400 !important; }
.more-link:after { content: " \00bb"; }

/* RECENT POST ON HOME */
.x-recent-posts .h-recent-posts {
    white-space: normal !important;
    color: #f0f0f0 !important; }

.h-recent-posts .x-recent-posts-date,
.x-recent-posts .x-recent-posts-date { 
  color: #999; }

.x-recent-posts-excerpt {
  color: #ccc !important;
  display: block;
  margin-top: 1em; }

.x-recent-posts-img {
  position: relative;
  overflow: hidden;  } 

.x-recent-posts-img img {
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto; }

.x-recent-posts-img:after {
    background-color: rgba(50,93,146,.75) !important; }

.most-recent .h-recent-posts { font-size:1.75em; line-height: 1.2; margin-top:.375em; }


/* ICON LIST ON HOME PAGE */
.x-li-icon { line-height: 1.4; }

.x-video.embed.with-container {
padding: 0 !important; }

.x-accordion { 
    margin-bottom: 0; }

.x-accordion-group { 
  margin-bottom: 2px; }

.bg-portal {
  background: url(/wp-content/uploads/bg-starfield-portal-800x600.jpg) no-repeat #001126;
  background-size: cover; }

/* Reduces padding at the top of the page under menu */
.entry-wrap { padding-top: 15px !important; }

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

.image-max {
  display:block;
  margin: 0 auto;
  width: 80%;
  max-width: 256px; }

}

/* PORTAL 47 PAGE */

.updates-form input { background: #fff; }

#gform_submit_button_4, #gform_submit_button_9,#gform_submit_button_11, input.gform_button.button
  { background: #339aff !important; }
#gform_submit_button_4:hover, #gform_submit_button_11:hover, #gform_submit_button_9:hover,input.gform_button.button:hover { background: #5aadff !important; }
.updates-form .gfield_select {background: #fff !important;}

.hero-headline {
color:#ffcc33;
}

.photo-grid {
  position:relative;
}

@media (max-width: 1440px) {
#photo-grid:before, .photo-grid:before {
    display:block;
    content:"";
    position: absolute;
    top:0;right:0;bottom:0;left:0;
    background: url(/wp-content/uploads/startrek-montage-warped-8b-1920x720.png);
    background-position: 50% 67%;
    background-size: contain;
    background-repeat: no-repeat !important;  
}
}

@media (min-width: 1441px) {
#photo-grid:before,.photo-grid:before {
    display:block;
    content:"";
    position: absolute;
    top:0;right:0;bottom:0;left:0;
    background: url(/wp-content/uploads/startrek-montage-warped-8b-1920x720.png);
    background-position: 50% 35%;
    background-size: cover;
    background-repeat: no-repeat !important;  
}
}

.card1 .x-face-outer.back {
  background:url(/wp-content/uploads/photo-larry-nemecek-bb-q63-960x720.jpg)
!important;
  background-size:contain;
}

/* THE EVENTS CALENDAR
------------------------------------------------------- */

/* Headings on Events Page */
.tribe-events-list-event-title {
  line-height: .625 !important; } 

#tribe-bar-collapse-toggle, 
.label-tribe-bar-date,
.label-tribe-bar-search,
.tribe-bar-views-inner label{
  color: #325d92 !important; }

.tribe-events-list-separator-month span {
  background: #325d92;
  padding-bottom: .2em; }

a.tribe-events-button {
  background-color: #325d92 !important; }

a.tribe-events-button:hover {
  background: #3f75b8 !important; }

.tribe-events-event-meta,
.tribe-events-venue-details {
  background: none !important;
  border: none !important; }

.tribe-event-schedule-details {
  font-size: 112.5%;
  margin-bottom: .5em; }

.tribe-list-widget .tribe-event-title { margin: 0; padding: 0; font-size: 1.2em;}

.ecs-event-list, .ecs-event {
  margin: 0;
  list-style: none; }

.ecs-event {
  display: block;
  width: 50%;
  float: left;
  line-height: 1.4;}

.duration.time, .duration.venue { padding-left: 4px; padding-right:18px !important; font-size: 75%; display:block; line-height: 1.2; opacity:.7;}

.duration.venue em { display:none; }
.duration.venue { display: block; min-height: 4em; padding-bottom: 6px !important }

.ecs-event-list .entry-title { padding-right: 12px !important; font-size: 18px; font-weight: 400 !important; line-height:1.2; margin-top: 0; margin-bottom: .25em;}

h1.entry-title, h2.entry-title {
  font-size: 1.625em; 
  font-weight: 500 !important; 
  line-height: 1.2; }

h1.entry-title { font-size: 1.875em; }

/* UTILITY
------------------------------------------------------- */

.nobr, .nobreak, .nowrap { white-space: nowrap !important; }

.hide { display:none !important; }

.clearfix:before,
.clearfix:after {
    display: table;
    content: ""; }

.clearfix:after {
    clear: both; }

.font-weight-light { font-weight: 200; }
.font-weight-heavy { font-weight: 700; }

.superscript, .small-asterisk {
  font-size:55%;
  position:relative;
  top:-.56em; }

ul.checkmark li:before {
    content: '✔';
    margin-left: -1.5em;
    margin-right: .5em; }

ul.checkmark {
   padding-left: 2em;
   list-style: none;
   list-style-position: outside; }

ul.checkmark li {
   line-height: 1.25;
   margin-top: .625em; }


/* ANIMATIONS

/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s; }

.fade-in.one, .fade-in.delay-700ms {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.fade-in.two, .fade-in.delay-12000ms {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s; }

.fade-in.three, .fade-in.delay-1600ms {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.fade-in.delay-500ms {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s; }

.fade-in.delay-1s, .fade-in.delay-1000ms {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s; }

.fade-in.delay-1500ms {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.fade-in.delay-2s, .fade-in.delay-2000ms {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s; }

.fade-in.delay-2500ms {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s; }

.fade-in.delay-3s, .fade-in.delay-3000ms {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s; }

.fade-in.delay-3500ms {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s; }

.fade-in.delay-4s, .fade-in.delay-4000ms {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s; }