/*Theme Name: The ChameleonTheme URI: http://www.ChameleonThemes.netDescription: Chameleon is advanced HTML5 WordPress theme with large number of options for  organizing content and large number of responsive designs. You have available six page templates fullwidth, left sidebar, right sidebar, double sidebars, double left sidebars and double right sidebars. Page builder that gives the possibility to insert your widgets in 2, 3, 4, 5 or 6 columns makes this theme a powerful tool for organizing content. Each of these categories can be organized into six page template + posts review in 2, 3, 4, 5 or 6 columns that supports all formats post with featured video and audio options. You can create an unlimited number of sidebars and invite them to any of the sites or categories and insert into them the widgets for page builder. Chameleon themes can change the complete design with an activation of the skins, which can be downloaded on our website. Theme options and Customize options are included in the theme. More about Chameleon see on our site goo.gl/drGsAr. Enjoy in benefits of our theme.Author:  Goran Petrovi? Author URI: http://www.godev.rsVersion: 3.0.5License: GNU General Public LicenseLicense URI: license.txtTags: custom-background, editor-style, custom-header, custom-menu, one-column, two-columns ,three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, featured-images, full-width-template, post-formats, theme-options, flexible-header, microformats, fluid-layoutThe Chameleon WordPress Theme, Copyright 2015 Goran Petrovi?The Chameleon is distributed under the terms of the GNU GPL*/

@import "fonts/fonts.css";
@import "css/helpers.css";
@import "css/columns.css";
@import "css/layouts.css";
@import "css/menu.css";

/* = Body, p-------------------------------------------------------------- */

body,
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 120%;
    letter-spacing: normal;
    font-weight: normal;
    text-align: left;
    min-height: 100%;
}
/* = link-------------------------------------------------------------- */

a,
a:active,
a:link,
a:visited,
a:focus,
a:hover {
    outline: 0;
    -webkit-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
}
/* = abbr, acronym-------------------------------------------------------------- */

abbr,
acronym {
    cursor: help;
}
/* = sup, sub -------------------------------------------------------------- */

sup,
sub {
    height: 0px;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    font-size: 0.7em;
}
sub {
    top: 0.5ex;
}
sup {
    bottom: 1ex;
}
/* = code, pre-------------------------------------------------------------- */

code {
    font-family: "Courier New", Courier, 'Monaco', "Lucida Console", monospace;
    overflow-x: auto;
    overflow-y: auto;
}
code {
    padding: 10px;
    margin: 5px 0px 5px 0px;
    display: block;
}
pre {
    overflow: auto;
}
/* = dl-------------------------------------------------------------- */

dl {} dt {
    margin-bottom: 10px;
}
dd {
    margin: 0 0 10px 0;
    padding-left: 5%;
}
/* = Table-------------------------------------------------------------- */

table {
    width: 100%;
    text-align: center;
}
table th:first-child,
table td:first-child {
    border-left: 0px !important;
}
table th:last-child,
table td:last-child {
    border-right: 0px !important;
}
table tr:last-child td {
    border-bottom: 0px !important;
}
/* = Media format-------------------------------------------------------------- */

img,
/* embed,
iframe,
video, */
object,
audio,
figure img,
/* figure embed,
figure iframe,
figure video, */
figure object,
figure audio,
figure {
    max-width: 100% !important;
    height: auto;
}
.attachment-full,
.wp-post-image {
    max-width: 100% !important;
    height: auto;
}
/* =  Forms -------------------------------------------------------------- */

input:required,
textarea:required {
    border-color: red !important;
    /*this is required filed and he is important to be red*/
}
input:required + label {
    color: red;
}
form {
    max-width: 100%;
    margin: 0 auto;
}
form div {}label {
    display: block;
}
input + label {
    display: inline-block;
    margin-right: 10px;
}
input:not([type=submit]):not([type=file]),
textarea {
    border: 1px solid #999;
    padding: 5px;
    max-width: 100%;
}
input[type='submit'],
input[type='button'] {
    padding: 5px;
    cursor: pointer;
}
select {
    max-width: 100%;
}
/* = blockquote. ul, li -------------------------------------------------------------- */

blockquote,
.page-content ul,
.page-content ol,
.post-content ul,
.post-content ol,
.widget_text ul,
.widget_text ol,
li.comment ul,
li.comment ol {
    margin-left: 5%;
    list-style-position: outside;
}
.page-content li,
.post-content ul li,
.widget_text ul li,
li.comment ul li {
    list-style-type: square;
}
.page-content:not(.widget) ol li,
.post-content:not(.widget) ol li,
.widget_text ol li,
li.comment ol li {
    list-style-type: decimal;
}
.page-content ol ol,
.post-content ol ol,
.widget_text ol ol,
li.comment ol ol {
    list-style-type: lower-alpha;
}
/* = Container - site width -------------------------------------------------------------- */

.container {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
/* = Upper -------------------------------------------------------------- */

.upper .widget .widget-header {
    display: none !important;
}
/*remove title form widgets in upper*/

/* = Header -------------------------------------------------------------- */

.header .widget .widget-header {
    display: none !important;
}
/*remove title form widgets in header*/

/* = Logo reset all css -------------------------------------------------------------- */

img.logo,
img.logo:hover,
a img.logo,
a:hover img.logo {
    border: 0px !important;
    /*remove borders*/
    background: none !important;
    /*remove background*/
    padding: 0 !important;
    /*remove paddings*/
    margin: 0 !important;
    /*remove margins*/
    -moz-box-shadow: 0px 0px 0px #fff !important;
    /*remove box-shadow*/
    -webkit-box-shadow: 0px 0px 0px #fff !important;
    /*remove box-shadow*/
    box-shadow: 0px 0px 0px #fff !important;
    /*remove box-shadow*/
}
/* = Top -------------------------------------------------------------- */

.top section.widget header.widget-header {
    display: none;
}
/*remove title form widgets in top*/

/* = Main -------------------------------------------------------------- */

.main {}
/* = Main Content-------------------------------------------------------------- */

.main-content {}
/* = Main Content Loop-------------------------------------------------------------- */

.main-content-loop {}
/* = Main Content Post-------------------------------------------------------------- */

.main-content-post {}
/* = Main Content Page-------------------------------------------------------------- */

.main-content-page {}
/* = Sidebar -------------------------------------------------------------- */

aside {}
/* = Sidebar -------------------------------------------------------------- */

.sidebar {}
/* = Sidebar secound-------------------------------------------------------------- */

.sidebar-two {}
/* = Copyright -------------------------------------------------------------- */

.copyright .widget .widget-header {
    display: none !important;
}
/* = Widgets rss-------------------------------------------------------------- */

.widget-header img {
    vertical-align: middle;
}
.widget .rss-date {
    display: block;
    font-size: 85%;
}
.widget-header,
.widget-content {
    float: left;
    width: 100%;
}
/* = Widget Advanced Recent Posts-------------------------------------------------------------- */

.widget_advanced_recent_posts .widget-header {
    display: none;
}
.widget_advanced_recent_posts,
.widget_advanced_recent_posts .widget-content {
    /*remove all style from widget_advanced_recent_posts*/
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
}
.widget_advanced_recent_posts .post-header {
    padding: 5px 10px 5px 10px !important;
}
/* = Widget Nav Menu -------------------------------------------------------------- */

.sidebar .widget_nav_menu {}.sidebar .widget_nav_menu ul.menu {} .page-content-widgets .widget_nav_menu ul.menu a,
.sidebar .widget_nav_menu ul.menu a,
.bottom .widget_nav_menu ul.menu a,
.footer .widget_nav_menu ul.menu a {
    display: block;
}
.page-content-widgets .widget_nav_menu ul.menu li.current-menu-item ul,
.page-content-widgets .widget_nav_menu ul.menu li.current-menu-parent ul,
.sidebar .widget_nav_menu ul.menu li.current-menu-item ul,
.sidebar .widget_nav_menu ul.menu li.current-menu-parent ul,
.bottom .widget_nav_menu ul.menu li.current-menu-item ul,
.bottom .widget_nav_menu ul.menu li.current-menu-parent ul,
.footer .widget_nav_menu ul.menu li.current-menu-item ul,
.footer .widget_nav_menu ul.menu li.current-menu-parent ul {
    visibility: visible;
    display: block;
}
.page-content-widgets .widget_nav_menu ul.menu li ul,
.sidebar .widget_nav_menu ul.menu li ul,
.bottom .widget_nav_menu ul.menu li ul,
.footer .widget_nav_menu ul.menu li ul {
    visibility: hidden;
    display: none;
}
/* = Widget Socila Networks -------------------------------------------------------------- */

.widget_social_networks i.fa {
    padding: 0px 2px 0px 2px;
}
/* = Widgets Search    -------------------------------------------------------------- */

.widget_search input[type="text"],
#searchform input[type="text"] {
    text-align: left !important;
    /*return text on left side in upper, header and top left block*/
}
.widget_search input[type="submit"],
label.screen-reader-text {
    display: none;
}
/* = Widget Elements, Widget Slider-------------------------------------------------------------- */

.widget_elements .widget-title,
.widget_slider .widget-title {
    display: none !important;
    /*remove title from elements and slider widgets*/
}
/* = Comments -------------------------------------------------------------- */

ol.commentlist li.comment {
    float: left;
    width: 100%;
    min-height: 85px;
    background-color: #fff;
    list-style-type: none;
    padding: 10px;
}
ol.commentlist li.comment:nth-child(2n+2) {
    background-color: #fcfcfc;
}
.comment-author img.avatar {
    float: left;
    margin-right: 10px;
}
a.comment-reply-link {
    float: right;
}
.form-allowed-tags code {
    font-size: 10px;
    line-height: 14px;
}
/* = Colone 100% -------------------------------------------------------------- */

.col100 {
    float: left;
    width: 100%;
}
/* = WordPress Core-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    text-align: center;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 0px 0 5px 10px;
}
.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}
a img.alignnone,
img.alignnone {
    margin: 5px 10px 10px 0;
}
a img.aligncenter,
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img.alignleft,
img.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}
a img.alignright,
img.alignright {
    float: right;
    margin: 5px 0 10px 10px;
}
/* = WP Caption-------------------------------------------------------------- */

.wp-caption {
    max-width: 100%;
    /* Image does not overflow the content area */
    padding: 5px 5px 10px;
    text-align: center;
}
.wp-caption p {
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img,
.wp-caption iframe,
.wp-caption embed {
    border: 0 none;
    height: auto;
    margin: 5px 0px 5px 0px;
    max-width: 100% !important;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 3px 4px 5px;
}
dl.gallery-item {
    padding: 0px;
    border: 0px solid red;
}
dt.gallery-item {
    margin: 0px;
}
dd.wp-caption {
    margin: 5px;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
.gallery-caption {}.bypostauthor {}
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/* =  MESSAGES -------------------------------------------------------------- */

.message {
    font-family: Verdana, sans-serif;
    width: 100%;
    padding: 7px 10px 7px 55px;
    margin: 5px 0px 5px 0px;
    color: #3d3333;
    font-size: 11px;
    line-height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.message h6 {
    margin: 0px;
}
.message .inner {
    background-position: -10px -10px;
    background-repeat: no-repeat;
    margin-bottom: -9px;
    padding-bottom: 9px;
}
.message.error {
    border: #d99d9d 1px solid;
    background: #FFe5e5 url(css/img/error.png) no-repeat left center;
}
.message.success {
    border: #9bdea8 1px solid;
    background: #e9ffe5 url(css/img/success.png) no-repeat left center;
}
.message.notice {
    border: #e8e657 1px solid;
    background: #FFFee5 url(css/img/notice.png) no-repeat left center;
}
.message.info {
    border: #aacdde 1px solid;
    background: #d2ebf6 url(css/img/info.png) no-repeat left center;
}