/*
Theme Name: Belleza 
Theme URI: https://wordpresstheme.multipurposethemes.com/
Description: Responsive Multipurpose Wordpress Theme
Author: Multipurposethemes
Author URI: http://www.multipurposethemes.com
Version: 7.0.0
Requires at least: 5.0.0
Tested up to: 5.8.3
Tested on PHP: 7.2.0
License: Multipurposethemes
License URI: http://www.multipurposethemes.com
Text Domain: belleza
Tags: editor-style, theme-options, custom-colors
*/

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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

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

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

# Normalize

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



html {} body {

    margin: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

    display: block;

}

audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}

audio:not([controls]) {

    display: none;

    height: 0;

}

[hidden],

template {

    display: none;

}

a {

    background-color: transparent;

}

a:active,

a:hover {

    outline: 0;

}

abbr[title] {

    border-bottom: 1px dotted;

}

b,

strong {

    font-weight: bold;

}

dfn {

    font-style: italic;

}

mark {

    background: #ff0;

    color: #000;

}

small {

    font-size: 80%;

}

sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}

sup {

    top: -0.5em;

}

sub {

    bottom: -0.25em;

}

img {

    border: 0;

}

svg:not(:root) {

    overflow: hidden;

}

figure {

    margin: 1em 40px;

}

hr {

    box-sizing: content-box;

    height: 0;

}

pre {

    overflow: auto;

}

code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

    color: inherit;

    font: inherit;

    margin: 0;

}

button {

    overflow: visible;

}

button,

select {

    text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}

button[disabled],

html input[disabled] {

    cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}

input {

    line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}

legend {

    border: 0;

    padding: 0;

}

textarea {

    overflow: auto;

}

optgroup {

    font-weight: bold;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

td,

th {

    padding: 0;

}

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

# Elements

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



html {

    box-sizing: border-box;

}

*,

*:before,

*:after {

    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

    

    box-sizing: inherit;

}

body {

    background: #fff;

    /* Fallback for when there is no custom background color defined. */

}

blockquote:before,

blockquote:after,

q:before,

q:after {

    content: "";

}

blockquote,

q {

    quotes: "" "";

}

hr {

    background-color: #ccc;

    border: 0;

    height: 1px;

    margin-bottom: 1.5em;

}

ul,

ol {

    margin: 0;

}

ul {

    list-style: disc;

}

ol {

    list-style: decimal;

}

li > ul,

li > ol {

    margin-bottom: 0;

    margin-left: 1.5em;

}

dt {

    font-weight: bold;

}

dd {

    margin: 0 1.5em 1.5em;

}

img {

    height: auto;

    /* Make sure images are scaled correctly. */

    

    max-width: 100%;

    /* Adhere to container width. */

}

figure {

    margin: 1em 0;

    /* Extra wide images within figure tags don't overflow the content area. */

}

table {

    margin: 0 0 1.5em;

    width: 100%;

}

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

## Menus

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

/*.navbar-nav li

{

    float: left;

    list-style: none;

}

.navbar-nav a {

    color: #000;

    text-transform: uppercase;

    padding: 25px;

}

.navbar-nav a:hover{text-decoration:none;}

#mainNav.affix .navbar-nav a{color:#222222;}

.main-navigation {

    clear: both;

    display: block;

    float: left;

    width: 100%;

}

.main-navigation ul {

    display: none;

    list-style: none;

    margin: 0;

    padding-left: 0;

}

.main-navigation li {

    float: left;

    position: relative;

}

.main-navigation a {

    display: block;

    text-decoration: none;

}

.main-navigation ul ul {

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

    float: left;

    position: absolute;

    top: 1.5em;

    left: -999em;

    z-index: 99999;

}

.main-navigation ul ul ul {

    left: -999em;

    top: 0;

}

.main-navigation ul ul a {

  /*  width: 200px;

}

.main-navigation ul ul li {} .main-navigation li:hover > a,

.main-navigation li.focus > a {} .main-navigation ul ul:hover > a,

.main-navigation ul ul .focus > a {} .main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {} .main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

    left: 20px;

    right: auto;

}

.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

    left: 100%;

}

.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a,

.main-navigation .current-menu-ancestor > a {}

/* Small menu. 



.menu-toggle,

.main-navigation.toggled ul {

    display: block;

}

@media screen and (max-width: 991px) {

    .navbar-nav{

        margin-top:0px;

    }

    .navbar-nav ul

    {

        margin:0px;

        padding:0px;

    }

    .navbar-nav li{

        text-align: center;

        float: none;

    }

    .navbar-nav a{

        line-height:40px;

    }

    #mainNav.affix .navbar-nav a{color:#222222;}



}

@media screen and (min-width: 37.5em) {

    .menu-toggle {

        display: none;

    }

    .main-navigation ul {

        display: block;

    }

}*/

.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

    margin: 0 0 1.5em;

    overflow: hidden;

}

.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

    float: left;

    width: 50%;

}

.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

    float: right;

    text-align: right;

    width: 50%;

}

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

# Accessibility

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

/* Text meant only for screen readers. */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

    height: 1px;

    width: 1px;

    overflow: hidden;

    word-wrap: normal !important;

    /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.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. */

}

/* Do not show the outline on the skip link target. */



#content[tabindex="-1"]:focus {

    outline: 0;

}

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

# Alignments

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



.alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em;

}

.alignright {

    display: inline;

    float: right;

    margin-left: 1.5em;

}

.aligncenter {

    clear: both;

    display: block;

    margin-left: auto;

    margin-right: 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 {

    content: "";

    display: table;

    table-layout: fixed;

}

.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;

}*/

/* Make sure select elements fit in widgets. */



.widget select {

    max-width: 100%;

}

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

# Content

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

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

## Posts and pages

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



.sticky {

    display: block;

}

.hentry {

    margin: 0 0 0;

}

.byline,

.updated:not(.published) {

    display: none;

}

.single .byline,

.group-blog .byline {

    display: inline;

}

.page-content,

.entry-content,

.entry-summary {

    margin: 1.5em 0 0;

}

.page-links {

    clear: both;

    margin: 0 0 1.5em;

}

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

## Comments

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



.comment-content a {

    word-wrap: break-word;

}

.bypostauthor {

    display: block;

}

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

# Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */



.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */



.infinite-scroll.neverending .site-footer {

    /* Theme Footer (when set to scrolling) */

    

    display: none;

}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */



.infinity-end.neverending .site-footer {

    display: block;

}

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

# Media

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



.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0;

}

/* Make sure embeds and iframes fit their containers. */



embed,

iframe,

object {

    max-width: 100%;

}

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

## Captions

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



.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.wp-caption .wp-caption-text {

    margin: 0.8075em 0;

}

.wp-caption-text {

    text-align: center;

}

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

## Galleries

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



.gallery {

    margin-bottom: 1.5em;

}

.gallery-item {

    display: inline-block;

    text-align: center;

    vertical-align: top;

    width: 100%;

}

.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%;

}

.gallery-caption {

    display: block;

}

/*** New CSS ***/ 

.site-logo-center a {
    margin: 0px auto !important;
    display: table;
}

.site-menu-center .navbar-collapse.collapse {
    margin: 0px auto !important;
    display: table !important;
    padding: 10px 0px!important;
}

#topbar p{
    margin-bottom: 0px !important;
}