/*----------------------------------------------------------------------

    Theme Name:     Blog theme
    Theme URI:      http://www.copytrans.net
    Description:    A modern & professional portfolio WordPress theme.
    Author:         Wind
    Author URI:     http://www.copytrans.net
    Version:        1.0.1
    Tags:           post-formats, theme-options, translation-ready

    License: GNU General Public License V2 or Later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html

 ----------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/*
/*                          BODY & HEADINGS
/*
/*--------------------------------------------------------------------*/
body {
    background-color: #FFF;
    font: 16px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
}

h1, h2, h3 { letter-spacing: -1px; font-weight: 800; }

h1, h2 { font: 800 40px/50px "Lato", Helvetica, Arial, sans-serif; }

#primary-container h1, h2 { font-size: 32px; font-weight: 800;line-height: 38px; }

h3 { font-size: 26px; line-height: 34px;  margin-bottom: 15px; }

h4 { font-size: 19px; line-height: 27px; font-weight: normal; letter-spacing: -1px; }

h5 { font: 14px/24px Courier, Courier New, monospace; margin-bottom: 12px; text-transform: uppercase; }

h6 { font: 500 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 12px; font-weight: bold; }

code {
    display: block;
    border-style: none;
    font: 14px/24px Courier, Courier New, monospace;
    margin: 30px 0 45px 55px;
    overflow: auto;
}

::selection { background: #F0F0F0; }




/*--------------------------------------------------------------------*/
/*
/*          GLOBAL STYLES (ELEMENTS WITH THE SAME STYLES)
/*
/*--------------------------------------------------------------------*/
code,
.copyright,
.post-date,
.entry-meta,
#login span,
.widget li a,
.copyright a,
.twitter_time,
.logged-in-as,
.entry-meta a,
.comment-meta,
.comment-meta a,
#login span a,
.logged-in-as a,
.entry-content li,
a .logo_text:hover,
.widget_archive li,
.author-tag a:hover,
.widget_categories li,
.bean-coming-soon .text,
.comment-awaiting-moderation,
#header-container .main-menu a,
.search #searchform input[type="text"] {
    color: #29abe2;
}

form label,
blockquote,
blockquote p,
textarea:focus,
.entry-meta span,
.widget li a:hover,
.entry-meta a:hover,
.copyright a:hover,
.author-description,
.comment-author cite,
.comment-author cite a,
.archives-list ul li a,
input[type=text]:focus,
input[type=email]:focus,s
input[type=password]:focus,
.entry-content blockquote p,
h1, h1 a, h2, h3, h4, h5, h6,
.comment-meta .author-tag a:hover,
.widget_bean_recent_posts li h3 a,
#header-container .main-menu a:hover,
.post-password-required .entry-content label  {
    color: #333;
}

.btn:hover,
#toTop:hover,
.button:hover,
.jp-interface,
.post .jp-audio,
.tagcloud a:hover,
button.button:hover,
.button.small:hover,
.btn[type="submit"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button[type="submit"]:hover,
.form-submit input[type="submit"]:hover {
    background-color: #333;
}

/*GENERAL TRANSITION SPEED */
a,
.btn,
.button,
.logo h1,
.bean-shot,
.tagcloud a,
button.button,
.post-thumb img,
.isotope-item img,
.btn[type="submit"],
.button[type="submit"],
input[type="button"],
input[type="reset"],
.flickr_badge_image,
input[type="submit"],
.instagram_badge_image,
.flickr_badge_image img,
.bean-dribbble-shots img,
.instagram_badge_image img,
.menu_container input[type="text"] {
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
}

/* NO TRANSITIONS FOR THESE CLASSES */
#toTop,
.pagination a,
.header-controls a.trigger,
#header-container .main-menu ul li a {
    -webkit-transition: all 0s;
       -moz-transition: all 0s;
        -ms-transition: all 0s;
         -o-transition: all 0s;
}

/* IMAGE HOVERS (PRIMARY STYLES ARE VIA THEME CUSTOMIZER) */
.post-thumb {
    background-image: url(assets/images/post-thumb.png);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.post-thumb a img:hover,
.isotope-item img:hover {
    opacity: .08;
}


/*--------------------------------------------------------------------*/
/*
/*                        FORM & INPUT STYLES
/*
/*--------------------------------------------------------------------*/
/* THEME BUTTONS */
.btn,
.button,
.tagcloud a,
button.button,
.btn[type="submit"],
.button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font: 13px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    margin: 1px 1px 4px 0;
    padding: 12px 18px;
    text-align: center;
    text-transform: uppercase;
}

.btn:hover,
.button:hover,
.tagcloud a:hover,
button.button:hover,
.form-submit input[type="submit"]:hover,
.btn[type="submit"]:hover,
.button[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #FFF!important;
}

a.short-btn {color: #FFF!important}

/* THEME FORMS */
form label {
    cursor: pointer;
    display: block;
    margin-bottom: 7px;
}

span.required {
    color: #FF554E;
    font-size: 22px!important;
    line-height: 10px;
}

form input {
    clear: none;
    display: inline;
    margin-bottom: 20px;
}

input.input-text,
textarea {
    display: block;
    margin-bottom: 18px;
}

textarea { padding: 9px 14px; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    background-color: #F1F4F5;
    border: 1px solid #F1F4F5;
    border-radius: 3px;
    height: 38px;
    color: rgb(0,113,188);
    font: 15px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    background-color: #F1F4F5;
    border: 1px solid #F1F4F5;
    color: #333;
}

/* ERRORS */
label.error { display: none!important; }

.error input,
textarea.error,
.wpcf7-not-valid,
input[type=text].error {
    background-color: #FF5F49!important;
    border-color: #FF5F49!important;
    color: #FFF!important;
}

.error input:hover,
textarea.error:hover,
.wpcf7-not-valid:hover,
input[type=text].error:hover {
}

.error input:focus,
textarea.error:focus,
.wpcf7-not-valid:focus,
input[type=text].error:focus {
}

/* ERROR ANIMATIONS */
input.error,
textarea.error,
.wpcf7-not-valid,
.requiredField.error {
    -webkit-animation-name: BeanButtonShake;
       -moz-animation-name: BeanButtonShake;
         -o-animation-name: BeanButtonShake;
    -webkit-animation-duration: 5s;
       -moz-animation-duration: 5s;
        -ms-animation-duration: 5s;
         -o-animation-duration: 5s;
}

/* CONTACT FORM 7 COMPATIBILITY */
.wpcf7-form input[type="text"] {
    margin-top: 10px;
}

.wpcf7-not-valid-tip {
    background: none!important;
    border: none!important;
    color: #FF5F49;
    left: 0!important;
    top: -20px!important;
    position: relative!important;
}

div.wpcf7-mail-sent-ok {
    background-color: #3FC380;
    border: none!important;
    border-radius: 3px;
    color: #FFF;
}

div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
    background-color: #FF5F49;
    border: none!important;
    border-radius: 3px;
    color: #FFF;
}

div.wpcf7-response-output {
    margin: 30px 0 0 0!important;
    padding: 0.6em 1em!important;
    text-align: center;
}

.wpcf7-form p {
    line-height: 33px;
}

.wpcf7-form span {
    margin-top: -15px;
}

wpcf7-submit {
    padding: 8px 15px;
}

div.wpcf7 img.ajax-loader {
    display: inline;
}




/*--------------------------------------------------------------------*/
/*
/*                            THEME HEADER
/*
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/*  MAIN HEADER
/*--------------------------------------------------------------------*/
.logo h1 {
    display: inline-block;
}

.logo-uploaded {
    margin-bottom: 10px;
}

.header-tagline {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}

/* PRIMARY NAVIGATION - STICKY ELEMENT */
#primary-nav {
    padding: 15px 0;
}

#primary-nav.stuck {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom: none;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}

.logged-in #primary-nav.stuck {
    top: 28px;
}

/* MAIN HEADER */
#header-container {
    border-bottom: 1px solid #E9ECEC;
    padding: 50px 0px 45px;
    text-align: center;
}

#header-container .main-menu {
    font-family: Courier, Courier New, monospace;
    font-size: 15px;
    text-transform: uppercase;
}

#header-container .main-menu ul li {
    display: inline-block;
    margin: 0 5px;
}
#header-container .main-menu ul li a {
    padding: 7px 10px;
}
#header-container .main-menu > .sfHover > a {
    border-radius: 3px 3px 0 0;
    color: #A7A7A7;
}

/* REQUIRED SUPERFISH STYLES */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
    white-space: nowrap;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0px;
    top: 26px;
    min-width: 10em;
    z-index: 999;
}

.sf-menu ul ul {
    margin-top: -5px;
    margin-left: 13px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { display: block; }

.sf-menu a {
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 90%;
}

/* DROPDOWN STYLES */
#header-container .main-menu ul li a {
    border: 1px solid rgba(255, 255, 255, 0);
}

#header-container .main-menu ul li a.sf-with-ul {
    border-bottom-color: #FFF;
}

#header-container .main-menu > .sfHover > a.sf-with-ul {
    background-color: #FFF;
    border-radius: 3px 3px 0 0;
    border-color: #E9ECEC;
    border-bottom-color: #FFF;
    color: #A7A7A7;
    margin-bottom: 3px;
    z-index: 999;
    -webkit-box-shadow: 0 -1px 2px rgba(69, 69, 74, 0.05);
       -moz-box-shadow: 0 -1px 2px rgba(69, 69, 74, 0.05);
            box-shadow: 0 -1px 2px rgba(69, 69, 74, 0.05);
}

#header-container .main-menu .sub-menu {
    background: #FFF;
    border: 1px solid #E9ECEC;
    border-radius: 0 3px 3px 3px;
    margin-top: 1px;
    padding: 6px 0;
    z-index: 8;
    -webkit-box-shadow: 0 1px 3px rgba(69, 69, 74, 0.1);
       -moz-box-shadow: 0 1px 3px rgba(69, 69, 74, 0.1);
            box-shadow: 0 1px 3px rgba(69, 69, 74, 0.1);
}

#header-container .main-menu .sub-menu li {
    display: block;
    margin: 0;
    text-align: left;
}

#header-container .main-menu .sub-menu li a {
    display: block;
    font-size: 14px;
    padding: 1px 10px;
}

#header-container .main-menu .sub-menu a:hover {
    background-color: #F1F4F5;
    color: #333;
    width: 100%;
}

#header-container .main-menu.stuck li {
    border: none!important;
}


/* DROP IN STUCK ADJUSTMENT */
#header-container .main-menu.stuck .sub-menu {
    border-radius: 0 0 3px 3px;
}


/*--------------------------------------------------------------------*/
/*  HEADER OVERLAY
/*--------------------------------------------------------------------*/
.header-controls {
    position: relative;
    overflow: visible;
    right: 35px;
    top: 35px;
    }

/* OVERLAY TRIGGER */
.header-controls a.trigger {
    background: url(assets/images/sprite.png) -172px 3px;
    border-radius: 3px;
    height: 30px;
    position: absolute;
    right: 0;
    width: 30px;
    }

.header-controls a.trigger:hover { background-position: -172px -37px; background-color: #EEE; }
.header-controls a.trigger.open { background-position: -172px -117px; background-color: #EEE; }
.header-controls a.trigger.open:hover { background-position: -172px -77px;}

/* OVERLAY LAYOUT */
.overlay-container {
    background: #333;
    color: #A7A7A7;
    display: none;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    }

.overlay-container .overlay-inner { padding-top: 60px; }
.overlay-container .four.columns  { padding: 0 16px; }

.overlay-container .four.columns:first-child {
    padding-left: 0px;
    padding-right: 32px;
    }

.overlay-container .four.columns:last-child {
    padding-left: 32px;
    padding-right: 0px;
    }

 /* OVERLAY STYLE DEFAULTS */
.overlay-container h1,
.overlay-container h2,
.overlay-container h3,
.overlay-container h4,
.overlay-container h5,
.overlay-container h6 {
    color: #FFF;
}

.overlay-container p {
    color: #A7A7A7;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}
.overlay-container a { color: #A7A7A7; }
.overlay-container a:hover { color: #FFF; }

.overlay-container p a {
    color: #FFF;
    font-weight: bold;
}
.overlay-container p a:hover { color: #A7A7A7; }

.overlay-container input[type="text"],
.overlay-container textarea  {
    background-color: #272727;
    border-color: #272727;
    color: #A7A7A7;
}

.overlay-container input[type="text"]:focus,
.overlay-container textarea:focus  {
    background-color: #222;
    border-color: #222;
    color: #FFF;
}

.overlay-container a.button {
    color: #FFF;
    font-size: 12px;
}

 /* OVERLAY WIDGET OVERRIDES */
.overlay-container .widget { margin-bottom: 50px; }
.overlay-container .widget:last-child { margin-bottom: 70px; }

.overlay-container .bean-shot,
.overlay-container .flickr_badge_image,
.overlay-container .instagram_badge_image {
    background-color: #272727!important;
    border-color: #272727;
}

.overlay-container .flickr_badge_image img,
.overlay-container .instagram_badge_image img {
    height: 42px!important;
    width: 42px!important;
}

.overlay-container #flickr_badge_image9 { display: none; }
.overlay-container .bean-dribbble-shots img { width: 99px; }
.overlay-container .post-date { color: #5F5F5F; }




/*--------------------------------------------------------------------*/
/*
/*                       THEME FOOTER STYLES
/*
/*--------------------------------------------------------------------*/
/*
#footer-container {
    background-color: #F1F4F5;
    padding: 40px 0 35px;
    margin-top: 80px;
    text-align: center;
    float: left;
    width: 100%;
}

h5.copyright {
    margin-bottom: 0px;
}

/* UI TO TOP */
/*
#toTop {
    background: url(assets/images/sprite.png) -80px -167px no-repeat #F1F4F5;
    border-radius: 3px;
    bottom: 25px;
    display:none;
    height:40px;
    opacity: .95;
    position:fixed;
    right:25px;
    width:40px;
    z-index: 999;
}

#toTop:hover {
    background-position: -80px -207px;
}

#toTop.hide {
    display: none!important;
}
*/


/*--------------------------------------------------------------------*/
/*
/*                       THEME SIDEBAR STYLES
/*
/*--------------------------------------------------------------------*/
.nine.columns.page-container.sidebar-right {
    padding-right: 50px;
}

.nine.columns.page-container.sidebar-left {
    padding-left: 50px;
}

.sidebar {
    margin-top: -5px;
}

.sidebar {
    font-size: 14px;
    line-height: 25px;
}



/*--------------------------------------------------------------------*/
/*
/*                          THEME TEMPLATES
/*
/*--------------------------------------------------------------------*/
#primary-container {
    margin: 0 auto;
    padding: 60px 0 80px;
}

.entry-content p {
    margin-bottom: 20px;
}

.entry-content ul,
.entry-content ol {
    margin: 50px 0 50px 75px;
}

.entry-content li {
    list-style: disc;
}

.entry-content form ul {
    margin: 0px!important;
}

.entry-content form li {
    list-style: none;
}

.entry-meta.page {
    padding: 40px 0 30px;
    text-align: center;
}

.entry-meta.page.no-featured-img {
    background: none;
    margin: 0px;
    padding-top: 0px;
}


/*--------------------------------------------------------------------*/
/*  CONTACT TEMPLATE
/*--------------------------------------------------------------------*/
#BeanForm {
    margin-top: 50px!important;
    text-align: left;
}

ul.bean-contactform li.six.name {
    float: left;
    padding-right: 10px;
}

ul.bean-contactform li.six.email {
    float: left;
    padding-left: 10px;
}

ul.bean-contactform textarea {
    max-width: 100%;
}

li.submit .button,
.form-submit input[type="submit"] {
    margin-top: 10px;
    -webkit-appearance: none;
}

.contact-alert {
    background-color: #F5F5F6;
    border-radius: 3px;
    color: #FFF;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
}

.contact-alert.fail {
    background-color: #FF5F49;
}

.contact-alert.success {
    background-color: #3FC380;
}


/*--------------------------------------------------------------------*/
/*  ARCHIVES TEMPLATE
/*--------------------------------------------------------------------*/
.page-template-page-archives-php .sidebar {
    margin-top: 0;
}

.entry-content .archives-list ul {
    margin: 0 0 50px 0;
}

.archives-list ul li {
    list-style: disc;
    margin-left: 20px;
}


/*--------------------------------------------------------------------*/
/*  SEARCH TEMPLATE
/*--------------------------------------------------------------------*/
#searchform {
    position: relative;
}

.search-no-results .pagination.index {
    border-top: none;
}
.search #primary-container #searchform .button[type="submit"] {
    display: none;
}

.search .default_searchform.results {
    border-bottom: 1px solid #E9ECEC;
    margin-bottom: 60px;
    padding-bottom: 40px;
}


/*--------------------------------------------------------------------*/
/*  404 PAGE TEMPLATE
/*--------------------------------------------------------------------*/
.error404 #primary-container {
    padding: 15% 0;
    text-align: center;
}

.error404 #footer-container {
    margin-top: 0px;
}


/*--------------------------------------------------------------------*/
/*  COMING SOON TEMPLATE
/*--------------------------------------------------------------------*/
.page-template-page-comingsoon-php #primary-container  { text-align: center; }
.page-template-page-comingsoon-php #footer-container { margin-top: 15%; }
.page-template-page-comingsoon-php .logo-uploaded { margin-bottom: 0;}
.page-template-page-comingsoon-php .entry-content { margin-bottom: 50px; }
.page-template-page-comingsoon-php .row .columns { padding: 0 12px!important; }

/* PANELS */
.bean-coming-soon .count-inner {
    background-color: #F1F4F5;
    border-radius: 6px;
    height: 154px;
    margin-bottom: 20px;
    padding: 50px 10px 30px 7px;
}

.bean-coming-soon .count {
    font-size: 70px;
    font-weight: bold;
    letter-spacing: -4px;
}

.bean-coming-soon .text {
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 30px;
    text-transform: uppercase;
}

/* FADE DELAY */
.count-inner .animated.BeanFadeIn {
    -webkit-animation-delay: 1.1s;
       -moz-animation-delay: 1.1s;
        -ms-animation-delay: 1.1s;
         -o-animation-delay: 1.1s;
}


/* COMING SOON LIST DELAY */
.bean-coming-soon .three.columns:nth-of-type(1) {
    -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s;-ms-animation-delay: 0.2s;-o-animation-delay: 0.2s;
 }
.bean-coming-soon .three.columns:nth-of-type(2) {
    -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s;-ms-animation-delay: 0.3s;-o-animation-delay: 0.3s;
 }
.bean-coming-soon .three.columns:nth-of-type(3) {
    -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s;-ms-animation-delay: 0.4s;-o-animation-delay: 0.4s;
 }
.bean-coming-soon .three.columns:nth-of-type(4) {
    -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;
}


/*--------------------------------------------------------------------*/
/*  UNDER CONSTRUCTION TEMPLATE
/*--------------------------------------------------------------------*/
/* LAYOUT MODS */
.page-template-page-underconstruction-php #primary-container { padding-top: 150px; text-align: center;}
.page-template-page-underconstruction-php #primary-container h1 {
    font-size: 40px;
    line-height: 50px;
}
.page-template-page-underconstruction-php p {
    font-size: 19px;
    line-height: 1.7;
}

/* BACKGROUND COGS */
#cogs {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    text-align: center;
    z-index: -100;
}
.cog-large {
    background: url(assets/images/cog-large.png) 0 0 no-repeat;
    display: block;
    height: 700px;
    left: -10%;
    width: 700px;
    position: absolute;
    top: -10%;
    -webkit-animation: LargeCogRotate 60s infinite linear;
       -moz-animation: LargeCogRotate 60s infinite linear;
}
.cog-small {
    background: url(assets/images/cog-small.png) 0 0 no-repeat;
    bottom: -10%;
    display: block;
    height: 500px;
    position: absolute;
    right: -10%;
    width: 500px;
    -webkit-animation: SmallCogRotate 30s infinite linear;
       -moz-animation: SmallCogRotate 30s infinite linear;
}

/* ANIMATION KEYFRAMES */
@-webkit-keyframes LargeCogRotate {
    0% { -webkit-transform:rotate(10deg); } 100% { -webkit-transform:rotate(370deg); }}
@-moz-keyframes LargeCogRotate {
    0% { -moz-transform:rotate(10deg); } 100% { -moz-transform:rotate(370deg); }}
@keyframes LargeCogRotate {
    0% { transform:rotate(10deg); } 100% { transform:rotate(370deg); }}
@-webkit-keyframes SmallCogRotate {
    0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(-360deg); }}
@-moz-keyframes SmallCogRotate {
    0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(-360deg); }}
@keyframes SmallCogRotate {
    0% { transform:rotate(0deg); } 100% { transform:rotate(-360deg); }}




/*--------------------------------------------------------------------*/
/*
/*                BLOGROLL (POST FORMATS & BLOG PAGE)
/*
/*--------------------------------------------------------------------*/
/* STANDARD POST FORMAT */
h1.entry-title {
    margin-bottom: 15px;
}

#primary-container section.post-full h1.entry-title {
    font-size: 37px;
    line-height: 42px;
}

.entry-title.archive-title {
    margin-bottom: 30px;
    margin-top: -7px;
    text-transform: capitalize;
}

p.archive-title {
    margin-bottom: 30px;
}

/* ASIDE POST FORMAT */
.blog .format-aside .entry-content {
    padding: 0 50px;
    text-align: center;
}

/* IMAGE POST FORMAT */
.blog .format-image .entry-content {
    padding: 0 60px;
    text-align: center;
}

/* QUOTE POST FORMAT */
.format-quote {
    text-align: center;
}

/* LINK POST FORMAT */
.format-link {
    text-align: center;
}

.link-icon {
    background: url(assets/images/blank-link.png) 10px 0px no-repeat ;
    position: absolute;
    height: 14px;
    opacity: 0;
    width: 25px;
    top: 14px;
}

.blank-link:hover .link-icon {
    opacity: 1;
}

/* AUDIO / VIDEO POST FORMAT */
.format-video .jp-type-single img,
.format-audio .post-thumb img {
    border-radius: 2px 2px 0 0;
}

.format-video .entry-content-media .jp-video .fluid-width-video-wrapper {
    padding-top: 0!important;
}


/*--------------------------------------------------------------------*/
/*  GALLERY POST FORMAT
/*--------------------------------------------------------------------*/
/* SLIDER BROWSER RESETS */
.bean-container a:active,
.post-slider a:active,
.bean-container a:focus,
.post-slider a:focus  {outline: none;}
.slides { margin: 0; padding: 0; list-style: none; }

/* SLIDER PRIMARY */
.post-slider {margin: 0; padding: 0; position: relative;}
.post-slider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.post-slider .slides img {
    border-radius: 2px;
    display: block;
    max-width: 100%;
}

.loading .bean-viewport {max-height: 300px;}
.post-slider .slides {zoom: 1; min-height: 360px;}
.slides li img { margin-bottom: 0px!important; }


/* SLIDER CLEARFIX */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }


/* NO JAVASCRIPT FALLBACK */
.no-js .slides > li:first-child {display: block;}

/* SLIDER CONTROL NAV - THE DOTS */
.bean-control-paging {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.bean-control-paging li {
    display: inline-block;
    cursor: pointer;
    margin: 0 2px;
    text-indent: -9999em;
}

.bean-control-paging li a {
    background-color: #333;
    border-radius: 100px;
    display: block;
    height: 13px;
    width: 13px;
}


/*--------------------------------------------------------------------*/
/*  PAGINATION
/*--------------------------------------------------------------------*/

/* SINGLE PAGINATION / DEFAULT (PORTFOLIO / POST) */
.pagination a {
    background: url(assets/images/sprite.png) no-repeat;
    display: inline-block;
    height: 65px;
    width: 44px;
}

span.page-previous a        { background-position: -100px -3px; }
span.page-previous a:hover  { background-position: -56px -3px;  }

span.page-next a            { background-position: -56px -73px; }
span.page-next a:hover      { background-position: -100px -73px;}

span.page-previous {
    left: 30px;
    position: absolute;
}

span.page-next {
    position: absolute;
    right: 30px;
}


/* INDEX POST PAGINATION */
.pagination.index {
    border-top: 1px solid #E9ECEC;
    text-align: center;
    padding-top: 30px;
}

.pagination.index a {
    background-color: #F1F4F5;
    border-radius: 3px;
    height: 40px;
    width: 40px;
}

.pagination.index span.page-next { right: 50px;}
.pagination.index span.page-previous { left: 0px; }

.pagination.index span.page-previous a          { background-position: -46px -166px;  }
.pagination.index span.page-previous a:hover    { background-position: -46px -206px;  }
.pagination.index span.page-next a              { background-position: -110px -166px; }
.pagination.index span.page-next a:hover        { background-position: -110px -206px; }


/* SINGLE POST PAGINATION */
.single-post .pagination.index {
    margin-top: 60px;
}

.single-post .pagination.index span.page-next { right: 0px;}


/*--------------------------------------------------------------------*/
/*
/*                        SINGLE POST STYLES
/*
/*--------------------------------------------------------------------*/
section.post {
    margin-bottom: 90px;
    width: 100%;
}

#primary-container section.post:last-child {
    margin-bottom: 0px;
}

.single-post section.post {
    margin-bottom: 30px;
}

.entry-header {
    float: left;
    width: 100%;
}

/* POST META */
.entry-title {
    margin-bottom: 15px;
}

.entry-meta {
    clear: both;
    float: left;
    font-family: Courier, Courier New, monospace;
    font-size: 14px;
    margin-bottom: 25px;
    text-transform: uppercase;
    width: 100%;
}

.entry-meta li {
    display: inline-block;
    margin: 0 10px;
}

.entry-meta li:first-child {
    margin-left: 0;
}

.entry-meta p {
    color: #A7A7A7;
}

/* ENTRY CONTENT AND MEDIA */
.entry-content-media{
    position: relative;
    margin-bottom: 30px;
}

.entry-content,
.entry-content-media {
    display: block;
    float: left;
    width: 100%;
}

/* POST SHARING */
.post-share {
    margin-bottom: 40px;
}

.post-share li {
    display: inline-block;
}

.post-share h6 {
    margin-bottom: 5px;
}

.button.small {
    border-radius: 2px;
    font: bold 11px/13px Helvetica, sans-serif!important;
    margin: 0 3px 0 0px;
    padding: 5px 7px 4px;
    position: relative;
    text-transform: uppercase;
}

.button.twitter     { background-color: #00A0D1; }
.button.facebook    { background-color: #3B5998; }
.button.google-plus { background-color: #DB4A39; }
.button.pinterest   { background-color: #C8232C; }


/* POST PASSWORD PROTECTED MODS */
.post-password-required .entry-content label {
    font: 18px "Open Sans", serif;
    font-weight: 600;
    margin-bottom: 20px;
}

.post-password-required .entry-content input[type="password"] {
    font-size: 20px!important;
    font-weight: bold!important;
    margin: 18px 0 0 0;
    text-align: left;
}

.nopassword {
    background-color: #FFE0D8;
    border-radius: 3px;
    color: #F63C38;
    padding: 6px 10px;
    text-align: center;
}


/*--------------------------------------------------------------------*/
/*  WORDPRESS DEFAULT STYLING
/*--------------------------------------------------------------------*/
.single-post .entry-content img,
.single-post .entry-content img a {
    margin: 40px 0px 40px 0px;
}

blockquote {
    margin: 50px 0;
}

blockquote,
.entry-content blockquote p {
    font: 26px/34px "Lato", Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
    font-weight: 800;
}

blockquote p {
    margin-bottom: 0px;
}

/* IMAGES */
.entry-content p img,
.content .gallery .gallery-icon img,
.image-frame img,
.attachment .post-box img,
.slider img {
    display: block;
    background: transparent;
}

.image-frame img,
.attachment .post-box img,
.post-thumb img {
    border-radius: 2px;
    height: auto;
}

.post-thumb {
    border-radius: 2px;
    float: left;
    line-height: 10px;
    position: relative;
    width: 100%;
}

.entry-content .entry-content-media img {
    margin: 0 0 0 0;
}

.attachment article .entry-content {
    padding:0 0 0 0;
}

.attachment .post-box img {
    margin: 0 auto;
}

.content .gallery-item {
    float: left;
    margin: 0;
    padding: 0;
}

.content .gallery .gallery-icon img {
    margin-bottom: 0!important;
}

/*.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
}

.entry-content img.size-full,
.entry-content img.size-large {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.aligncenter {
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
    clear: both;
}

img.alignleft {
    float: left;
}

img.alignright {
    display: block;
}

.wp-smiley {
    max-height: 13px;
    margin: 0 !important;
}

.gallery {
    margin: auto;
    float: left;
    width: 100%;
}

.gallery-item {
    float: left;
    text-align: center;
    margin-left: 0;
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}

.gallery-image {
    margin-left: 0;
}

.gallery-caption {
    margin-left: 0;
    font-weight: bold;
}

.gallery-item .gallery-caption {
    margin-bottom: 0 !important;
    padding-right: 12%;
}
*/
.wp-caption,
figcaption {
    text-align: center;
    margin: 10px 20px 20px 20px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.wp-caption.aligncenter { margin: 20px auto; }
.wp-caption.alignleft   { margin-left: 0;    }
.wp-caption.alignright  { margin-right: 0;   }
.wp-caption.alignnone   { margin-left: 0;    }

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption
.wp-caption-text {
    margin: 0;
    padding: 5px;
}

img#wpstats {
    display: none;
}

.sticky {}

/* SHORTCODE OVERRIDES */
.featurearea .featurearea_content .featurearea_content_title {
    color: #333!important;
    font-weight: 600!important;
    font: 16px/30px "Lato", Helvetica, Arial, sans-serif;
    margin-top: -9px;
}
.featurearea p {
    font-size: 15px;
    line-height: 22px;
}
.bean-tabs ul.bean-nav li a {
    color: #23313a!important;
}

.iconSocial a,
.modal-header a {
    border-bottom: none;
}

.target {
    height: 100%!important;
}

p:empty { display: none; }

.fluid-width-video-wrapper iframe { border: none; }




/*--------------------------------------------------------------------*/
/*
/*                       POST COMMENTS GALORE
/*
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*  COMMENTS GENERAL
/*--------------------------------------------------------------------*/
#comments {
    clear: both;
    float: left;
    padding-top: 80px;
    width: 100%;
}

#comments h2 {
    margin-bottom: 40px;
}

#comments ol {
    list-style: none;
}

#reply-title {
    clear: both;
    font: 800 32px/38px "Lato", Helvetica, Arial, sans-serif;
    margin-bottom: 35px;
}

.comment-extra {
    position: absolute;
    right: 0;
    top: 0;
}

.commentlist {
    margin: 0 0 40px;
    list-style-type: none;
}

.pinglist {
    margin: 20px 0 40px 30px;
    list-style-type: disc;
}

#comments-list {
    padding-bottom: 100px;
    float: left;
    width: 100%;
}

#comments-list ol li {
    float: left;
    width: 100%;
}

#login span a,
#login span {
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------------------*/
/*  COMMENT META / AVATAR
/*--------------------------------------------------------------------*/
.comment-avatar {
    border-radius: 2px;
    float: left;
    height: 55px;
    width: 55px;
}

.comment-avatar img  {
    height: 55px;
    width: 55px;
    border-radius: 3px;
    border: 5px solid #F1F4F5;
}

.comment-author {
    margin-top: -7px;
}

.comment-author cite {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    float: left;
    margin-right: 5px;
    text-transform: capitalize;
}

.comment-meta {
    margin-bottom: 2px;
}

.comment-meta,
.comment-meta a {
    font-size: 14px;
}

.author-tag {
    margin-right: 10px;
}

/* POST AUTHOR */
.bypostauthor {}


/*--------------------------------------------------------------------*/
/*  COMMENT BODY
/*--------------------------------------------------------------------*/
.comment-body {
    border-bottom: 1px solid #f0f0f0;
    clear: both;
    float: left;
    margin-bottom: 30px;
}

.comment-body p {
    padding-bottom: 25px;
}

.comment-body ul,
.comment-body ol { list-style-type: disc; }

.children {
    float: left;
    list-style-type: none;
    margin: -27px 0 0 0;
    width: 100%;
}

.children .ten.columns.mobile-four {
    padding-left: 10%;
}

.children .comment-avatar {
    margin-top: 30px;
}

.children .comment-author {
    margin-top: 21px;
}

.children .comment {
    margin-bottom: 0px;
}

.children li {
    padding-top: 0px!important;
    border-bottom: none!important;
}

.children .comment #respond {
    padding-left: 50px;
}

.nocomments {
    text-align: center;
    padding: 20px;
}


/*--------------------------------------------------------------------*/
/*  CANCEL / REPLY COMMENT
/*--------------------------------------------------------------------*/
#cancel-comment-reply-link {
    color: #FF5F49;
    float: right;
    font-size: 14px;
    margin-top: 5px;
    text-transform: none;

}

#cancel-comment-reply-link:hover {
    color: #333;
}

.comment-awaiting-moderation {
    font-size: 14px;
    line-height: 33px;
    margin-bottom: 10px;
}


/*--------------------------------------------------------------------*/
/*  COMMENT FORM ADJUSTMENTS
/*--------------------------------------------------------------------*/
#respond form label {
    display: block;
    margin-bottom: 4px;
}

.comment #respond {
    margin: 0px 0 50px 90px;
    padding-top: 15px;
}

#commentform input[type="text"],
#commentform input[type="password"],
#commentform input[type="date"],
#commentform input[type="datetime"],
#commentform input[type="email"],
#commentform input[type="number"],
#commentform input[type="search"],
#commentform input[type="tel"],
#commentform input[type="time"],
#commentform input[type="url"] {
    float: left;
    margin-bottom: 20px;
}

#commentform textarea {
    margin-bottom: 14px;
}

#respond .button,
#respond button.button,
#respond .button[type="submit"] {
    margin-bottom: 20px;
}

#commentform p {
    line-height: 20px;
}

#commentform textarea {
    min-height: 224px;
    height: 224px;
}

.logged-in #comments.columns {
    float: none;
}

.logged-in #respond .six {
    width: 100%;
    float: none!important;
}

.logged-in #commentform label {
    display: none;
}

.logged-in-as {
    margin-top: -28px;
    margin-bottom: 17px;
}

.logged-in-as a {
    font-weight: normal;
    font-style: normal;
}




/*--------------------------------------------------------------------*/
/*
/*                    AUDIO JPLAYER STYLES
/*
/*--------------------------------------------------------------------*/



/*--------------------------------------------------------------------*/
/*  JPLAYER BASE
/*--------------------------------------------------------------------*/
.jp-interface {
    margin: 0 auto;
    height:45px;
    overflow: hidden;
    position:relative;
    border-radius: 4px;
}

.entry-content-media-audio {
    position: relative;
}

.jp-controls {
    border-right: 1px solid #3B3D3D;
}

ul.jp-controls,
.jp-interface ul.jp-controls li {
    position: absolute;
    width: 49px;
    height: 44px;
}

.jp-interface ul.jp-controls a {
    display:block;
    overflow:hidden;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}

.jp-interface ul.jp-controls a span {
    display:block;
    overflow: hidden;
}

a.jp-play span,
a.jp-pause span {
    height:44px;
    width:50px;
}

/* BASE ICON POSITIONING */
a.jp-play span {
    background:url(assets/images/jplayer.png) 10px 7px no-repeat;
}
a.jp-pause span {
    background:url(assets/images/jplayer.png) 9px -23px no-repeat;
    display:none;
}
a.jp-pause:hover span,
a.jp-play:hover span { opacity: .7; }

/* PROGRESS BARS */
div.jp-progress {
    background-color: #3B3D3D;
    border-radius: 20px;
    margin: 17px 17px 0 65px;
}

div.jp-seek-bar {
    width:0;
    height:100%;
    cursor:pointer;
}

div.jp-seeking-bg {
    display: none;
}

div.jp-play-bar {
    background-repeat: repeat;
    border-radius: 20px;
    height:11px;
    width:0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* AUDIO JPLAYER SPECIFIC */
.jp-audio,
.jp-video {
    clear: both;
}

.post .jp-audio {
    height: 45px;
}

.jp-audio,
.post .jp-interface {
    border-radius: 0 0 4px 4px;
}

/* IF NO FEATURED IMAGE ON THE POST */
.jp-audio,
.audio_no_feat .jp-interface {
    border-radius: 4px!important;
}

div.jp-jplayer audio,
div.jp-jplayer {
    width:0;
    height:0;
}

/* VIDEO JPLAYER SPECIFIC */
.jp-video .jp-jplayer {
    height: auto!important;
}

.jp-video video,
.jp-video .jp-jplayer img {
    margin-bottom: -7px;
}




/*--------------------------------------------------------------------*/
/*
/*                          PORTFOLIO STYLES
/*
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*  PORTFOLIO TEMPLATES & GRID SECTIONS
/*--------------------------------------------------------------------*/
.tax-portfolio_tag #primary-container,
.tax-portfolio_category #primary-container {
    padding-bottom: 50px;
}

.tax-portfolio_tag .entry-content,
.tax-portfolio_category .entry-content {
    text-align: center;
}

.page-template-page-portfolio-php #header-container {
    border-bottom: none;
}

/* ISOTOPE STYLES */
#isotope-container  {
    display: block;
    width: 100%;
}

#isotope-container.animated.BeanFadeIn {
    -webkit-animation-delay: 0.5s!important;
       -moz-animation-delay: 0.5s!important;
        -ms-animation-delay: 0.5s!important;
         -o-animation-delay: 0.5s!important;
}

.stacked-image img,
#isotope-container .isotope-item a {
    display: block!important;
    line-height: 0px!important;
    font-size: 0!important;
}

.isotope-item {
    float: left;
    height: auto;
    max-width: 400px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.isotope-item img {
    height: auto;
    width: 100%;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
}

.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
         -o-transition-property: -o-transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}

/* PORTFOLIO OVERLAY */
.portfolio-overlay {
    display: none;
    text-align: center;
    height: 100%;
    position: absolute;
    top: 48%;
    text-transform: uppercase;
    width: 100%;
    visibility: hidden;

}
.isotope-item:hover .portfolio-overlay {
    display: block;
    visibility: visible;
}

/* PORTFOLIO NEW TAG */
.new-tag-wrapper {
    height: 65px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    z-index: 2;
}

.new-tag {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    left: -7px;
    padding: 20px 0 2px;
    position: relative;
    width: 115px;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
}


/*--------------------------------------------------------------------*/
/*  SINGLE PORTFOLIO
/*--------------------------------------------------------------------*/
.single-portfolio #primary-container {
    padding-bottom: 0px;
}

.portfolio-title-container {
    position: relative;
}

/* PORTFOLIO TITLE & META */
.tax-portfolio_category .entry-title,
.tax-portfolio_tag .entry-title,
.single-portfolio .entry-meta,
.single-portfolio .entry-title,
.single-portfolio .entry-content {
    text-align: center;
}

.tax-portfolio_category .entry-title,
.tax-portfolio_tag .entry-title {
    text-transform: capitalize;
}

/* PORTFOLIO PAGINATION */
.single-portfolio .pagination {
    position: absolute;
    top: 33%;
    width: 100%;
}

/* PORTFOLIO MEDIA */
#media-container {
    background-color: #F1F4F5;
    margin-top: 50px;
    padding: 80px 0;
}

#media-container .entry-content-media {
    float: none;
    margin-bottom: 0px;
}

#media-container li.stacked-image {
    max-width: 1110px;
    margin: 0 auto;
}

#media-container li.stacked-image img {
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0 30px;
}

#media-container li.stacked-image:last-child img {
    margin-bottom: 0;
}

.media-caption {
    margin: -10px 0 40px;
    text-align: center;
}

.row.portfolio-slideshow,
.row.portfolio-video  {
    max-width: 1050px;
}

/* PORTFOLIO SLIDESHOW */
.entry-content-media.portfolio-gallery.slideshow {
    min-height: 500px;
}

.single-portfolio .bean-control-paging {
    margin-top: 20px;
    position: static;
    text-align: center;
}

/* PORTFOLIO AUDIO */
#media-container .portfolio-audio .jp-audio {
    padding: 0 30px;
    margin: 0 auto;
    max-width: 1110px;
}

.portfolio-audio img {
    margin-bottom: 10px!important;
}

/* PORTFOLIO VIDEO */
.portfolio-video .video-frame {
    padding: 0 30px;
}

.portfolio-video .video-frame .jp-interface {
    border-radius: 0 0 4px 4px;
}

/* RELATED PORTFOLIO POSTS */
.related-title {
    padding: 70px 0;
    text-align: center;
}

.related-title.no-related {
    padding: 75px 0 0px;
}

/* CUSTOM VIEW.JS CSS THEME */
body.viewing #footer-container,
body.viewing #header-container,
body.viewing #primary-container { -webkit-filter: blur(3px); }

.viewer {
    background: #FFF;
    background-color: rgba(255, 255, 255, 0.8);
}

.viewer .close {
    display: none;
}

.viewer .caption {
    text-shadow: none;
    line-height: 5em;
}

.viewer li {
    -webkit-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
       -moz-transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
            transition: width 300ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.viewer .caption {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1.5s ease-in-out;
       -moz-transition: opacity 1.5s ease-in-out;
            transition: opacity 1.5s ease-in-out;
}

.viewer .current .caption {
    opacity: 100;
    visibility: visible;
}




/*--------------------------------------------------------------------*/
/*
/*                         WIDGET STYLES
/*
/*--------------------------------------------------------------------*/
.widget ul > li { list-style: none; }
.widget ul ul { margin: 0; padding: 0;  }
.widget li li { padding-left: 0; }
.widget li li ul { padding-left: 15px; }
.widget_rss li { margin: 0 0 18px 0; }

/* DEFAULT WP WIDGETS */
.sidebar .widget {
    margin-bottom: 60px;
}

.sidebar .widget:first-child {
    margin-top: 0px;
}

.textwidget input[type='text'],
.textwidget textarea { width: 100% !important; }

/* CATEGORIES, ARCHIVES & RECENT POSTS WIDGETS */
.widget_recent_entries li {
    margin-bottom: 10px;
}

.post-date {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------------*/
/*  DRIBBBLE WIDGET
/*--------------------------------------------------------------------*/
.widget_bean-dribbble {
    margin-bottom: -7px;
}

.bean-dribbble-shots {
    margin-left: -6px;
}

.bean-shot {
    border: 5px solid #F1F4F5;
    border-radius: 3px;
    float: left;
    line-height: 6px;
    margin: 0px 0px 6px 6px;
}

.bean-shot a {
    border-radius: 3px;
    display: block;
}

.bean-dribbble-shots img {
    width: 84px;
    height: auto;
}


/*--------------------------------------------------------------------*/
/*  FLICKR WIDGET
/*--------------------------------------------------------------------*/
div.widget.bean_flickr {
    float: none;
}

.flickr-image-wrapper {
    float: left;
    margin-bottom: -6px;
    margin-left: -6px;
}

.flickr_badge_image {
    border: 5px solid #F1F4F5;
    border-radius: 3px;
    float: left;
    margin: 0 0 6px 6px;
}

.flickr_badge_image a {
    float: left;
    position: relative;
}

.flickr_badge_image img {
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
}

/*--------------------------------------------------------------------*/
/*  INSTAGRAM WIDGET (BEAN INSTAGRAM PLUGIN)
/*--------------------------------------------------------------------*/
.instagram-image-wrapper {
    margin: 0 0 -6px -6px!important;
}

.instagram_badge_image {
    border-radius: 3px;
    border: 5px solid #F1F4F5;
    border-radius: 3px;
    margin:  0 0 6px 6px!important;
    overflow: hidden;
}

.instagram_badge_image img {
    border-radius: 0px!important;
    height: 50px!important;
    width: 50px!important;
}


/* STYLES FOR INSTA/FLIKR/DRIBBBLE WIDGETS */
.bean-shot,
.flickr_badge_image,
.instagram_badge_image {
    background-image: url(assets/images/hover-arrow.png)!important;
    background-repeat: no-repeat;
    background-position:  50% 0%!important;
}

.bean-shot:hover img,
.flickr_badge_image img:hover,
.instagram_badge_image img:hover {
    opacity: .1;
}

.bean-shot:hover,
.flickr_badge_image:hover,
.instagram_badge_image:hover {
    background-position:  50% 50%!important;
}


/*--------------------------------------------------------------------*/
/*  NEWSLETTER WIDGET
/*--------------------------------------------------------------------*/
.widget_bean_newsletter p {
    margin-bottom: 20px;
}

.widget_bean_newsletter input[type="email"] {
    margin-bottom: 10px;
}

.widget_bean_newsletter input[type="submit"] {
    height: 38px;
    padding: 6px 0px;
    width: 100%;
}


/*--------------------------------------------------------------------*/
/*  SEARCH WIDGET
/*--------------------------------------------------------------------*/
.widget_search form {
    margin-bottom: 0px;
}

.widget_search .searchform input[type="submit"]  {
    display: none!important;
}


/*--------------------------------------------------------------------*/
/*  TAG CLOUD WIDGET
/*--------------------------------------------------------------------*/
.tagcloud {
    float: left;
    margin-bottom: -4px;
    margin-top: 7px;
}

.tagcloud a {
    border-radius: 2px;
    display: inline-block;
    font: bold 11px/13px Helvetica, sans-serif!important;
    float: left;
    margin: 0px 3px 3px 0px;
    padding: 5px 7px 4px;
    position: relative;
    text-transform: uppercase;
}


@-moz-document url-prefix() {
  .tagcloud a {
    padding: 5px 7px 3px;
  }
}

/*--------------------------------------------------------------------*/
/*  TWITTER WIDGET
/*--------------------------------------------------------------------*/
#twitter_div ul {
    margin-bottom: 25px;
}

#twitter_div li {
    font-variant: normal;
    padding: 0 0 10px 0;
}

#twitter_div li:last-child {
    padding-bottom: 0px;
}

#twitter_div li span {
    display: block;
}

/* LINKS IN THE TWEETS */
#twitter_div li span a {
    font: 14px/22px "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    text-transform:none!important;
    opacity: 1!important;
}

/* TIME STAMP */
#twitter_div li a {
    text-transform: uppercase;
    font-size: 11px!important;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    opacity: .5;
}

#twitter_div .button {
    margin: -10px 0 0 0;
    padding: 6px 10px;
}

/*--------------------------------------------------------------------*/
/*  BEAN SOCIAL PLUGIN WIDGET OVERRIDE
/*--------------------------------------------------------------------*/
ul.bean_social_icons li.bean_social_icon {margin: 0px 7px 7px 0px!important;}




/*--------------------------------------------------------------------*/
/*
/*                        THEME ANIMATIONS
/*
/*--------------------------------------------------------------------*/
/* BASE ANIMATION - ADD TO ANY ANIMATED OBJECTS */
.animated {
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
         -o-animation-duration: 1s;
}

/* FADE IN -ALL PAGE CONTENT */
.BeanFadeIn {
    -webkit-animation-duration: .3s;
       -moz-animation-duration: .3s;
        -ms-animation-duration: .3s;
         -o-animation-duration: .3s;
    -webkit-animation-delay: .2s;
       -moz-animation-delay: .2s;
        -ms-animation-delay: .2s;
         -o-animation-delay: .2s;
    -webkit-animation-name: BeanFadeIn;
       -moz-animation-name: BeanFadeIn;
         -o-animation-name: BeanFadeIn;
}

@-webkit-keyframes BeanFadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes BeanFadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes BeanFadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes BeanFadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


.animated.BeanFadeInLeft {
    -webkit-animation-name: BeanFadeInLeft;
       -moz-animation-name: BeanFadeInLeft;
         -o-animation-name: BeanFadeInLeft;
}
@-webkit-keyframes BeanFadeInLeft {
    0% {opacity: 0;-webkit-transform: translateX(-20px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}

@-moz-keyframes BeanFadeInLeft {
    0% {opacity: 0;-moz-transform: translateX(-20px);}
    100% {opacity: 1;-moz-transform: translateX(0);}
}

@-o-keyframes BeanFadeInLeft {
    0% {opacity: 0;-o-transform: translateX(-20px);}
    100% {opacity: 1;-o-transform: translateX(0);}
}

@keyframes BeanFadeInLeft {
    0% {opacity: 0;transform: translateX(-20px);}
    100% {opacity: 1;transform: translateX(0);}
}

.BeanFadeInRight {
    -webkit-animation-name: BeanFadeInRight;
       -moz-animation-name: BeanFadeInRight;
         -o-animation-name: BeanFadeInRight;

}
@-webkit-keyframes BeanFadeInRight {
    0% {opacity: 0;-webkit-transform: translateX(20px);}
    100% {opacity: 1;-webkit-transform: translateX(0);}
}
@-moz-keyframes BeanFadeInRight {
    0% {opacity: 0;-moz-transform: translateX(20px);}
    100% {opacity: 1;   -moz-transform: translateX(0);}
}
@-o-keyframes BeanFadeInRight {
    0% {opacity: 0;-o-transform: translateX(20px);}
    100% {opacity: 1;-o-transform: translateX(0);}
}

@keyframes BeanFadeInRight {
    0% {opacity: 0;transform: translateX(20px);}
    100% {opacity: 1;transform: translateX(0);}
}
.animated.BeanFadeInLeft, .animated.BeanFadeInRight {
    -webkit-animation-delay: .5s;
       -moz-animation-delay: .5s;
        -ms-animation-delay: .5s;
         -o-animation-delay: .5s;
    -webkit-animation-duration: .4s;
       -moz-animation-duration: .4s;
        -ms-animation-duration: .4s;
         -o-animation-duration: .4s;
}

/* BUTTON SHAKE */
.BeanButtonShake {
    -webkit-animation-name: BeanButtonShake;
       -moz-animation-name: BeanButtonShake;
         -o-animation-name: BeanButtonShake;
    -webkit-animation-delay: 5s;
       -moz-animation-delay: 5s;
        -ms-animation-delay: 5s;
         -o-animation-delay: 5s;
    -webkit-animation-iteration-count: 5;
       -moz-animation-iteration-count: 5;
    -webkit-animation-duration: 5s;
       -moz-animation-duration: 5s;
        -ms-animation-duration: 5s;
         -o-animation-duration: 5s;
}

@-webkit-keyframes BeanButtonShake {
    2%, 6%     {-webkit-transform: translateX(3px);  }
    4%, 8%     {-webkit-transform: translateX(-3px); }
    10%, 100%  {-webkit-transform: translateX(0px);  }
}
@-moz-keyframes BeanButtonShake {
    0%, 100%  {-moz-transform: translateX(0);        }
    2%, 6%     {-moz-transform: translateX(3px);     }
    4%, 8%     {-moz-transform: translateX(-3px);    }
    10%, 100%  {-moz-transform: translateX(0px);     }
}
@-o-keyframes BeanButtonShake {
    2%, 6%     {-o-transform: translateX(3px);       }
    4%, 8%     {-o-transform: translateX(-3px);      }
    10%, 100%  {-o-transform: translateX(0px);       }
}
@keyframes BeanButtonShake {
    2%, 6%     {transform: translateX(3px);          }
    4%, 8%     {transform: translateX(-3px);         }
    10%, 100%  {transform: translateX(0px);          }
}



/*--------------------------------------------------------------------*/
/*
/*                    CROSS BROWSER TOUCH UPS
/*
/*--------------------------------------------------------------------*/
.ie-8 .bean-shot {
    float: left;
    width: 94px;
}

.ie-8 .flickr_badge_image a,
.ie-8 .instagram_badge_image a {
    height: 50px;
    width: 50px;
}


/* custom stylesheets for copytrasn blog */
/* titles */
h1, h2, h3, h4, h5
{
    padding: 10px 0 0 0;
    margin: 0;
}

h4, h5, h6
{
    font-weight: bold;
}

h1
{
    font-weight: lighter;
}

h3
{
    font-size: 24px;
}

h5
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}

/* table */
.entry-content table
{
    margin: 20px 0;
}

/* images */
.entry-content img.aligncenter,
#primary-container .entry-content img.aligncenter
{
    display: block;
    margin: 40px auto;
}

/* alert box */
#primary-container .entry-content .bean-alert.info a
{
    display: inline-block;
    color: rgba(0,0,0,0.5);
    font-weight: bold;
    text-decoration: underline;
}

#primary-container .entry-content .bean-alert.info a:hover
{
    color: rgba(0,0,0,0.8);
    text-decoration: none;
}

/* button */
.entry-content .short-btn
{
    margin: 0 4px 10px 0;
}

.entry-content .short-btn.aligncenter,
#primary-container .entry-content .short-btn.aligncenter
{
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-content .short-btn.alignleft,
#primary-container .entry-content .short-btn.alignleft
{
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}

/* list */
.entry-content .shortcode-list li,
.entry-content ul li,
.entry-content ol li
{
    color: rgba(0,0,0,0.7);
    list-style: none;
    position: relative;
    padding: 5px 0 5px 20px;
}

.entry-content .shortcode-list li:before,
.entry-content ul li:before
{
    position: absolute;
    display: inline-block;
    content: '';
    top: 14px;
    left: 0;
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0 10px 0 0;
    background: rgba(0,0,0,0.3);
    border-radius: 2px;
    transition: 0.25s;
}

.entry-content .shortcode-list li:hover:before,
.entry-content ul li:hover:before
{
    background: rgba(41,171,226,1);
    transition: 0.25s;
}

.entry-content ul,
.entry-content ol
{
    padding: 0;
    margin: 40px 20px;
}

.entry-content ol
{
    counter-reset: li;
}

.entry-content ol li
{
    padding: 5px 0 5px 25px;
}

.entry-content ol li:before
{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    display: inline-block;
    top: 4px;
    left: 0;
    color: rgba(0,0,0,0.3);
    padding: 0 5px 0 0;
    margin: 0 10px 0 0;
    border-right: 2px solid rgba(0,0,0,0.1);
    transition: 0.25s;
}

.entry-content ol li:hover:before
{
    color: rgba(41,171,226,1);
    border-right: 2px solid rgba(41,171,226,0.8);
    transition: 0.25s;
}

/* sidebar */
.sidebar .widget
{
    margin-bottom: 0 !important;
}

.sidebar .widget.widget_categories,
.sidebar .widget.widget_posts
{
    padding-bottom: 15px !important;
}

.sidebar .widget.widget_text .CTBanner-widget,
.sidebar .widget.widget_text .CTBanner-widget a,
.sidebar .widget.widget_text .CTBanner-widget a img
{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: 3px;
}

.sidebar .widget.widget_text .CTBanner-widget
{
    margin-bottom: 10px;
}

.sidebar .widget.widget_text .CTBanner-widget a
{
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
}

.sidebar .widget.widget_text .CTBanner-widget a:hover
{
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

.sidebar .widget.widget_text .CTBanner-widget a img
{
    height: auto;
}

/* header */
@font-face
{
    font-family: 'Helvetica Neue Light';
    src: url('/fonts/helveticaNeue/HelveticaNeueLight.eot');
    src: url('/fonts/helveticaNeue/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/helveticaNeue/HelveticaNeueLight.woff') format('woff'),
    url('/fonts/helveticaNeue/HelveticaNeueLight.ttf') format('truetype'),
    url('/fonts/helveticaNeue/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

#header-container
{
    position: relative;
    overflow: hidden;
    padding: 100px 0 0 0;
    background: url('assets/images/banner-bg-less.jpg') no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    box-shadow: inset 0 -8px 0 0 rgba(255,255,255,0.2);
}

#header-container .sticky-wrapper
{
    opacity: 0;
    visibility: hidden;
    z-index: -999;
    display: none;
}

#header-container .header-tagline
{
    opacity: 0;
    visibility: hidden;
    z-index: -999;
    padding: 0;
    margin: 0;
    display: none;
}

#header-container .logo h1
{
    position: relative;
    font-family: 'Helvetica Neue Light', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40pt;
    font-weight: lighter;
    line-height: normal;
    color: rgba(255,255,255,0.9);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    padding: 2px 40px 10px 40px;
}

/*

Petit carré de CopyTrans Blog

 #header-container .logo h1:after
{
    visibility: hidden;
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: -1.5%;
    width: 45px;
    height: 100%;
    opacity: 0;
    background: url('assets/images/list.svg') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    transition: 0.8s cubic-bezier(0.75, 0.25, 0.25, 0.75);
    -webkit-transition: 0.8s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}
*/
#header-container .logo h1:hover
{
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

/*
#header-container .logo h1:hover:after,
#header-container .logo h1:focus:after,
#header-container .logo h1:active:after
{
    right: -5%;
    visibility: visible;
    opacity: 0.8;
    transition: 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
    -webkit-transition: 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}
*/

/* header > products preview */
#header-container .products-preview
{
    position: relative;
    display: table;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

#header-container .products-preview li
{
    float: left;
    padding: 15px 0;
    margin: 0 10px;
    list-style: none;
}

#header-container .products-preview li a
{
    display: block;
    padding: 0;
    margin: 0;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-backface-visibility: hidden;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.15), 0 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.15), 0 0 0 2px rgba(0,0,0,0.1);
    transform: translateY(35%);
    -webkit-transform: translateY(35%);
    -ms-transform: translateY(35%);
    transition: 0.8s cubic-bezier(0.75, 0.25, 0.25, 0.75);
    -webkit-transition: 0.8s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}

#header-container .products-preview li:hover a,
#header-container .products-preview li:focus a,
#header-container .products-preview li:active a
{
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.15), 3px 8px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.3), 0 0 15px rgba(255,255,255,0.15), 3px 8px 1px rgba(0,0,0,0.1);
    transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transition: 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
    -webkit-transition: 0.5s cubic-bezier(0.75, 0.25, 0.25, 0.75);
}


/* icons */
#header-container .products-preview li.ct a
{
    background: url('assets/images/CT-iphone-music-backup.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#header-container .products-preview li.ctc a
{
    background: url('assets/images/CTC-iphone-messages-backup.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#header-container .products-preview li.ctp a
{
    background: url('assets/images/CTP-copy-ipad-photos.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#header-container .products-preview li.ctm a
{
    background: url('assets/images/CTM-free-itunes-alternative.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#header-container .products-preview li.cta a
{
    background: url('/images/icons/apps/cta-app-icon-200x200.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#header-container .products-preview li.cts a
{
    background: url('/images/icons/apps/cts-app-icon-200x200.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

#header-container .products-preview li.ctts a
{
    background: url('/images/icons/apps/ctts-app-icon-200x200.png') no-repeat center center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
}

/* customize meta info */
.entry-meta
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    font-size: 12px;
    padding: 1px 0px 1px 10px;
    border-bottom: 2px solid rgba(0,0,0,0.03);
}

.entry-meta ul li
{
    word-break: break-all;
    word-wrap: break-word;
}

@media screen and (max-width: 860px)
{
    body header.page-header
    {
        display: none;
        visibility: hidden;
        opacity: 0;
        z-index: -999;
    }

    #header-container .logo h1
    {
        font-size: 30pt;
    }

    #header-container .products-preview
    {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
}

/******************************************************
FOOTER
*******************************************************/
/* footer page stylesheets */
#footer-page
{
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    font-weight: lighter;
    display: block;
    position: relative;
    clear: both;
    width: 100%;
    padding: 3% 0;
    margin: 0 auto;
    font-size: 11pt;
    background: url('assets/images/dust.png') repeat left top rgb(245,245,245);
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    border-top: 1px solid rgba(0,0,0,0.2);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
    -ms-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}

#footer-page .background
{
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
}

#footer-page nav,
#footer-page div
{
    display: block;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    padding: 0;
    margin: 0;
}

#footer-page .footer-links
{
    width: 90%;
    max-width: 960px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

#footer-page .footer-links ul.columns
{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    float: left;
    width: 100%;
}

/* footer > nav > columns */
#footer-page .footer-links ul.columns li.col
{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    list-style: none;
    padding: 5px 2%;
    width: 16%;
    float: left;
}

#footer-page .footer-links ul.columns li.col h3
{
    margin: 0;
    padding: 5px 0 10px 0;
    font-weight: lighter;
    font-size: 18pt;
    color: rgba(0,0,0,0.5);
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}

/* footer > nav > columns > sub-items */
#footer-page .footer-links ul.columns li.col ul.items
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer-page .footer-links ul.columns li.col ul.items li
{
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
}

#footer-page .footer-links ul.columns li.col ul.items li a
{
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    font-size: 11pt;
    font-weight: lighter;
    text-decoration: none;
    outline: none;
    color: rgb(41,171,226);
    display: block;
    padding: 5px 0;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
}

/* footer > nav > columns > last */
#footer-page .footer-links ul.columns li.last
{
    width: 35%;
    float: right;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
}

/* footer > nav > columns > last > serial */
#footer-page .footer-links ul.columns li.last a.serial
{
    float: right;
    clear: both;
    display: inline-block;
    padding: 5px 10px;
    margin: 5px 0;
    color: rgb(240,240,240);
    font-size: 12pt;
    font-weight: lighter;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    background: rgb(51,51,51);
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 1px 1px 0px rgba(255,255,255,0.1), inset 1px 1px 2px rgba(0,0,0,0.3);
    transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
}

#footer-page .footer-links ul.columns li.last a.serial:after
{
    content: '';
    display: inline-block;
    padding: 0;
    margin: 0 0 0 8px;
    width: 0;
    height: 0;
    border-left: 5px solid rgb(255,255,255);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#footer-page .footer-links ul.columns li.last a.serial:hover
{
    background: rgba(0,0,0,0.5);
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
}

/* footer > nav > columns > last > copyright */
#footer-page .footer-links ul.columns li.last p.copyright
{
    clear: both;
    text-align: right;
    font-size: 10pt;
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    color: rgb(90,90,90);
    line-height: 18pt;
    font-weight: lighter;
    margin: 0;
    padding: 5px;
}

/* footer > nav > columns > last > languages selection */
#footer-page .footer-links ul.columns li.last .languages,
#footer-page .footer-links ul.columns li.last .support
{
    float: right;
    clear: both;
    display: block;
    position: relative;
    z-index: 555;
    padding: 0;
    margin: 5px 0;
    width: 70%;
    background: rgb(51,51,51);
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 1px 1px 0px rgba(255,255,255,0.1), inset 1px 1px 2px rgba(0,0,0,0.3);
    transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
}

#footer-page .footer-links ul.columns li.last .languages:hover,
#footer-page .footer-links ul.columns li.last .support:hover
{
    background: rgba(0,0,0,0.5);
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
}


#footer-page .footer-links ul.columns li.last .languages span.lang-select,
#footer-page .footer-links ul.columns li.last .support span.support-select
{
    display: block;
    position: relative;
    cursor: pointer;
    padding: 5px 10px;
    margin: 0;
    color: rgb(240,240,240);
    font-size: 12pt;
    font-weight: lighter;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

#footer-page .footer-links ul.columns li.last .languages span.lang-select:before,
#footer-page .footer-links ul.columns li.last .support span.support-select:before
{
    content: '';
    position: absolute;
    display: block;
    right: 3%;
    bottom: 20%;
    width: 0;
    height: 0;
    border-top: 5px solid rgb(255,255,255);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#footer-page .footer-links ul.columns li.last .languages span.lang-select:after,
#footer-page .footer-links ul.columns li.last .support span.support-select:after
{
    content: '';
    position: absolute;
    display: block;
    right: 3%;
    top: 20%;
    width: 0;
    height: 0;
    border-bottom: 5px solid rgb(255,255,255);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#footer-page .footer-links ul.columns li.last .languages ul,
#footer-page .footer-links ul.columns li.last .support ul
{
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0;
    padding: 0 0 5% 0;
    border: none;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

#footer-page .footer-links ul.columns li.last .languages:focus ul,
#footer-page .footer-links ul.columns li.last .languages:active ul,
#footer-page .footer-links ul.columns li.last .languages:hover ul,
#footer-page .footer-links ul.columns li.last .languages ul.active,
#footer-page .footer-links ul.columns li.last .support:focus ul,
#footer-page .footer-links ul.columns li.last .support:active ul,
#footer-page .footer-links ul.columns li.last .support:hover ul,
#footer-page .footer-links ul.columns li.last .support ul.active
{
    display: block;
    visibility: visible;
    opacity: 1;
}

#footer-page .footer-links ul.columns li.last .languages ul li,
#footer-page .footer-links ul.columns li.last .support ul li
{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer-page .footer-links ul.columns li.last .languages ul li:last-child:after,
#footer-page .footer-links ul.columns li.last .support ul li:last-child:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 43%;
    width: 0;
    height: 0;
    border-top: 8px solid rgb(255,255,255);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

#footer-page .footer-links ul.columns li.last .languages ul li a,
#footer-page .footer-links ul.columns li.last .support ul li a
{
    display: block;
    padding: 10px 15px;
    margin: 0;
    cursor: pointer;
    color: #0071bc;
    font-size: 11pt;
    font-weight: lighter;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
    background: rgb(255,255,255);
    box-shadow: 3px 5px 10px rgba(0,0,0,0.3);
    border-bottom: 1px solid rgb(220,220,220);
}

#footer-page .footer-links ul.columns li.last .languages ul li:first-child a,
#footer-page .footer-links ul.columns li.last .support ul li:first-child a
{
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}

#footer-page .footer-links ul.columns li.last .languages ul li:last-child a,
#footer-page .footer-links ul.columns li.last .support ul li:last-child a
{
    border: none;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
}

#footer-page .footer-links ul.columns li.last .languages ul li:hover a,
#footer-page .footer-links ul.columns li.last .support ul li:hover a
{
    color: rgb(255,255,255);
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    background: #0071bc;
}

#footer-page .footer-links ul.columns li.last .languages ul li:last-child:hover:after,
#footer-page .footer-links ul.columns li.last .support ul li:last-child:hover:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 43%;
    width: 0;
    height: 0;
    border-top: 8px solid #0071bc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/* mobile display */
@media screen and (max-width: 680px)
{
    #footer-page .footer-links ul.columns li.col,
    #footer-page .footer-links ul.columns li.last
    {
        float: none;
        width: 80%;
        margin: 10px auto;
        text-align: center;
    }

    #footer-page .footer-links ul.columns li.last a.serial,
    #footer-page .footer-links ul.columns li.last .languages,
    #footer-page .footer-links ul.columns li.last .support
    {
        float: none;
        margin: 5px auto;
    }

    #footer-page .footer-links ul.columns li.last p.copyright
    {
        text-align: center;
        margin-top: 5px;
    }
}


/* page header > navigation main menu */
header.page-header
{
    position: fixed;
    display: block;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
}

header.page-header nav.main-menu
{
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    background: #f5f5f5;
    background: linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -webkit-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -moz-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -ms-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -o-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    border-bottom: 1px solid rgb(204,204,204);
    box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 4px 5px rgba(0,0,0,0.1);
}

header.page-header nav.main-menu ul
{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

header.page-header nav.main-menu ul li
{
    float: left;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 14.28%;
}

header.page-header nav.main-menu ul li.clear
{
    display: block;
    float: none;
    clear: both;
    width: auto;
}

header.page-header nav.main-menu ul li a
{
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    margin: 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: rgb(0,113,188);
    font-family: Helvetica, 'Helvetica', Verdana, Arial, Geneva, sans-serif;
    font-size: 13pt;
    text-shadow: 1px 1px 0px #fff;
    padding: 10% 0%;
    margin: 0 0 2px 0;
    background: linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -webkit-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -moz-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -ms-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    background: -o-linear-gradient(top, rgb(245,245,245) 0%, rgb(229,229,229));
    border-right: 1px solid #e5e5e5;
}

/*
header.page-header nav.main-menu ul li:first-child a
{
    border-left: 1px solid #e5e5e5;
}
*/

header.page-header nav.main-menu ul li a
{
    border-left: 1px solid #e5e5e5;
}

header.page-header nav.main-menu ul li:hover
{
    background: #29abe2;
    box-shadow: 0px 8px 10px rgba(41, 171, 226, 0.3);
}

header.page-header nav.main-menu ul li:hover a
{
    background: #ffffff;
    background: linear-gradient(top, rgb(229,229,229) 0%, rgb(255,255,255));
    background: -webkit-linear-gradient(top, rgb(229,229,229) 0%, rgb(255,255,255));
    background: -moz-linear-gradient(top, rgb(229,229,229) 0%, rgb(255,255,255));
    background: -ms-linear-gradient(top, rgb(229,229,229) 0%, rgb(255,255,255));
    background: -o-linear-gradient(top, rgb(229,229,229) 0%, rgb(255,255,255));
}

/* page header > navigation main menu > sub-menu */
header.page-header nav.main-menu ul li ul.sub-menu
{
    position: absolute;
    visibility: hidden;
    display: none;
    opacity: 0;
    top: 100%;
    left: 0;
    width: 140%;
    float: none;
    background: #ffffff;
    border-radius:  0 0 3px 3px;
    -webkit-border-radius:  0 0 3px 3px;
    -moz-border-radius:  0 0 3px 3px;
    -ms-border-radius:  0 0 3px 3px;
    -o-border-radius:  0 0 3px 3px;
    box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
    -ms-box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
    -o-box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
    transition: all 500ms ease-out 300ms;
    -webkit-transition: all 500ms ease-out 300ms;
    -moz-transition: all 500ms ease-out 300ms;
    -ms-transition: all 500ms ease-out 300ms;
    -o-transition: all 500ms ease-out 300ms;
}

header.page-header nav.main-menu ul li:hover ul.sub-menu,
header.page-header nav.main-menu ul li:focus ul.sub-menu,
header.page-header nav.main-menu ul li:active ul.sub-menu
{
    display: block;
    visibility: visible;
    opacity: 1;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
}

header.page-header nav.main-menu ul li ul.sub-menu li
{
    width: 100%;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

header.page-header nav.main-menu ul li ul.sub-menu li a
{
    text-align: left;
    padding: 8% 5%;
    font-size: 11pt;
    margin: 0;
    background: rgb(255,255,255);
    border: none;
    border-top: 1px solid #e5e5e5;
}

header.page-header nav.main-menu ul li ul.sub-menu li:last-child,
header.page-header nav.main-menu ul li ul.sub-menu li:last-child a
{
    border-radius:  0 0 3px 3px;
}

header.page-header nav.main-menu ul li ul.sub-menu li:hover a
{
    background: #0071bc;
    color: #f5f5f5;
    text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.3);
    box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2);
}

/* footer stylesheets */
footer#footer_section #copyright p
{
    width: 85%;
    float: left;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
footer#footer_section #copyright nav.languages
{
    float: left;
    display: block;
    position: relative;
    padding: 0;
    margin: 1% 0 0 0;
    width: 15%;
    background: rgb(51,51,51);
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 1px 1px 0px rgba(255,255,255,0.1), inset 1px 1px 2px rgba(0,0,0,0.3);
}

footer#footer_section #copyright nav.languages span.lang-select
{
    display: block;
    position: relative;
    cursor: pointer;
    padding: 5% 10%;
    margin: 0;
    color: rgb(240,240,240);
    font-size: 11pt;
    font-weight: lighter;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

footer#footer_section #copyright nav.languages span.lang-select:before
{
    content: '';
    position: absolute;
    display: block;
    right: 3%;
    bottom: 20%;
    width: 0;
    height: 0;
    border-top: 5px solid rgb(255,255,255);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

footer#footer_section #copyright nav.languages span.lang-select:after
{
    content: '';
    position: absolute;
    display: block;
    right: 3%;
    top: 20%;
    width: 0;
    height: 0;
    border-bottom: 5px solid rgb(255,255,255);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

footer#footer_section #copyright nav.languages ul
{
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0;
    padding: 0 0 5% 0;
    border: none;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

footer#footer_section #copyright nav.languages:hover ul,
footer#footer_section #copyright nav.languages:focus ul,
footer#footer_section #copyright nav.languages:active ul
{
    display: block;
    visibility: visible;
    opacity: 1;
}

footer#footer_section #copyright nav.languages ul li
{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

footer#footer_section #copyright nav.languages ul li:last-child:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 43%;
    width: 0;
    height: 0;
    border-top: 8px solid rgb(255,255,255);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

footer#footer_section #copyright nav.languages ul li a
{
    display: block;
    padding: 5% 10%;
    margin: 0;
    cursor: pointer;
    color: #0071bc;
    font-weight: lighter;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
    background: rgb(255,255,255);
    box-shadow: 3px 5px 10px rgba(0,0,0,0.3);
    border-bottom: 1px solid rgb(220,220,220);
}

footer#footer_section #copyright nav.languages ul li:first-child a
{
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
}

footer#footer_section #copyright nav.languages ul li:last-child a
{
    border: none;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
}

footer#footer_section #copyright nav.languages ul li:hover a
{
    color: rgb(255,255,255);
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    background: #0071bc;
}

footer#footer_section #copyright nav.languages ul li:last-child:hover:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 43%;
    width: 0;
    height: 0;
    border-top: 8px solid #0071bc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/* mobile */
@media screen and (max-width: 850px)
{
    footer#footer_section #copyright p
    {
        width: 100%;
        float: none;
    }

    footer#footer_section #copyright nav.languages
    {
        float: none;
        width: 45%;
        display: block;
        margin: 3% auto;
    }

}

@media screen and (max-width: 680px)
{
    header.page-header
    {
        position: absolute;
    }

    header.page-header nav.main-menu
    {
        display: block;
        position: relative;
        cursor: pointer;
    }

    header.page-header nav.main-menu:before
    {
        content: 'Menu';
        display: block;
        font-size: 11pt;
        position: relative;
        color: rgb(81,81,81);
        text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
        width: 150px;
        margin: 0 auto;
        padding: 5% 0;
        text-align: center;
        background: url('/images/nav/menu-icon.png') no-repeat left center;
        background: url('/images/nav/menu-icon.svg') no-repeat left center;
    }

    header.page-header nav.main-menu:hover:before
    {
        color: #0071bc;
    }

    header.page-header nav.main-menu ul
    {
        display: none;
        position: relative;
        visibility: hidden;
    }

    header.page-header nav.main-menu:hover ul,
    header.page-header nav.main-menu:focus ul,
    header.page-header nav.main-menu:active ul
    {
        display: block;
        position: relative;
        visibility: visible;
    }

    header.page-header nav.main-menu ul li
    {
        width: 100%;
    }

    header.page-header nav.main-menu ul li:first-child
    {
        border-top: 1px solid rgba(0,0,0,0.3);
    }

    header.page-header nav.main-menu ul li a
    {
        font-size: 11pt;
        padding: 5% 0;
        background: rgb(250,250,250);
        border-bottom: 2px solid rgb(200,200,200);
    }

    header.page-header nav.main-menu ul li:hover a
    {
        background: rgb(200,200,200);
    }

    header.page-header nav.main-menu ul li ul.sub-menu
    {
        position: relative;
        width: 100%;
    }

    header.page-header nav.main-menu ul li.support ul.sub-menu,
    header.page-header nav.main-menu ul li.support:hover ul.sub-menu,
    header.page-header nav.main-menu ul li.support:focus ul.sub-menu,
    header.page-header nav.main-menu ul li.support:active ul.sub-menu
    {
        display: none;
        visibility: hidden;
        height: 0;
    }

    header.page-header nav.main-menu ul li ul.sub-menu li:first-child
    {
        border: none;
    }

    header.page-header nav.main-menu ul li ul.sub-menu li a
    {
        font-size: 10pt;
        padding: 3% 0;
        text-align: center;
    }
}

/* custom stylesheets for copytrans blog */
.clear
{
    clear: both;
}

/* custom titles */
#primary-container h2
{
    font-size: 28px;
}


/* social counter widget */
.widget_social_counter
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: none repeat scroll 0% 0% transparent;
    overflow: hidden;
    width: 290px;
    margin-top: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6em;
}

.widget_social_counter
.wrap
div
{
    float: left;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    width: 110px;
    font-size: 23px;
    font-weight: bold;
}

.widget_social_counter
.count
{
    display: block;
    overflow: hidden;
    font-weight: bold;
    margin-top: 5px;
}

.widget_social_counter
.small
{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    overflow: hidden;
    color: rgb(153, 153, 153);
    display: block;
}

/* post pagination */
#primary-container p.post-pagination
{
    padding: 5px 20px;
    margin: 10px 0;
    background: rgba(0,0,0,0.05);
    border-radius: 3px;
}

#primary-container p.post-pagination strong
{
    padding: 1px 3% 1px 0;
}

#primary-container p.post-pagination a
{
    color: rgb(255,255,255);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    padding: 1px 5px 2px 5px;
    background: #29abe2;
    border-radius: 3px;
}

#primary-container p.post-pagination a:hover
{
    color: rgb(255,255,255);
    background: rgba(0,0,0,0.7);
}

/* summary table */
#primary-container .entry-content table.summary-table
{
    width: 100%;
    background: rgb(250,250,250);
    border: 1px solid rgb(230,230,230);
}

#primary-container .entry-content table.summary-table tbody
{
    background: rgb(250,250,250);
}

#primary-container .entry-content table.summary-table tr td
{
    padding: 5px 10px;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
    border: 1px solid rgb(230,230,230);
}

#primary-container .entry-content table.summary-table tr:hover,
#primary-container .entry-content table.summary-table tr:focus,
#primary-container .entry-content table.summary-table tr:active
{
    background: rgba(0,0,0,0.05);
}

#primary-container .entry-content table.summary-table tr td:hover,
#primary-container .entry-content table.summary-table tr td:focus,
#primary-container .entry-content table.summary-table tr td:active
{
    background: rgba(0,0,0,0.05);
}
