/*
Theme Name: MyOwnTheme
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myowntheme
Tags: 
*/


/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */



body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */


.wp-element-caption {
    font-size:13px;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
    padding: 0.25em 1.375em;
}



a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-navigation__responsive-close {
    padding-right:9px;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}


.wp-block-image.vertical-aligmiddle img {
  vertical-align: middle; }

.wp-block-image.vertical-aligntop img {
  vertical-align: top; }

.wp-block-image.vertical-alignbottom img {
  vertical-align: bottom; }


/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
	margin-bottom: 1rem;
}



/*** Animaciones y transformaciones estilos **/

.has-shadow-dark, .has-no-hover-shadow-dark {
    box-shadow: 0 6px 30px 7px #2125471a;
    transition: 0.5s;
}

.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0; }
 
 @-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
    
    
.animated-fadeInUp  {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
  
  
  
  /* Responsive menus */
.wp-block-navigation .wp-block-navigation__responsive-container-open {
    padding: 5px;
    border: 1px solid #9292923b;
    position:absolute;
}
  
/*.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container
{
    padding: 4px;
    min-width: 250px;
}*/

.content-site {
   
   padding: 10px 10px 10px 10px;
}

.wp-block-site-title {
        font-size: 1.7vw;
}

@media screen and (max-width: 1200px) {
.wp-block-site-title {
        font-size: 1.8vw;
    }

}


@media screen and (max-width: 1090px) {
    .wp-block-site-title {
        font-size: 18px;
    }

}
  

@media screen and (min-width: 910px) {
}


@media screen and (min-width: 1091px) {

    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
        padding: 4px;
        min-width: 250px;
        
    }


}
.site-header {  
  box-shadow: 0px 12px 20px 0px #02020259; 
}

/* font awesome */


.awesomeicontext {
    margin-left:-16px !important;
}

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

   .content-site {
       
       padding: 0px 9px 0px 9px;
   }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        width: 0;
    }
    
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none; }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block; }
  /*body .wp-block-navigation {
    display: flex;
    flex-wrap: nowrap; } */
    
    .wp-block-navigation .wp-block-navigation__responsive-container {
        width:0px;
        left:auto;
        box-shadow: -11px 0px 60px 0px #02020259;
        background-color: inherit;
        display: block;
        z-index: auto;
        right:-300px;
        padding-right: 7px;
    }


    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item   {
        width:100%;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a  {
        /* padding: 0; */
        width: 93%;
        border-bottom: 1px solid #9292923b;
        /*padding: 7px 50px 7px 20px;*/
        padding 0px 7px 0px 0px;
       
      }  
    
    .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
      width: 250px;
      transition:0.6s;
      right:0px;
      
    }
    
    .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
        padding: 20px;
    }

        

}