/*

Theme Name: Oprum

Theme URI: http://dinevthemes.com/themes/oprum/

Author: DinevThemes

Author URI: http://www.dinevthemes.com/

Description: Multi-purpose Theme for creativity and business. Settings using WordPress Customizer in real-time preview. Includes Contextual Help. Ready integration with WooCommerce plugin. Ready to Jetpack, WooTestimonial, Contact Form7 and more. Support Post Format. Translation-ready. Tested up to WordPress 4.1

Version: 1.1.3

License: GNU General Public License

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: red, white, black, responsive-layout, custom-header, custom-background, featured-images, full-width-template, custom-colors, post-formats, sticky-post, right-sidebar, translation-ready

Text Domain: oprum



Oprum WordPress Theme, Copyright 2014 Dmitry Dinev and DinevThemes.com

Oprum is distributed under the terms of the GNU GPL v2



Oprum is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.



All images used by the theme screenshot are licensed under: CC0 1.0 Universal (CC0 1.0) http://creativecommons.org/publicdomain/zero/1.0/

Resource: http://pixabay.com/

http://www.gratisography.com/



The images used in the Oprum Theme in the "img" folder are under GPL v2 License and have been created by Dmitry Dinev.

Copyright 2014 Dmitry Dinev



Resetting and rebuilding styles

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/


/*

===========================================================

Reset-Rebuild-Based

===========================================================

*/


/*

=Reset

*/

@font-face {
    font-family: 'mistralregular';
    src: url('fonts/mistral-webfont.eot');
    src: url('fonts/mistral-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/mistral-webfont.woff2') format('woff2'), url('fonts/mistral-webfont.woff') format('woff'), url('fonts/mistral-webfont.ttf') format('truetype'), url('fonts/mistral-webfont.svg#mistralregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

html {
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-spacing: 0;
    border-collapse: separate;
}

caption,
th,
td {
    text-align: left;
    font-weight: 400;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ' ';
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}


/*

=Rebuild base

*/

body,
button,
input,
select,
textarea {
    color: #000;
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
    line-height: 120%;
}

b,
strong {
    font-weight: 700;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    overflow: auto;
    margin-bottom: 1.6em;
    padding: 1.6em;
    max-width: 100%;
    background: #eee;
    font-size: 1.5rem;
    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    position: relative;
    height: 0;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

hr {
    margin-bottom: 1.5em;
    height: 1px;
    border: 0;
    background-color: #ccc;
}

ul,
ol {
    margin: 0 0 1.5em 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

dt,
th {
    font-weight: 700;
}

button,
input,
select,
textarea {
    margin: 0;
    vertical-align: baseline;
    font-size: 100%;
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
    color: #111;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search] {
    padding: 3px;
}

textarea {
    overflow: auto;
    padding-left: 3px;
    width: 100%;
    vertical-align: top;
}


/*

=Menus

*/

.main-navigation {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

.main-navigation ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.main-navigation li {
    position: relative;
    float: left;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul ul {
    top: 0;
    left: -999em;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul {
    left: 100%;
}


/* Small menu */

.menu-toggle {
    display: none;
}

@media screen and (max-width: 600px) {
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    overflow: hidden;
    margin: 0 0 1.5em;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    width: 50%;
    text-align: right;
}


/*

=Accessibility

*/

.screen-reader-text {
    position: absolute!important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    top: 5px;
    left: 5px;
    z-index: 100000;
    display: block;
    clip: auto!important;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    color: #21759b;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: normal;
}


/*

=Alignments

*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}


/*

=Clearings

*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    content: '';
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*

=Widgets

*/

.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

.widget_search .search-submit {
    display: none;
}


/*

=Content

*/

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/*

=Other

*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

.comment-content a {
    word-wrap: break-word;
}

.infinity-end.neverending .site-footer {
    display: block;
}

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

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

.wp-caption {
    max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: .8075em 0;
}

.gallery {}

.gallery-item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}


/*

=Empty

*/

.sticky {}

.gallery-caption {}

.bypostauthor {}


/*

===========================================================

Theme General Style

===========================================================

*/


/* =Clear

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

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}


/* =General

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

body {
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    padding: 0 30px;
        background-color: #ccc;
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a {
    color: #f16272;
}

a:visited {
    color: #f16272;
}

a:active {
    color: #f16272;
}

h1.page-title,
span.page-title p {
    margin-bottom: 0.2em;
}

.entry-content .entry-excerpt p {
    margin-bottom: 1.5em;
}

label {
    padding: 5px 0;
    color: #aaa;
}

#content a:hover {
    color: #00a5e7;
    text-decoration: none;
}

#content .entry-meta a {
    color: #aaa;
    text-decoration: none;
}

.wrap {
    margin: 0 auto 10px;
    max-width: 1630px;
    background-color: rgba(255, 255, 255, 0.9);
}

body.home.blog .site-content {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

body.home.page .site-content {
    margin: 0;
    border-bottom: none;
}

#wrap-content {
    padding: 45px 110px 80px;
    background-color: rgba(255, 255, 255, 0.6);
}

.site-content {
    margin: 0;
    /*border-bottom: solid 1px #dddddd;*/
}

.content-area {
    float: left;
    width: 70%;
}

.content-area.no-sidebar {
    float: none;
    width: 100%;
}

.no-sidebar .entry-content,
.no-sidebar .comments-area {
    margin: 0 auto;
    width: 60%;
}

.no-sidebar .entry-header {
    text-align: center;
}

.widget-area {
    float: right;
    width: 28%;
}

.page-template-template-fullpage-php,
.page-template-template-fullpage-php .content-area {
    float: none;
    width: 100%;
}

.single-attachment #primary {
    float: left;
    margin-right: 0;
    width: 100%;
}

.home .content-area {
    padding: 40px 40px;
    width: 100%;
}

.site-main {
    float: left;
    clear: both;
    width: 100%;
}

.site-footer {
    clear: both;
    padding: 25px 110px;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #aaa;
}

.site-footer a {
    color: #aaaaaa;
}

.site-footer a:hover {
    color: #f16272;
}

.site-info {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #363636;
    font-size: 11px;
}

#back-to-top {
    text-align: center;
    font-size: 11px;
}

.site-branding {
    padding: 45px 30px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: left;
}

.site-title-group {
    margin: 50px 40px 50px 40px;
}

.title-group {
	float: right;
}

#logo img {}

#logo a,
.title-group a,
.site-title a {
    text-decoration: none;
}

.site-title {
    font-size: 24px;
    line-height: 24px;
}

.site-title a:hover {
    color: #f16272;
}

.site-description {
    color: #fff;
    font: 1.2em "Open Sans", Helvetica, Arial, sans-serif;
	display: block !important;
}

.typal-custom-header,
.typal-custom-header img {
    position: absolute;
    top: 0;
    display: block;
    float: left;
    width: 100%;
}

.hidden {
    display: none;
}

.error-404 h1 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 32px;
}

iframe,
object,
embed {
    max-height: 100%;
    width: 100%;
}


/* =Menu

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

.main-navigation {
    padding: 0 30px;
    background: #2c2c2c;
    line-height: 0;
}

.main-navigation a {
    color: #ddd;
}

.main-navigation li a {
    padding: 16px 20px 16px 0;
    border-bottom: 0;
    color: #000;
    white-space: nowrap;
    font-size: 20px;
}

.main-navigation a:hover {
    color: #20a64b;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}

.toggled ul.nav-menu {
    display: block;
}

.nav-menu ul li a {
    color: #555;
}

.menu-main {
    width: 100%;
    text-align: left;
}

.menu-main ul ul {
    text-align: left;
}

ul.nav-menu,
.nav-menu ul,
.nav-menu ul li ul {
    list-style: none;
}

.menu-toggle {
    display: block;
    cursor: pointer;
}


/*----Small menu----*/

.menu-toggle {
    margin: 0;
    padding: 10px 22px;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.menu-toggle:hover {
    background: #fff;
    color: #20a64b;
}

.site-header .menu-toggle:before {
    display: inline-block;
    margin-right: 10px;
    content: '\f419';
    vertical-align: middle;
    font: normal 16px/1 'Genericons';
    -webkit-font-smoothing: antialiased;
}


/*=Social menu

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

#menu-social {
    text-align: right;
}

#menu-social li {
    display: inline-block;
    padding-left: 5px;
}

#menu-social li a::before {
    display: inline-block;
    content: none;
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    font-family: "FontAwesome";
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before {
    color: #21759b;
    content: '\f19a';
}

#menu-social li a[href*="facebook.com"]::before {
    color: #3b5998;
    content: '\f082';
}

#menu-social li a[href*="twitter.com"]::before {
    color: #33ccff;
    content: '\f081';
}

#menu-social li a[href*="dribbble.com"]::before {
    color: #ea4c89;
    content: '\f17d';
}

#menu-social li a[href*="plus.google.com"]::before {
    color: #dd4b39;
    content: '\f0d5';
}

#menu-social li a[href*="pinterest.com"]::before {
    color: #c8232c;
    content: '\f0d2';
}

#menu-social li a[href*="github.com"]::before {
    color: #171515;
    content: '\f09b';
}

#menu-social li a[href*="tumblr.com"]::before {
    color: #34526f;
    content: '\f173';
}

#menu-social li a[href*="youtube.com"]::before {
    color: #c4302b;
    content: '\f167';
}

#menu-social li a[href*="flickr.com"]::before {
    color: #ff0084;
    content: '\f16e';
}

#menu-social li a[href*="vimeo.com"]::before {
    color: #1AB7EA;
    content: '\f194';
}

#menu-social li a[href*="instagram.com"]::before {
    color: #3f729b;
    content: '\f16d';
}

#menu-social li a[href*="linkedin.com"]::before {
    color: #0e76a8;
    content: '\f08c';
}

#menu-social li a[href*="soundcloud.com"]::before {
    color: #f70;
    content: '\f1be';
}

#menu-social li a[href*="vk.com"]::before {
    color: #0e76a8;
    content: '\f189';
}

#menu-social li a[href*="feeds.feedburner.com"]::before {
    color: #FFA500;
    content: '\f143';
}


/*---widget---*/

#secondary #menu-social {
    text-align: left;
}

#secondary #menu-social li a {
    font-size: 13px;
}

#secondary #menu-social li a::before {
    padding: 5px;
    font-size: 20px;
}


/* =Content

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

.hentry {
    padding: 0 0 40px;
}

.hentry:last-child {
    padding: 0;
    margin: 0;
}

.titleborder.center {
    text-align: center;
}

.titleborder.left {
    text-align: left;
}

.titleborder.right {
    text-align: center;
}

.titleborder {
    position: relative;
    margin-top: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.titleborder div {
    position: relative;
    display: inline-block;
    padding: 1px 12px 2px 0;
    background-color: #fff;
}

#home-tagline {
    width: 100%;
    background-size: 100%;
}

#home-tagline .tagline-txt h1 {
    padding: 80px 0;
    text-align: center;
}

#home-txt {
    padding: 20px 0;
    text-align: center;
    font-size: 24px;
}

#pagefeature {
    padding: 20px 0;
    border-bottom: solid 1px #e5e5e5;
    background-color: #f0f0f0;
}

#pagefeature .home-section {
    text-align: center;
}

#pagefeature .home-section h1 {
    margin: 0 0 20px 0;
    font-size: 32px;
}

.home-section {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 0 40px;
}

.home-section p {
    line-height: 26px;
}

#home-sticky {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

#home-posts {
    font-size: 14px;
    line-height: 20px;
}

#home-sticky h1 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 46px;
}

#home-emphasis h2,
#home-sticky h2,
#home-sticky-page h2,
#home-posts h2 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
}

#home-emphasis h3,
#home-sticky h3,
#home-sticky-page h3,
#home-posts h3,
#home-cat-posts h3 {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
}

#home-emphasis a {
    text-decoration: none;
}

#wrapfeature {
    margin: 20px 0 0 0;
}

#wrapfeature .simple-button {
    display: block;
    margin-bottom: 20px;
}

#wrapfeature h1,
#wrapfeature h2 {
    margin-bottom: 20px;
    font-size: 24px;
}

#home-emphasis h2 a,
#home-sticky h1 a,
#home-sticky h2 a,
#home-sticky-page h2 a,
#home-sticky-page h1 a,
#home-sticky-page h2 a,
#wrapfeature h1 a,
#wrapfeature h2 a {
    text-decoration: none;
}

#home-cat-posts h2 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
}

#sitemap li {
    list-style: none;
    line-height: 30px;
}

#sitemap ul li {
    font-size: 14px;
}

h1,
h2,
h3,
h4 {
    font-weight: 600;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

h5,
h6 {
    font-weight: 600;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.home-section h1,
.entry-content h1 {
    margin: 0 0 40px 0;
    font-size: 32px;
}

.home-section h2,
.entry-content h2 {
    margin-bottom: 35px;
    font-size: 35px;
    color: #20a64b;
}

.home-section h3,
.entry-content h3 {
    margin: 0 0 32px 0;
    font-size: 24px;
}

.home-section h4,
.entry-content h4 {
    margin: 0 0 28px 0;
    font-size: 20px;
}

.home-posts-description {
    font-size: 13px;
}

.breadcrumbs {
    float: left;
    font-size: 13px;
}

.entry-content h2 {
    font-weight: bold;
}

.entry-content h5 {
    margin: 0 0 24px 0;
    font-size: 16px;
}

.entry-content h6 {
    margin: 0 0 20px 0;
    font-size: 14px;
}

.post-thumb {
    padding: 55% 0 0 0;
    background: #FFF;
}

#home-tagline h1 {
    color: #00a5e7;
    font-size: 50px;
}

.tagline-txt {
    text-align: center;
}

.img-home-post {
    overflow: hidden;
    margin-bottom: 10px;
    height: 120px;
}

.recent-home-posts {
    margin-bottom: 25px;
}

.recent-home-posts h3 {
    text-align: center;
}

.single footer.entry-meta {
    border-top: solid 2px #2c2c2c;
}

.page-header {
    margin-bottom: 20px;
    padding-bottom: 50px;
    border-bottom: solid 2px #2c2c2c;
}

.page-title {
    font-size: 24px;
}

.single-attachment .page-header {
    padding-bottom: 30px;
}

#single-nav {
    float: right;
}

#single-nav-left,
#single-nav-right {
    float: left;
    margin-left: 10px;
}

#single-nav a {
    display: block;
    padding: 0 10px;
    height: 25px;
    background: #eee;
    color: #666;
    font-size: 12px;
    line-height: 25px;
}

.nav-previous,
.nav-next {
    font-size: 14px;
}

.site-content .entry-content hr,
.site-content .comment-content hr,
#tinymce hr {
    margin-bottom: 20px;
    height: 1px;
    border: 0;
    background-color: #dddddd;
}

.site-content .entry-content table,
.site-content .comment-content table,
#tinymce table {
    margin-bottom: 20px;
}

.site-content .entry-content th,
.site-content .comment-content th,
#tinymce th,
.site-content .entry-content td,
.site-content .comment-content td,
#tinymce td {
    padding: 8px 8px;
    border-bottom: solid 1px #dddddd;
}

.site-content .entry-content tr:hover td,
.site-content .comment-content tr:hover td,
#tinymce tr:hover td {
    background: #f7f7f7;
}

.site-content .entry-content ul,
.site-content .comment-content ul,
#tinymce ul,
.site-content .entry-content ol,
.site-content .comment-content ol,
#tinymce ol {
    margin-bottom: 20px;
}

.site-content .entry-content blockquote,
.site-content .comment-content blockquote,
#tinymce blockquote {
    position: relative;
    display: block;
    padding: 1% 0 4% 3%;
}

.home-posts-description blockquote {
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
}

.page .entry-content blockquote:before,
.format-standard .entry-content blockquote:before {
    display: inline-block;
    content: '';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    font-family: "FontAwesome";
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page .entry-content blockquote:before,
.format-standard .entry-content blockquote:before {
    content: '\f10d';
}

.format-quote .entry-content blockquote:before {
    margin-left: -10px;
    content: '\ ” ';
}

.format-quote .entry-content blockquote:after {
    content: '\“ ';
}

.entry-content blockquote cite:before,
.comment-content blockquote cite:before,
#tinymce blockquote cite:before {
    content: '  ';
}

blockquote {
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
}

.page .entry-content blockquote.pull-left,
.format-standard .entry-content blockquote.pull-left {
    float: left;
    width: 33%;
}

.page .entry-content blockquote.pull-left:before,
.format-standard .entry-content blockquote.pull-left:before {
    content: '';
}

.page .entry-content blockquote.pull-right,
.format-standard .entry-content blockquote.pull-right {
    float: right;
    width: 33%;
}

.page .entry-content blockquote.pull-right:before,
.format-standard .entry-content blockquote.pull-right:before {
    content: '';
}

.entry-content blockquote p {
    margin: 0;
}

#secondary blockquote {
    margin-left: 0;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
}

#secondary blockquote:before {
    content: '\f106';
    font-style: normal;
    font-size: 18px;
    font-family: 'Genericons';
}

.entry-title a {
    text-decoration: none;
}

.single .site-content .entry-title {
    font-size: 28px;
    line-height: 34px;
}

.site-content .entry-title {
    font-size: 24px;
    line-height: 30px;
}

.site-content .entry-header {
    margin-bottom: 1.5em;
}

.entry-header .entry-title {
    margin-bottom: 0.5em;
}

.site-content .entry-title a {
    color: #3a3a3a;
}

.site-content .entry-title a:hover {
    color: #f16272;
}

.entry-header p {
    font-weight: 300;
    font-size: 26px;
    line-height: 32px;
}

.site-content .entry-meta,
.site-content .entry-header .entry-meta {
    font-size: 12px;
}

.site-content .entry-meta {
    color: #aaaaaa;
    line-height: 15px;
}

.single .site-content .entry-meta,
.single .site-content .entry-meta.no-sidebar {
    padding: 20px 0 10px;
}

.single .site-content .entry-meta.no-sidebar,
.single .entry-meta.no-sidebar .extrameta {
    text-align: center;
}

.site-content .entry-meta {
    text-align: left;
}

.site-content .entry-meta a {
    color: #aaaaaa;
    text-decoration: none;
}

.site-content .entry-meta a:hover {
    color: #f16272;
}

.site-content .entry-content,
.site-content .entry-header,
.site-content .entry-summary {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.site-content .entry-header .entry-meta {
    text-align: left;
}

.entry-thumbnail {
    float: left;
    margin-right: 25px;
    width: 30%;
}

div.entry-thumbnail.quote {
    float: left;
    margin-right: 25px;
    width: auto;
}

.entry-excerpt {
    float: left;
    width: 65%;
}

.entry-content {
    font-size: 25px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 30px;
}

cite {
    color: #f16272;
    font-size: 14px;
}

address {
    font-size: 14px;
}


/*=Media

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

.img-home-post img {
    -webkit-filter: grayscale(100%);
}

.img-home-post img:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: all .5s;
}

.wp-caption-text {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

.blogroll img {
    display: inline-block;
    margin-right: 5px;
    max-width: 55px;
    vertical-align: middle;
}


/*=Additional

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

div.callaction {
    padding: 20px 40px;
    min-height: 100px;
    height: auto;
    border-top: solid 1px #e5e5e5;
    background-color: #f0f0f0;
}

body.home.blog div.callaction,
body.home.page div.callaction {
    margin: 0;
}

body.home.page div.callaction {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px;
}

body.blog div.callaction,
.home .blog div.callaction,
.page div.callaction,
.single div.callaction,
.archive div.callaction,
.search div.callaction {
    margin-right: -40px;
    margin-bottom: -40px;
    margin-left: -40px;
}

.call-action-content {
    margin: 20px auto;
}

.call-action-txt {
    float: left;
}

.call-action-txt span {
    font-weight: 600;
    font-size: 18px;
}

.call-action-but {
    display: inline-block;
    float: right;
}


/*=Flex Slider

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

.home-posts-description .flex-direction-nav a {
    padding-top: 5px;
    height: 30px;
}

.flex-direction-nav a,
li a.flex-next,
li a.flex-prev {
    color: rgba(0, 0, 0, 0.8);
}

.format-gallery .flex-direction-nav a {
    top: 40%;
}

.entry-media .flex-direction-nav a:before,
.gallery .flex-direction-nav a:before {
    padding-top: 0;
    font-size: 30px;
}

.entry-content .flex-direction-nav a:before {
    padding-top: 5px;
    font-size: 30px;
}

.widget .flex-viewport {
    width: 99%;
}

.widget .flex-viewport .flex-caption {
    display: none;
}

.widget .format-gallery .flex-direction-nav a {
    top: 50%;
}

.entry-content .flexslider,
.widget .flexslider {
    margin: 0;
}


/*=Numbers Pagination

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

ul.page-numbers {
    margin: 20px 0;
    list-style: none;
}

ul.page-numbers li {
    display: block;
    float: left;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    padding: 0 12px;
    width: auto;
    height: 30px;
    border: 0;
    background: #eee;
    background-color: transparent;
    color: #606060;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    cursor: pointer;
}

a.prev.page-numbers,
a.next.page-numbers {
    text-decoration: none;
}

#single-nav .fa-chevron-right,
#single-nav .fa-chevron-left {
    font-size: 11px;
}

.page-numbers a:hover,
.page-numbers span.current {
    background: #2c2c2c;
    color: #fff;
    text-decoration: none;
}

.page-numbers:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

.page-numbers li {
    display: inline;
    font-size: 14px;
}


/*=Plugins

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

.zilla-likes-count {
    font-size: 12px;
}


/*=JetPack

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

#infinite-handle {
    margin: 15px 0;
}

#infinite-handle span {
    text-transform: uppercase;
}

span.infinite-loader {
    margin: 15px 45%;
}


/*=WooCommerce

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

.woocommerce-breadcrumb {
    font-size: 13px;
}

.woocommerce .page-header {
    padding-bottom: 91px;
}

.wooshop-title {
    float: left;
    max-width: 70%;
}

.woocommerce .header-cart {
    float: right;
}

ul.header-cart {
    margin: 0;
    list-style: none;
}

.header-cart li a {
    padding: 10px 0;
    text-decoration: none;
    font-size: 12px;
}

.header-cart li a:before {
    display: inline-block;
    content: '\f447';
    vertical-align: middle;
    font: normal 18px/1 'Genericons';
    -webkit-font-smoothing: antialiased;
}


/*=Post Format

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

.status {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.entry-meta .genericon {
    width: 36px;
    height: 36px;
    background: #444;
    color: #FFF;
    font: normal 24px/1.5 'Genericons';
}

.entry-title .genericon {
    font: normal 32px/1 'Genericons';
}

.home-posts-description iframe,
.home-posts-description embed,
.home-posts-description object {
    width: 100%;
}

.home-posts-description .wp-caption-text {
    display: none;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

.format-link p a:before {
    display: inline-block;
    padding-right: 10px;
    content: '\f0c1';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    font-family: "FontAwesome";
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.format-aside .entry-content,
.format-status .entry-content,
.format-link .entry-content {
    padding: 20px 0;
}

.format-link p a {
    padding: 20px 0;
    font-weight: bold;
    font-size: 18px;
}

.single .format-link .entry-content a {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 18px;
}

.mejs-container {
    margin-bottom: 20px;
}

div.metka.genericon {
    padding: 0 5px;
    width: 26px;
    background: #444;
    color: #FFF;
}

div.metka.genericon.genericon-status,
div.metka.genericon.genericon-link,
div.metka.genericon.genericon-aside {
    padding: 0;
    background: none;
}

div[class*="genericon-link"]::before,
div[class*="genericon-aside"]::before,
div[class*="genericon-status"]::before {
    display: inline-block;
    color: #404040;
    content: '';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    font-family: "FontAwesome";
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div[class*="genericon-link"]::before {
    content: '\f0c1';
}

div[class*="genericon-aside"]::before {
    content: '\f069';
}

div[class*="genericon-status"]::before {
    content: '\f024';
}

.entry-content span.genericon.genericon-quote {
    font-size: 24px;
}


/*=Post Format Icons

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

a.widget-format-link::before {
    display: inline-block;
    content: '';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    font-family: "FontAwesome";
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.widget-format-link[href*="aside"]::before {
    content: '\f069';
}

a.widget-format-link[href*="quote"]::before {
    content: '\f10d';
}

a.widget-format-link[href*="gallery"]::before {
    content: '\f03e';
}

a.widget-format-link[href*="video"]::before {
    content: '\f16a';
}


/*=Gallery shortcode style

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

#content .entry-content .gallery a img,
#content .entry-content .gallery img {
    border: 0;
}

.image-navigation {
    padding-top: 15px;
}

.entry-content .flexslider {
    margin: 0 0 0;
}

.entry-content .flexslider ul {
    margin-bottom: 0;
}

.archive .flexslider,
.home-posts-description .flexslider {
    margin: 0;
}


/* =Meta

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

.cat-links:before,
.tags-links:before {
    margin-right: -4px;
}

.author,
.cat-links,
.posted-on,
.tags-links {
    margin-right: 2px;
}

.author:before,
.posted-on:before,
.cat-links:before,
.tags-links:before {
    display: inline-block;
    color: #ccc;
    vertical-align: top;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-family: 'Genericons';
}

.posted {
    padding: 0 0 5px;
}

.cat-links:before {
    content: '\f301';
}

.tags-links:before {
    content: '\f302';
}

.extrameta {
    text-align: right;
}


/* =Comments

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

.comments-area {
    margin-top: 20px;
    margin-bottom: 40px;
}

.comments-area .comments-title {
    font-size: 18px;
    line-height: 24px;
}

.comments-area .comment-list {
    margin: 40px 0 0 0;
    padding: 0;
    list-style: none;
}

.comments-area ul.children {
    margin: 0;
    padding-left: 56px;
    list-style: none;
}

.comments-area article {
    margin: 0;
    padding: 20px 0 32px 0;
    border-top: solid 1px #dddddd;
    border-bottom: none;
}

.comments-area .comment-content h1 {
    font-size: 14px;
}

.comments-area .comment-content h2,
.comments-area .comment-content h3,
.comments-area .comment-content h4,
.comments-area .comment-content h5,
.comments-area .comment-content h6 {
    font-size: 14px;
}

.comments-area .comment-content h1,
.comments-area .comment-content h2,
.comments-area .comment-content h3,
.comments-area .comment-content h4,
.comments-area .comment-content h5 {
    margin: 20px 0;
}

.comments-area .comment-content blockquote {
    background: none;
}

.comments-area .comment-content,
.comments-area .reply,
.comments-area li.comment #respond {
    margin-left: 45px;
}

.comment-content {}

.comment-content p {
    color: #666;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.comments-area footer {
    margin-bottom: 20px;
}

.comments-area footer .comment-author,
.comments-area footer .comment-meta {
    display: inline-block;
    font-size: 12px;
}

.comments-area footer cite {
    font-style: normal;
}

.comments-area footer .says {
    display: none;
}

.comments-area footer .comment-author,
.comment-metadata {
    font-size: 11px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.fn {
    /*autor link*/
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

cite.fn {
    color: #3a3a3a;
}

cite.fn a.url {
    color: #f16272;
}

.comment-metadata {
    margin-top: 5px;
    margin-left: 45px;
}

.comment-respond p.form-allowed-tags,
.comment-respond p.form-allowed-tags code {
    display: none;
}

.comments-area footer .comment-author a {
    text-decoration: none;
}

.comments-area footer .comment-author a:hover {
    color: #f16272;
}

.comments-area footer .comment-author .avatar {
    position: relative;
    top: 12px;
    margin-right: 10px;
}

.comments-area footer .comment-meta {
    margin-left: 4px;
}

.comments-area footer .comment-meta,
.comments-area footer .comment-meta a {
    color: #aaaaaa;
    text-decoration: none;
    font-size: 12px;
}

.comments-area footer .comment-meta:hover,
.comments-area footer .comment-meta a:hover {
    color: #f16272;
}

.comments-area #respond {
    padding-top: 40px;
}

.comments-area #reply-title {
    margin-bottom: 10px;
    font-size: 18px;
}

#commentform label {
    display: block;
}

#commentform label .required {
    color: red;
}

#comments {
    font-size: 12px;
}

.pingback {
    margin-bottom: 10px;
    color: #444;
    font-size: 11px;
}


/* =Link Meta

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

.edit-link:before {
    display: inline-block;
    content: '\f411';
    vertical-align: middle;
    font: normal 16px/1 'Genericons';
    -webkit-font-smoothing: antialiased;
}

.edit-link {
    display: block;
    margin-top: 10px;
}


/* =Button

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

.simple-button,
.simple-button a {
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 16px;
}

.simple-button.red {
    background-color: #00a5e7;
    color: #FFF;
}

.simple-button.red:hover {
    background-color: #f16272;
}

.simple-button.black {
    background-color: #3A3A3A;
    color: #FFF;
}

.simple-button.black:hover {
    background-color: #6A6A6A;
}

.borderbut {
    padding: 5px 10px;
    color: #00a5e7;
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


/*=Input / Submit

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

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 10px 16px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #00a5e7;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 16px;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #f16272;
}


/*Shortcodes

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


/*=Button*/

.site-header a.btn,
.site-content a.btn,
.site-footer a.btn {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

#content a.btn:hover {
    color: #FFF;
    text-decoration: none;
}

.btn {
    color: #FFF;
    text-decoration: none;
}

.btn.large {
    padding: 16px 42px;
    font-size: 24px;
}

.btn.small,
.btn {
    padding: 8px 28px;
    font-size: 16px;
}

.btn.orange {
    background: #ff7f66;
}

.btn.orange:hover,
.btn.orange:focus {
    background: #ff7257;
}

.btn.orange.active,
.btn.orange:active {
    background: #ff6547;
}

.btn.blue {
    background: #2185c5;
}

.btn.blue:hover,
.btn.blue:focus {
    background: #1f7cb8;
}

.btn.blue.active,
.btn.blue:active {
    background: #1d73ab;
}

.btn.red {
    background: #e85451;
}

.btn.red:hover,
.btn.red:focus {
    background: #e64743;
}

.btn.red.active,
.btn.red:active {
    background: #e85451;
}

.btn.green {
    background: #228B22;
}

.btn.green:hover,
.btn.green:focus {
    background: #25A226;
}

.btn.green.active,
.btn.green:active {
    background: #228B22;
}


/*=Colors Block*/

.alert {
    margin-bottom: 24px;
    padding: 24px;
    background: #bcbcbc;
    color: #676767;
}

.alert.red {
    background: #00a5e7;
    color: #FFF;
}

.alert.yellow {
    background: #faeaa7;
    color: #FFA500;
}

.alert.green {
    background: #228B22;
    color: #FFF;
}


/* =Forms

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    display: block;
    margin: 5px 0 10px;
    padding: 7px 15px;
    max-width: 98%;
    outline: none!important;
    border: 2px solid #E4E4E4;
    border-radius: 2px;
    background-color: #FFF;
    color: #666;
    font: inherit;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    -webkit-appearance: none;
}

textarea {
    resize: vertical;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary textarea {
    max-width: 86%;
}

.site-footer input[type="search"],
#secondary input[type="search"] {
    width: 86%;
}

#primary input[type="search"] {
    width: 50%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border: 2px solid #00a5e7;
    color: #222;
}


/* Contact Form 7

================================================== */

div.wpcf7 {
    margin-top: 20px;
    margin-bottom: 40px;
}

.wpcf7-form span.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.wpcf7-form p {
    margin: 10px 0 0;
    font-size: 13px;
}

.wpcf7-form p:last-of-type {
    margin: 0;
}

div.wpcf7-validation-errors {
    margin: 25px 0 0;
}

span.wpcf7-not-valid-tip {
    font-size: 0.95em;
    font-family: 'Verdana';
}

.wpcf7-response-output {
    display: none;
    margin-top: 30px;
    padding: 12px;
    background: #f4f4f4;
    color: #888;
    text-align: center;
    line-height: 1.45em;
}

input.wpcf7-not-valid[type="text"],
input.wpcf7-not-valid[type="password"],
input.wpcf7-not-valid[type="email"],
input.wpcf7-not-valid[type="url"],
input.wpcf7-not-valid[type="tel"],
textarea.wpcf7-not-valid {
    border-color: #FF4847;
}


/* =Widgets

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

.widget-area .widget {
    margin-bottom: 40px;
}

.widget-area .widget ul,
.site-footer ul {
    margin: 0;
    list-style: none;
}

.widget_nav_menu .menu ul li {
    margin: 5px 0 5px 10px;
}

.widget ul li {
    margin: 5px 0 0 0;
}

.widget-area .widget-title a {
    color: #3a3a3a;
}

.widget-area .widget-title a:hover {
    color: #f16272;
}

.widget-area .widget_recent_entries .post-date {
    color: #aaaaaa;
}

#home-widget .widget-title {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}

#home-txt span,
.widget-title span {
    border-bottom: solid 2px #2c2c2c;
    text-transform: uppercase;
}

#home-txt span a {
    text-decoration: none;
}

.textwidget,
.widget-area {
    font-size: 14px;
}

.widget-title {
    margin-bottom: 20px;
    color: #525252;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9em;
}

#aside-post-format-widget .hentry,
#quote-post-format-widget .hentry,
#gallery-post-format-widget .hentry,
#video-post-format-widget .hentry {
    margin: 0;
    padding: 0;
}

.widget time.entry-date {
    font-size: 12px;
}


/*--widget calendar--*/

#wp-calendar {
    width: 100%;
    font-size: 11px;
}

#wp-calendar thead th {
    border: 1px solid #ddd;
    border-top: none;
    background: #f5f5f5;
    font-size: 11px;
}

#wp-calendar tbody td {
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2.5em;
    -webkit-transition: background 0.15s ease;
    -moz-transition: background 0.15s ease;
    -o-transition: background 0.15s ease;
    transition: background 0.15s ease;
}

#wp-calendar caption {
    margin-bottom: 5px;
    text-align: center;
}

td#next {
    text-align: right;
}

#wp-calendar tbody td a,
#wp-calendar tbody td a:hover {
    color: #00a5e7;
    text-decoration: underline;
}

#wp-calendar tfoot td {
    padding: 4px;
    padding-top: 1px;
}

#wp-calendar caption {
    margin: 0;
    padding: 12px;
    outline: 0 none !important;
    background: #f16272;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

#wp-calendar tbody a {
    display: block;
    text-decoration: underline;
}

#wp-calendar th {
    padding: 2px 0;
    border: 1px solid transparent;
    border-top: none;
    color: #a7a7a7;
    text-align: center;
}

#wp-calendar tfoot td#next {
    text-align: right;
}

#footer #wp-calendar thead th {
    background: #232323
}

#footer #wp-calendar thead th,
#footer #wp-calendar tbody td {
    border-color: #333
}

.site-footer h5 {
    font-weight: bold;
    color: #20a64b;
    font-size: 20px;
    line-height: normal;
}

.widget .fa {
    margin-right: 5px;
}

.widget p {
    margin-bottom: 1em;
}

.footerwidget-left li,
.footerwidget-right li {
    margin-bottom: 10px;
    list-style-type: none;
}

.widget-footer ul {
    margin: 0;
}

.widget-footer h5 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 12px;
}

.search-submit {
    display: none;
}


/*=Column

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

.row {
    margin: 0 40px;
}

.columns {
    overflow: hidden;
}

.col {
    float: left;
    margin-bottom: 0;
    margin-left: 3.2%;
}

.home-section .col {
    width: 46%;
    text-align: left;
}

.fullwidth .col {
    float: none;
    margin-left: 0;
}


/* grid4 col */

.grid4 .col {
    width: 22.6%;
}


/* grid3 col */

.grid3 .col {
    width: 31.2%;
}


/* grid2 col */

.grid2 .col {
    width: 48.4%;
}


/* clear col */

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
    clear: left;
    margin-left: 0;
}


/* reset cols to 2-column */

@media screen and (max-width: 900px) {
    /* grid4 */
    .grid4 .col {
        width: 48.4%;
    }
    .grid4 .col:nth-of-type(3n+1) {
        clear: none;
        margin-left: 3.2%;
    }
    .grid4 .col:nth-of-type(2n+1) {
        clear: left;
        margin-left: 0;
    }
    /* grid3 */
    .grid3 .col {
        width: 31.2%;
    }
    .grid3 .col:nth-of-type(3n+1) {
        clear: none;
        margin-left: 0;
    }
}


/* reset cols to fullwidth */

@media screen and (max-width: 650px) {
    /* grid4 */
    .col {
        clear: none !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}


/* =Media Queries

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

@media (min-width: 960px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        display: inline-block !important;
    }
    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }
    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
    }
    .main-navigation li a:hover {
        color: #20a64b;
    }
    .main-navigation li {
        position: relative;
    }
    .main-navigation li ul {
        position: absolute;
        top: 100%;
        z-index: 1;
        display: none;
        margin: 0;
        padding: 0;
    }
    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }
    .main-navigation ul li:hover > ul {
        display: block;
        border-left: 0;
    }
    .nav-menu li {
        font-size: 12px;
    }
    .main-navigation li ul li a {
        display: block;
        padding: 8px 10px;
        width: 180px;
        border-bottom: 1px solid #eaeaea;
        background: #fff;
        color: #666;
        white-space: normal;
        font-size: 10px;
        line-height: 18px;
    }
    .main-navigation li ul li a:hover {
        background: #e3e3e3;
        color: #444;
    }
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #20a64b;
    }
}

@media (max-width: 959px) {
    body {
    padding: 0 5px;
    }
    #wrap-content {
    padding: 10px;
    }
    .site-footer {
    padding: 10px;
    }
    .footer-logos li {
    width: 100%;
    padding-bottom: 10px;
}
    .home-section h2, .entry-content h2 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 25px;
    }
    .main-navigation {
        padding: 0;
        text-align: center;
        line-height: 1.5em;
    }
    .nav-menu li a {
        padding: 0;
    }
    .main-navigation li {
        float: none;
        text-align: center;
    }
    .menu-main ul ul {
        display: none;
    }
    .nav-menu ul li ul li {
        background: #aaa;
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .nav-menu li {
        font-size: 16px;
    }
    ul.nav-menu li a {
        display: block;
        padding: 10px 0 10px 0;
        color: #000;
    }
    .call-action-content {
        text-align: center;
    }
    .call-action-but,
    .call-action-txt {
        display: block;
        float: none;
    }
    .call-action-txt {
        margin-bottom: 20px;
    }
    .site-footer input[type="search"],
    #primary input[type="search"],
    #secondary input[type="search"] {
        width: 90%;
    }
}

@media (max-width: 900px) {
    #wrap {
        width: 87%;
    }
    #primary,
    #secondary,
    .no-sidebar .entry-content,
    .no-sidebar .comments-area {
        width: 100%;
    }
    #primary {
        margin-right: 0;
    }
    #secondary {
        margin-left: 0;
    }
}

@media (max-width: 700px) {
    #home-tagline .tagline-txt {
        padding: 40px 40px;
    }
    #home-tagline h1 {
        color: #00a5e7;
        font-size: 36px;
        line-height: 40px;
    }
    #home-tagline h2 {
        color: #FFF;
        font-size: 14px;
    }
    .single .site-content .entry-title,
    .site-content .entry-content h1,
    .site-content .comment-content h1 {
        font-size: 28px;
        line-height: 38px;
    }
    .single .site-content .related-content {
        padding-bottom: 20px;
    }
    .single .site-content .related-content .related-content-title {
        margin-left: 0;
    }
    .single .site-content .related-content article {
        margin: 0;
        padding: 20px 0 0 0;
        width: 100%;
    }
    .single .site-content .has-post-thumbnail .entry-thumbnail {
        margin-bottom: 0;
        width: 50px;
    }
    .entry-thumbnail {
        float: center;
        margin: 0;
        width: 100%;
        height: auto;
    }
    .entry-excerpt {
        width: 100%;
    }
    .comments-area ul.children {
        padding-left: 0;
    }
}

@media (max-width: 650px) {
    #logo {
        float: none;
        width: 98%;
        text-align: center;
    }
    .title-group {
        display: block;
        padding: 5px;
    }
    .img-home-post {
        max-height: 350px;
        height: auto;
    }
    #pagefeature {
        padding: 5px 0;
    }
    .site-info,
    .site-info #menu-social {
        text-align: center;
    }
}

@media (max-width: 480px) {
    #wrap {
        margin: 0;
        width: 100%;
    }
}

.footer-logos li {
    display: inline-block;
    margin: 0 !important;
    padding-left: 15px;
}

.footer-logos li img {
    vertical-align: middle;
}

.footer-logos {
    text-align: right;
        padding: 12px 0;
}

footer .grid2 .col .widget {
    margin: 0;
}

footer .grid2 .col {
    margin-bottom: 0;
}

footer .grid2 .col .widget p {
    margin-bottom: 0;
    font-size: 20px;
}

.custom-text {
    color: #20a64b;
    /* border: 2px dashed #20a64b; */
    padding: 30px 0;
    display: inline-block;
    font-family: 'mistralregular';
    font-size: 50px;
    margin-bottom: 0;
    line-height: 50px;
}

ul {
    list-style: none;
}

.custom-ul li:before {
    content: "●";
    padding-right: 5px;
    color: #20a64b;
}

.gallery-img {
    text-align: center;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 95px;
}

.gallery-img:after {
    content: "";
    display: block;
    clear: both;
}

.gallery-img li {
    width: 25%;
    min-width: 240px;
    box-sizing: border-box;
    float: left;
    display: block;
    padding: 20px;
}

.gallery-img li p {}

.gallery-img li img {
    width: 100%;
}

.gallery-img li span {
    font-size: 20px;
    color: #fff;
    background-color: #20a64b;
    display: block;
    margin-bottom: -30px;
}

.home-section h3,
.entry-content h3 {
    margin: 0 0 45px 0;
    font-size: 30px;
    font-weight: bold;
}

.jobs-left-col p {
    font-size: 20px;
    margin-bottom: 21px;
}

.jobs-left-col {
    width: 60%;
    background-color: #fff;
    border: 2px solid #20a64b;
    padding: 15px;
    float: left;
}

.jobs-right-col {
    width: 40%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    max-height: 339px;
    overflow: hidden;
}

.jobs-right-col a {
    display: block;
}

.jobs-right-col img {
    width: 100%;
}

@media screen and (max-width: 1440px) {
    .gallery-img {
        text-align: center;
    }
    .gallery-img li {
        width: 24%;
        box-sizing: border-box;
        display: inline-block;
        float: none;
        padding: 5px;
    }
    .jobs-left-col {
            padding: 10px !important;
    width: 100%;
    margin-bottom: 20px;
    }
    .home-section h3,
    .entry-content h3 {
        margin: 0 0 27px 0 !important;
        font-size: 25px !important;
    }
    .jobs-left-col p {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    .entry-content {
        font-size: 20px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        line-height: 25px;
    }
    .gallery-img li span {
        margin-bottom: -25px !important;
    }
    .jobs-right-col {
    margin: 0 auto;
    float: none;
        width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    max-height: none;
    overflow: inherit;
}
}

@media screen and (max-width: 960px) {
    footer .grid2 .col {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        margin-bottom: 20px !important;
    }
    .footer-logos {
        text-align: center;
    }
}