/*

Theme Name: SC - Pro Theme
Theme URI: http://theme.co/pro/
Author: Sam C
Author URI: http://samcockrill.co.uk/
Description: Sam C Profesional Web Developer
Version: 1.0.0
Template: pro

*/

p {
    margin: 0 0 1.313em
}

small {
    font-size: smaller
}

b, strong {
    font-weight: 700
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 1.25em 0 .2em;
    text-rendering: optimizelegibility
}

h1, .h1 {
    margin-top: 1em;
    font-size: 400%;
    line-height: 1.1
}


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

input, textarea {
    width: auto
}

textarea {
    height: auto;
    line-height: 1.3
}

textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
    border-color: #0000004d;
    box-shadow: inset 0 1px 1px #00000013, 0 0 8px #0003;
    outline: 0
}

input[type=radio], input[type=checkbox] {
    margin: .425em 0;
    line-height: normal;
    cursor: pointer
}

@media (max-width: 479.98px) {
    input[type=radio], input[type=checkbox] {
        border: 1px solid #ccc
    }
}

input[type=file], input[type=image], input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] {
    width: auto
}

select, input[type=file] {
    height: 2.65em;
    padding-top: .5em;
    padding-bottom: .5em
}

select {
    width: auto
}

select[multiple], select[size] {
    height: auto;
    border: 1px solid #ddd
}

.form-search, .widget_product_search form {
    position: relative;
    margin-bottom: 0;
    line-height: 1
}

.form-search .x-form-search-icon, .widget_product_search form .x-form-search-icon {
    color: #272727
}

.form-search .search-query, .form-search input[type=search], .widget_product_search form .search-query, .widget_product_search form input[type=search] {
    width: 100%;
    margin-bottom: 0;
    padding-left: 30px
}

textarea {
    padding-top: 6px;
    padding-bottom: 6px
}

input[type=color] {
    padding: 1px 3px
}

input[type=file] {
    margin-top: 2px
}

.checkbox input[type=checkbox] {
    top: 2px
}

.radio input[type=radio] {
    top: 1px
}

#recaptcha_table #recaptcha_response_field {
    height: 16px;
    border-width: 1px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 0
}

table {
    width: 100%;
    margin-bottom: 1.313em;
    border-spacing: 0;
    background-color: transparent
}

table th, table td {
    padding: .5em .625em;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle
}

table th {
    font-weight: 700
}

table td {
    line-height: 1.4
}

table thead th {
    vertical-align: bottom
}

table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td {
    border-top: 0
}

table p:last-child, table ul:last-child, table ol:last-child {
    margin-bottom: 0
}

table {
    border-collapse: collapse
}

table th, table td {
    border-top: 1px solid #ddd
}

table tbody + tbody {
    border-top: 2px solid #ddd
}
h2, .h2 {
    font-size: 285.7%;
    line-height: 1.2
}

h3, .h3 {
    font-size: 228.5%;
    line-height: 1.3
}

h4, h5, h6, .h4, .h5, .h6 {
    margin-top: 1.75em;
    margin-bottom: .5em;
    line-height: 1.4
}

h4, .h4 {
    font-size: 171.4%
}

h5, .h5 {
    font-size: 150%
}

h6, .h6 {
    font-size: 100%;
    text-transform: uppercase
}

ul, ol {
    padding: 0;
    margin: 0 0 1.313em 1.655em
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}

ul.unstyled, ol.unstyled, ul.inline, ol.inline {
    margin-left: 0;
    list-style: none
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em
}

dl {
    margin-bottom: 1.313em
}

dt {
    font-weight: bolder
}

dd {
    margin-left: 1.313em
}

q:before, q:after, blockquote:before, blockquote:after {
    content: ""
}

address {
    margin-bottom: 1.313em;
    font-style: normal
}

hr {
    height: 0;
    margin: 1.313em 0;
    border: 0;
    border-top: 1px solid #f2f2f2
}

blockquote {
    margin: 1.313em 0;
    border: 1px solid #f2f2f2;
    border-left: 0;
    border-right: 0;
    padding: 1em 0;
    font-size: 171.4%;
    font-weight: 400;
    line-height: 1.3;
    color: #272727
}

code, pre {
    font-family: Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace;
    color: #555;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

code {
    padding: .143em .286em;
    font-size: .85em;
    border-radius: 3px
}

pre {
    display: block;
    padding: .786em 1.071em;
    margin: 0 0 1.313em;
    font-size: 1.15em;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    border-radius: 4px
}

pre code {
    padding: 0;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 360px;
    overflow-y: scroll
}

.entry-wrap {
    display: block;
    padding: 60px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 .15em .35em #0002
}

@media (max-width: 766.98px) {
    .entry-wrap {
        padding: 36px
    }
}

@media (max-width: 479.98px) {
    .entry-wrap {
        padding: 25px
    }
}


.has-post-thumbnail .entry-wrap {
    border-radius: 0 0 4px 4px
}

.entry-thumb {
    display: block;
    position: relative;
    background-color: #000
}

.entry-thumb img {
    min-width: 100%;
    -webkit-transition: opacity .75s ease;
    transition: opacity .75s ease
}

.entry-thumb .x-framework-icon {
    color: #fff;
    border-radius: 100em;
    -webkit-transition: opacity .75s ease;
    transition: opacity .75s ease
}

a.entry-thumb:hover img {
    opacity: .15
}

.entry-title {
    margin: 0;
    font-size: 250%;
    line-height: 1.05
}

@media (max-width: 479.98px) {
    .entry-title {
        font-size: 200%
    }
}

.entry-title-sub {
    display: block;
    margin: .75em 0 0;
    font-size: 128.5%;
    line-height: 1.05
}

.p-meta {
    margin: 8px 0 0;
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 85.7%;
    line-height: 1.5;
    text-transform: uppercase
}

.p-meta > span {
    display: inline-block
}

.p-meta > span > a {
    white-space: nowrap
}

.p-meta > span:after {
    content: "/";
    padding: 0 .5em 0 .45em
}

.p-meta > span:last-child:after {
    display: none
}

.entry-content {
    margin-top: 1.25em
}

.entry-content:before, .entry-content:after {
    content: " ";
    display: table;
    width: 0px
}

.entry-content:after {
    clear: both
}

.entry-content embed, .entry-content iframe, .entry-content object {
    width: 100%;
    max-width: 100%
}

.entry-content > p:last-child, .entry-content > ul:last-child, .entry-content > ol:last-child {
    margin-bottom: 0
}

.more-link {
    display: inline-block;
    margin: 0;
    font-weight: 700;
    font-size: 128.5%;
    line-height: 1.4
}

.entry-footer {
    margin-top: .325em
}

.entry-footer a {
    display: inline-block;
    float: left;
    position: relative;
    margin: .615em .615em 0 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: .692em 1.154em .769em;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    color: #c5c5c5;
    color: #00000060;
    background-color: transparent;
    border-radius: .35em;
    box-shadow: inset 0 0 #0000, 0 1px 1px #fffffff2;
    -webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease, box-shadow .3s ease;
    transition: color .3s ease, border-color .3s ease, background-color .3s ease, box-shadow .3s ease
}

@media (max-width: 766.98px) {
    .entry-footer a {
        font-size: 11px
    }
}

@media (max-width: 479.98px) {
    .entry-footer a {
        font-size: 10px
    }
}

.entry-footer a:hover {
    color: #777;
    color: #000000bf;
    border-color: #cfcfcf;
    border-color: #00000040;
    background-color: #fff
}

.entry-footer a:active {
    color: #777;
    color: #000000bf;
    border-color: #bbb;
    border-color: #00000040;
    background-color: #ebebeb;
    background-color: #00000013;
    box-shadow: inset 0 1px 2px #00000039, 0 1px 1px #fffffff2
}