/*
Theme Name: Remiel Custom Wordpress Theme
Theme URI: 
Description: A simple theme with custom functionalities 
Version: 1.0
Author: Remiel Evangelio
Author URI: http://remielevangelio.wordpress.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/**************************
	Fonts CSS 
***************************/

@font-face {
  font-family: 'FuturaExtended';
  src: url('fonts/FuturaExtended.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Altera';
  src: url('fonts/Altera.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Gothic';
  src: url('fonts/gothic.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Futura';
  src: url('http://www.circuitmag.net/wp-content/themes/RemielTheme/fonts/FuturaLight.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Didot';
  src: url('http://www.circuitmag.net/wp-content/themes/RemielTheme/fonts/TheanoDidot-Regular.TTF') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}



/**************************
	Global CSS 
***************************/
body { font-family: 'Tahoma', sans-serif; -webkit-font-smoothing: antialiased; background: #f3f3f3;font-size: 14px;}
a, a:hover { color: #444; text-decoration: none;}
.center { text-align: center;}
.futura { font-family: 'FuturaExtended', sans-serif !important;}
.futura-l { font-family: 'Futura', sans-serif !important;}
.gothic { font-family: 'Gothic', sans-serif !important;}
.altera { font-family: 'Altera', sans-serif !important; font-weight: bold;}
.didot { font-family: 'Didot', sans-serif !important}
.italic { font-style: italic !important;}
.sansserif { font-family: sans-serif !important;}
.upper { text-transform: uppercase;}
.orange { color: #ff8a00; }
.lblue { color: #20a5b8; }
.dblue { color: #207479;}
.gold { color: #ddc69e;}
.dgold { color: #5f481d;}
.lgrey { color: #5a5a5a;}
.block { display: block;}
.w100 { width: 100%; }
.input { padding: 10px; color: #444;  background: #eaeaea; border: none; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; /* border radius */ }
input.input-submit { background: transparent; border: none; outline: none; color: #a1a1a1;}
.bg-big { position: absolute; top: 39px; left: 0; width: 100%; z-index: -1; height: 100%;}
.no-border { border: none !important;}
.bright { border-right: 1px solid #898989;}
.justify { text-align: justify;}
.mbottom15 { margin-bottom: 15px;}
.mbottom10 { margin-bottom: 10px;}
.mbottom30 { margin-bottom: 30px;}
.mtop200 { margin-top: 200px;}
.mleft165 { margin-left: 165px;}
h3.dark-blue-title { font-size: 18px; font-weight: bold; margin: 5px 0px 10px 0px;}
img.thumb { width: 150px;} 
img.align-left { float: left; margin-right: 15px; margin-bottom: 15px;}
img.align-right { float: right; margin-left: 15px; margin-bottom: 15px;}
h1,h2,h3,h4,h5,h6,p { margin-bottom: 10px;}
p { line-height: 20px; font-size: 12px;}
.mauto { margin: 0 auto; max-width: 100%;}
.super-row { margin-left: -40px;margin-right: -40px;}
.middle-content { width: 58%;}
.widget { margin-bottom: 30px;}
.widgettitle { display: none;}
.bgf3 { background: #f3f3f3; }

/**************************
	Custom CSS 
***************************/
.container { position: relative; width: 1000px;}
.nav-container { padding: 15px 15px; margin-left: -15px;box-shadow: 0px 0px 10px #000; position: fixed; top: 30; width: 100%; max-width: 1000px; background: rgba(255, 255, 255, 0.6); z-index: 999;}
.nav-container > ul { font-size: 0; padding: 0px; margin: 0px; float: none;}
.nav-container > ul > li { display: inline-block; font-size: 14px;}
.nav-container > ul > li:nth-child(8) { float: right; padding: 0;}
.nav-container > ul > li:nth-child(8) a { padding: 0;}
.nav-container > ul > li:nth-child(9) { float: right; padding-right: 2px}
.nav-container > ul > li:nth-child(9) a { padding: 0; }
.nav-container > ul > li:nth-child(10) { float: right; padding-right: 5px; margin-top: 1px; }
.nav-container > ul > li:nth-child(10) a { padding: 0; }
.nav-container > ul > li:nth-child(11) { float: right;}
.nav-container > ul > li:nth-child(12) { float: right;}
.nav-container > ul > li:nth-child(13) { float: right;}
.nav-container > ul > li a { text-transform: uppercase; color: #4d4d4d; font-size: 12px; font-weight: bold; font-family: 'FuturaExtended', sans-serif;}


.sf-menu li {
background: transparent;
white-space: nowrap;
-webkit-transition: none;
transition: none;
}
.sf-menu a { border: none; padding: 5px 10px;}
.sf-menu li:hover, .sf-menu li.sfHover {
background: transparent;
-webkit-transition: none;
transition: none;
}
.sf-menu ul li { background: rgba(255, 255, 255, 0.7);}
.sf-menu ul li:hover { background: rgba(255, 255, 255, 0.7); }


.logo-div { margin-top: 175px; margin-bottom: 210px;}
.logo-div a { diplay: block;}
.logo-div img { max-width: 100%; margin: 0 auto; display: block;}



.event-highlights-div .content { padding: 10px; background: url('images/slider-bg.png'); margin: 9px;}

.events-calendar-div { padding: 0 20px 20px; border: 1px solid #e3e3e3; max-width: 200px; margin: 0 auto; position: relative;}
.events-calendar-div .title { margin-top: -20px;}
.events-calendar-div .content .date-item a.day { font-size: 120px; font-style: italic; line-height: 111px;}

.events-calendar-div a.prev, .events-calendar-div a.next { position: absolute; top: 60px;}
.events-calendar-div a.prev { left: 10px;}
.events-calendar-div a.next { right: 10px;}
.events-calendar-div .date-item .weekday { text-transform: capitalize; font-size: 21px; } 
.events-calendar-div .date-item .month {text-transform: capitalize; font-size: 21px; }


.features-div { background: #f3f3f3; padding-top: 50px; margin-top: 30px;}
.features-div img.title { margin-top: -65px;}

.upcoming-events-div { background: #f3f3f3; padding-top: 50px; margin-top: 30px;}
.upcoming-events-div img.title { margin-top: -65px; margin-bottom: 20px;}


.circuit-training-item { width: 153px; border-top: 1px solid #b8b8b8;margin: 0 auto; margin-top: 20px;}
.circuit-training-item .title { font-size: 12px; text-transform: uppercase;}
.circuit-training-item a.view-btn { color: #c00000;font-size: 11px;}
.circuit-training-item img { max-width: 100%;}

.owl-carousel .features-item { margin: 5px;}
.owl-carousel .features-item img { max-width: 100%;}


.features-item div.img { height: 165px;}
.features-item .metas { text-align: center; padding: 4px 0px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 10px; font-size: 14px;}
.features-item .metas h4.title { color: #525252; font-size: 14px; height: 30px;}
.features-item .metas a.view-btn { color: #c00000;font-size: 11px; }
.arrows { position: relative;z-index: 99; margin: 15px;}


.treats-slider-div .arrows a.prev, 
.treats-slider-div .arrows a.next,
.training-slider-div .arrows a.prev, 
.training-slider-div .arrows a.next { }


.archive-page .page-header { margin: 0px; margin-bottom: 20px; padding: 0px;}
.archive-page .content .features-item { width: 112px; overflow: hidden; float: left; margin-right: 5px;}
.archive-page .content .features-item div.img img { max-width: 100%;}
.archive-page .archive_title { color: #5c5c5c; margin-top: 0px;}



.wp-prev-next ul li { display: inline-block; list-style-type: none;}
.wp-prev-next ul { padding: 0; margin: 20px;}

.on-the-cover-div .separator { display: block; font-size: 48px; line-height: 5px; margin: 4px 0px; font-family: 'FuturaExtended',sans-serif;}
.on-the-cover-div .content .title { font-family: 'Didot', sans-serif; font-size: 14px; color: #000; font-style: italic;}
.on-the-cover-div .content .sub-title {font-family: 'Didot', sans-serif; font-size: 10px; color: #000; font-style: italic; opacity: 0.7; line-height: 8px; }
.on-the-cover-div .content .sm-title { font-family: 'Didot', sans-serif; font-size: 11px; color: #000; font-style: italic;}
.on-the-cover-div .content .sm-sub-title {font-family: 'Didot', sans-serif; font-size: 8px; color: #000; font-style: italic; opacity: 0.7; line-height: 8px; }


.main-container { background: #fff; padding-top: 25px; padding-bottom: 25px;}




.single-div .outer-content { border: 5px solid #ccc;}
.single-div .outer-content h4.author { color: #5b5b5b; font-size: 16px; font-style: italic; display: none;}
.single-div .outer-content h1.title { color: #5c5c5c;}
.single-div .outer-content h5.cat { text-align: center; max-width: 291px; border-top: 3px solid #3e3e3e; margin: 0 auto;}
.single-div .outer-content h5.cat a { color: #fff; background: #3e3e3e; font-weight: bold; padding: 1px 2px;margin-top: -1px;display: inline-block;}
.single-div .outer-content .main-content { max-width: 620px; margin: 30px auto; text-align: justify;}
.single-div .outer-content .main-content img { display: block; max-width: 100%; margin: 0 auto;}
.single-div .outer-content .main-content .wp-caption { width: auto !important;}

.bottom-ads { margin: 20px 0px;}
.bottom-nav-posts .pull-left a, .bottom-nav-posts .pull-right a { width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
margin-bottom: -8px;
}


.single-div .bottom-nav-posts { margin: 20px 15px;}

.search-items img { max-width: 100%;}


footer { padding: 20px;}

/*#fsi-full-bg { position: absolute !important; }*/
#fsi-full-bg img { position: absolute !important; width: 100%;}


 /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

/* .logo-div {
-webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
} */

.comment img { display: inline !important;}
.commentlist .comment { margin-bottom: 20px;}
.addthis_toolbox { max-width: 340px;margin: 0 auto;}
textarea#comment { width: 100%;height: 100px;}

#spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }



.shine
{
    background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 125px;
    
    color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: text;
    
    -webkit-animation-name: shine;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}


@media screen and (min-width: 768px) {
  footer { color: #fff; }
  footer a, footer a:hover { color: #fff; font-weight: bold;}
}