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



    Theme Name: Baena

    Text Domain: baena

    Version: 1.0.7

    Description: Baena is a feature-packed WordPress creative theme that gives you full control over the fonts and colors on your site. Built from scratch with the new Block Editor in mind, it makes it easy to create attractive layouts on both posts and pages. This flexibility makes Baena suitable for almost any type of website. The fonts and colors in the theme can be easily modified within the Customizer, allowing you to create a unique look for your website.

    Tags: blog, portfolio, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, full-width-template

    Author: Berni Bernal

    Author URI: https://www.bernibernal.com/

    Theme URI: 

    License: GNU General Public License version 2.0

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

    Requires PHP: 5.4

    Tested up to: 5.4.1

    

    This theme is licensed under the GPL.

    All files, unless otherwise stated, are released under the GNU General Public License

    version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

    

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



    0.  CSS Reset

    1.  Document Setup

    2.  Element Base

    3.  Helper Classes

    4.  Site Header

    5.  Menu Modal

    6.  Search Modal

    7.  Page Templates

        a.  Template: Cover Template

        b.  Template: Only Content

        c.  Template: Full Width

        d.  Template: Full Width with Only Content

    8. Post: Archive

    9. Post: Single

    10. Blocks

    11. Entry Content

    12. Comments

    13. Site Pagination

    14. Error 404

    15. WooCommerce

    16. Widgets

    17. Site Footer

    18. Media Queries



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





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

/*  0. CSS Reset

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





.rtl {}

.home {}

.blog {}

.archive {}

.date {}

.search {}

.paged {}

.attachment {}

.error404 {}

.single postid-(id) {}

.attachmentid-(id) {}

.attachment-(mime-type) {}

.author {}

.author-(user_nicename) {}

.category {}

.category-(slug) {}

.tag {}

.tag-(slug) {}

.page-parent {}

.page-child parent-pageid-(id) {}

.page-template page-template-(template file name) {}

.search-results {}

.search-no-results {}

.logged-in {}

.paged-(page number) {}

.single-paged-(page number) {}

.page-paged-(page number) {}

.category-paged-(page number) {}

.tag-paged-(page number) {}

.date-paged-(page number) {}

.author-paged-(page number) {}

.search-paged-(page number) {}



.post-id {}

.post {}

.page {}

.attachment {}

.sticky {}

.hentry {}

.category-misc {}

.category-example {}

.tag-news {}

.tag-wordpress {}

.tag-markup {}

.format-image {}

.format-gallery {}

.format-chat {}

.format-link {}

.format-quote {}

.format-status {}

.format-video {}



.post-id {}

.post {}

.page {}

.attachment {}

.sticky {}

.hentry {}

.category-misc {}

.category-example {}

.tag-news {}

.tag-wordpress {}

.tag-markup {}

.format-image {}

.format-gallery {}

.format-chat {}

.format-link {}

.format-quote {}

.format-status {}

.format-video {}



.current_page_item{} // Class for Current Page

.current-cat{} // Class for Current Category

.current-menu-item{} // Class for any other current Menu Item

.menu-item-type-taxonomy{} // Class for a Category

.menu-item-type-post_type{} // Class for Pages

.menu-item-type-custom{} // Class for any custom item that you added

.menu-item-home{} // Class for the Home Link



.entry-content img {}

.alignleft, img.alignleft {}

.alignright, img.alignright {}

.aligncenter, img.aligncenter {}

.alignnone, img.alignnone {}

.wp-caption {}

.wp-caption img {}

.wp-caption p.wp-caption-text {}

.wp-smiley {}

blockquote.left {}

blockquote.right {}

.gallery dl {}

.gallery dt {}

.gallery dd {}

.gallery dl a {}

.gallery dl img {}

.gallery-caption {}

.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}



.widget {}

#searchform {}

.widget_search {}

.screen-reader-text {}

.widget_meta {}

.widget_meta ul {}

.widget_meta ul li {}

.widget_meta ul li a {}

.widget_links {}

.widget_links ul {}

.widget_links ul li {}

.widget_links ul li a {}

.widget_archive {}

.widget_archive ul {}

.widget_archive ul li {} 

.widget_archive ul li a {}

.widget_archive select {}

.widget_archive option {}

.widget_pages {}

.widget_pages ul {}

.widget_pages ul li {}

.widget_pages ul li a {}

.widget_links {}

.widget_links li:after {}

.widget_links li:before {}

.widget_tag_cloud {}

.widget_tag_cloud a {}

.widget_tag_cloud a:after {}

.widget_tag_cloud a:before {}

.widget_calendar {}

#calendar_wrap {}

#calendar_wrap th {}

#calendar_wrap td {}

#wp-calendar tr td {}

#wp-calendar caption {}

#wp-calendar a {}

#wp-calendar #today {}

#wp-calendar #prev {}

#wp-calendar #next {}

#wp-calendar #next a {}

#wp-calendar #prev a {}

.widget_categories {}

.widget_categories ul {}

.widget_categories ul li {} 

.widget_categories ul ul.children {}

.widget_categories a {}

.widget_categories select{}

.widget_categories select#cat {}

.widget_categories select.postform {}

.widget_categories option {}

.widget_categories .level-0 {}

.widget_categories .level-1 {}

.widget_categories .level-2 {}

.widget_categories .level-3 {}

.recentcomments {}

#recentcomments {}

#recentcomments li {}

#recentcomments li a {}

.widget_recent_comments {}

.widget_recent_entries {}

.widget_recent_entries ul {}

.widget_recent_entries ul li {}

.widget_recent_entries ul li a {}

.textwidget {}

.widget_text {}

.textwidget p {}

.widget_pages ul, .widget_archive ul {}



.commentlist .reply {}

.commentlist .reply a {}

.commentlist .alt {}

.commentlist .odd {}

.commentlist .even {}

.commentlist .thread-alt {}

.commentlist .thread-odd {}

.commentlist .thread-even {}

.commentlist li ul.children .alt {}

.commentlist li ul.children .odd {}

.commentlist li ul.children .even {}

.commentlist .vcard {}

.commentlist .vcard cite.fn {}

.commentlist .vcard span.says {}

.commentlist .vcard img.photo {}

.commentlist .vcard img.avatar {}

.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {} 

.commentlist .comment-meta a {}

.commentlist .commentmetadata {}

.commentlist .commentmetadata a {}

.commentlist .parent {}

.commentlist .comment {}

.commentlist .children {}

.commentlist .pingback {}

.commentlist .bypostauthor {}

.commentlist .comment-author {}

.commentlist .comment-author-admin {}

.commentlist {}

.commentlist li {}

.commentlist li p {}

.commentlist li ul {}

.commentlist li ul.children li {}

.commentlist li ul.children li.alt {}

.commentlist li ul.children li.byuser {}

.commentlist li ul.children li.comment {}

.commentlist li ul.children li.depth-{id} {}

.commentlist li ul.children li.bypostauthor {}

.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}

#cancel-comment-reply a {}



#respond { } 

#reply-title { } 

#cancel-comment-reply-link { }

#commentform { } 

#author { } 

#email { } 

#url { } 

#comment 

#submit

.comment-notes { } 

.required { }

.comment-form-author { }

.comment-form-email { } 

.comment-form-url { }

.comment-form-comment { } 

.form-allowed-tags { } 

.form-submit



.size-auto, 

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

    max-width: 100%;

    height: auto;

}



.right-sidebar{}





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

/*  1. Document Setup

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

*{

    margin:0;

    padding: 0;

    list-style: none;

    text-decoration: none;

    box-sizing:border-box;

}

img, embed, object, video{max-width: 100%; display: block;height: auto;}





.grid{

	max-width: 980px;

	margin:0 auto;

}

.main{padding-top:0px;overflow:hidden;}



.esection {padding: 20px;}

.father-col{margin: 0 -10px;}

.father-col > * > * { padding:0px 10px;}



.col-70{

	float: left;

	width: 70%;

}

.col-30{

	float: left;

	width: 30%;

}

.col-50{

    float: left;

    width: 50%;

}



.col-33 div h1{min-height: 90px;}



.col-33,

footer .widget{

	float: left;

	width: 33.3%;

}



body{

    font-family: 'Quicksand', sans-serif;

}



header{background-color: #ccc}

footer{background-color: #cddc39}



a{color:black;}

a:hover{text-decoration: underline;}



/* Copy Cookies ------------------------ */

div#copyright {text-align: center;}



/* Skip Link --------------------------------- */



.skip-link {

    position: absolute;

    left: -9999rem;

    top: 2.5rem;

    z-index: 999999999;

}



.skip-link:focus {

    left: 2.5rem;

    text-decoration: none;



    background: #007C89;

    border: none;

    border-radius: .3rem;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: .8888em;

    font-weight: 600;

    line-height: 1;

    margin: 0;

    padding: 1.175em 1.75em;

    text-align: center;

    text-decoration: none;

    transition: opacity .15s linear;

}



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

/*  2. Element Base

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



/*Slides JS-----------------------------------*/

#slides{position:relative;}

.thumb{background-color: rgba(205, 220, 57, 0.5);}

.slidesjs-pagination{font-size: 0}



.slidesjs-navigation {

    position: absolute;

    top: 50%;

    z-index: 100;

    margin-top: -66px;

    transform: translate(-50%, -50%);

    z-index: 100;

}

.slidesjs-previous {

    left: 20px;

    font-size: 0;

}

.slidesjs-next {

    right: -20px;

    font-size: 0;

}



/*Arrow CSS*/

.slidesjs-next:before{

    content: "";

    display: block;

    width: 0px;

    height: 0px;

    

    border-right: 25px solid transparent;

    border-top: 25px solid transparent;

    border-bottom: 25px solid transparent;

    border-left: 25px solid #cddc39;

}

.slidesjs-previous{

  color: #cddc39;

  width: 30px;

  height: 5px;

  background-color: currentColor;

}

.slidesjs-previous:before  {

  content: '';

  position: absolute;

  left: 1px;

  top: -5px;

  width: 10px;

  height: 10px;

  border-top: solid 5px currentColor;

  border-right: solid 5px currentColor;

  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

/*End Slides JS*/


/*Arrow from TOP---------------------------------*/

.goup{

    position: fixed;

    bottom: 42px;

    right: 127px;

}

.arrow-up.icon {

    color: #000;

    position: absolute;

    margin-left: 10px;

    margin-top: 3px;

    width: 1px;

    height: 16px;

    background-color: currentColor;

}

.arrow-up.icon:before {

    content: '';

    position: absolute;

    left: -5px;

    top: 1px;

    width: 10px;

    height: 10px;

    border-top: solid 1px currentColor;

    border-right: solid 1px currentColor;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

/*End Arrow from TOP*/



/*Accessibility*/

input[type="text"]:focus,

input[type="email"]:focus,

textarea:focus,

button:focus, nav:focus {

  outline: -webkit-focus-ring-color auto 1px;

}

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

/*  4.  Site Header

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


/* Primary Menu ---------------------------- */

.primary-menu-wrapper {display: none;}

.primary-menu li {display: inline-block;}

.primary-menu a {display: block;}


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

/*  5. Menu Modal

/* -------------------------------------------------------------------------- */
button.toggle.nav-toggle.mobile-nav-toggle {
    font-size: 20px;
    cursor: pointer;
    background-color: #cddc39;
    color: white;
    padding: 10px 15px;
    border: none;
}

.menu-modal {
  background: #cddc39;
  display: none;
  opacity: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  bottom: 0;
  left: -99999rem;
  right: 99999rem;
  top: 0;
  transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
  z-index: 999;
}

.menu-modal.show-modal {display: flex;}

.menu-modal.active {
  left: 0;
  opacity: 1;
  right: 0;
  transition: opacity 0.25s ease-out;
}

button.close-nav-toggle {
  align-items: center;
  padding: 20px;
  width: 100%;
  background-color: #d1d889;
  border:none;
}

/* Main Menu --------------------------------- */
.modal-menu {
  position: relative;
  left: calc(50% - 50vw);
  width: 100vw;
}

.modal-menu li {
  border-color: #dedfdf;
  border-style: solid;
  border-width: 0.1rem 0 0 0;
  line-height: 1;
  margin: 0;
}

.modal-menu > li:last-child {border-bottom-width: 0.1rem;}

.modal-menu a {
  display: block;
  padding: 30px;
  text-decoration: none;
  width: 100%;
}

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {text-decoration: underline;}

/* Main menu animation ----------------------- */
.menu-wrapper .menu-item {position: relative;}

.menu-wrapper .active {display: block;}

.menu-wrapper.is-toggling {pointer-events: none;}

.menu-wrapper.is-toggling .menu-item {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
}

.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {width: auto;}

.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {transition-duration: 250ms;}

.menu-wrapper.is-animating .menu-item {transition-property: transform;}

.menu-wrapper.is-toggling .toggling-target {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

.menu-wrapper.is-toggling .toggling-target.active {opacity: 0;}

.menu-wrapper.is-animating.is-toggling .toggling-target {
  display: block;
  transition-property: opacity;
  opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target.active {opacity: 1;}

.menu-wrapper.is-toggling .modal-menu > li:last-child li {
  border-top-color: transparent;
  border-bottom-width: 0.1rem;
}

@media (prefers-reduced-motion: reduce) {

  .menu-wrapper.is-animating .menu-item,

  .menu-wrapper.is-animating .toggling-target {
    transition-duration: 1ms !important;
  }
}

/* Expanded Menu ----------------------------- */
.expanded-menu {display: none;}
.mobile-menu {display: block;}

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

/*  13. Pagination

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

.pager{margin-top:20px;}


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

/*  18. Media Queries

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

@media ( min-width: 768px ) {
  .primary-menu-wrapper {display: block;}

  .mobile-search-toggle,
  .mobile-nav-toggle {display: none}
}

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

/* Whidth--------------------------- */

    .col-30,.col-70 {width: 100%;}

    .mena-bar{right: 60px;}

    .col-33, footer .widget{width: 100%;}


}