/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/x-child/fonts/lato-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/x-child/fonts/lato-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/x-child/fonts/lato-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/x-child/fonts/lato-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/x-child/fonts/lato-v11-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}



/* Extra */
a.entry-thumb:hover img{
    opacity:1 !important;
}
a.entry-thumb:hover:before{
    opacity:0 !important;
}
#breadcrumbs{
font-size: 12px;
color:#888888;
text-transform: uppercase;
}
#breadcrumbs a{
color:#888888;
}
.counter-hierarchy{
  width:100%;
  padding:20px;
  border:none;
}
.entry-featured.featured-image {
    display: block !important;
}
.entry-wrap-post {
    padding-top: 40px;
}
.ez-toc-title{
color:#65a28e; 
font-size: 18px;
font-weight: bold;
}

#ez-toc-container a{
  color:#888888;
  font-size: 15px;
}

.landing-banner-fixed {
    position: fixed;
    top: 155px;
    max-width: 304px;
}

.x-scroll-top {
    bottom: 210px;
}



/* Navigation*/
.wp-post-navigation-next {
    border-top: 1px solid;
    padding-top: 10px;
}
.x-nav-articles a, .comment-css .comment-reply-title, .comment-css .h-comments-title, .comment-css .comment-reply-link, .comment-css .comment-edit-link{
 color:#65a28e;
}
.x-nav-articles a {
    font-size: 22px;
}
.x-nav-articles {
    float: none;
    width: 100%;
    border-top: 1px solid;
    padding-top: 10px;
}
.x-nav-articles .prev{
    float: left;
}
.x-nav-articles .next{
    float: right;
}
.x-pagination-wrap span.current {
  margin-top: 1000px;
  background-color: #65a28e !important;
}
.x-pagination li span.current {
    background-color: #65a28e;
    box-shadow:none;

}



/* Sidebar */
.sidebar-css h4{
  color:#888888;
}
.sidebar-css .searchable-query{
  padding:25px;
  width: calc(100% - 50px);
  display: inline-block;

}
.sidebar-css input{
  border:none;
  background-color: #ffffff;
}
.sidebar-css .widget ul, .sidebar-css .widget ol{
  border-radius:0px !important;
}
.sidebar-css .widget .widget_categories{
  text-decoration:none;
}
#sidebar-image{
  width:100%;
  margin-top:50px;
}
#sidebar-image img {
    width: 100%;
}
.sidebar-css ul {
  border:none;
  background-color:#ffffff;
  list-style-type:square; 
  color: #65a28e; 
}
.sidebar-css .form-search:before, .sidebar-css .widget_product_search form:before {
    content:" " !important;
}
.submit-search:before{
  content: "\f002";

}
.submit-search {

    position: absolute !important;
    bottom: auto;
    left: auto;
    right: 0px !important;
    padding: 14px !important;
    width: 50px !important;
    height: 50px !important;
    display: block;
    background-color: #65a28e !important;
    margin-bottom: -6px;
    font-size: 24px;
    line-height: 1;
    text-decoration: inherit;
    text-shadow: none;
    color: #fff;
    font-family: "FontAwesome" !important;
    font-style: normal !important
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: none !important;
    display: inline-block;
border-radius: 0px !important;
box-sizing: border-box;
}
.widget .sidebar-css ul li a:hover{
   color:#65a28e;
}
.widget a:before {
    font-size: 20px;
}
.x-sidebar .widget ul li a {
    font-size: 16px;
}
.x-sidebar .widget ul li a:hover {
    color: #65a28e;
}



/* Content */
.entry-header{
   margin-top: 20px;
}
.main-left-wrap {
  display: flex;
  flex-wrap: wrap;
}
.main-left-wrap article {
  display: flex;
  flex-basis: 47%;
  margin-bottom: 30px;
}
.main-left-wrap article:nth-child(odd) {
  margin-left: 5%;
}
.main-left-wrap .hentry{
  margin-top:0px;
}
.main-left-wrap h2 a{
 color:#65a28e;
}
.main-left-wrap h2 a:hover {
    color:#4a7a6a;
}
.main-left-wrap p{
  color:#000000;
}
.main-left-wrap .entry-content div{
 text-align: center;
}
.main-left-wrap .entry-content div a{
color:black;
}
.main-left-wrap  .entry-wrap{
  padding:30px;
}
.x-main.left p{
  color: #555;
  font-size: 16px;
}
.x-main.left ul, .x-sidebar ul{
  color: #65a28e;
  font-size: 16px;
}
.x-main.left blockquote {
    background: #65a28e;
    padding: 20px 30px 10px 30px;
}
.x-main.left blockquote p {
    color: #ffffff;
}
.x-main.left blockquote ul, .x-main.left blockquote ol {
    color: #ffffff;
}
.x-main.left ol li {
    font-size: 16px;
}
.x-main.left .title img{
  width: auto;
}
.x-main.left .entry-content h4{
   color: #65a28e; 
   font-size:20px;
}
.x-main.left  h1{
  padding-bottom: 20px;
  color:#65a28e; 
  border-bottom: 1px solid #eeeeee;
}
.x-main.left .entry-title h1{
 font-size:40px !important;
}
.x-main.left #miniHeader{
  margin-bottom: 40px;
}
.x-main.left .title h2, .title h3{
    color:#65a28e;
}
.x-main.left .title h2{
  font-size: 30px;
  margin-top: 10px;
}
.x-main.left .title h3{
  font-size: 22px
}



/* Comments */
.comment-css .logged-in-as{
  color:grey;
}
.comment-css #comment{
  height: 100px;
}
.comment-css #entry-comment-submit{
  background-color:#afafaf;
  border:none;
  box-shadow:none;
}
.comment-css .comment{
  background-color: #f3f3f3 !important;
  box-shadow: none !important;
  border-radius:0px !important;
  padding: 10px;
}
.comment-css .x-comments-list{
    border-bottom:1px solid #afafaf !important;
}
.comment-css .h-comments-title span{
  display:none;
}
.comment-css .logged-in-as a{
  color:#afafaf;
}
.comment-css .comment-form-comment label{
   color:#65a28e;
}
.comment-css .submit{
  background-color: grey;ç
  color:#ffffff; 
}



/* Main Menu */
#menu-item-3605 {
  background: url("https://www.certapet.com/wp-content/uploads/2017/12/ico-phone-call-julie.png") no-repeat 10px 10px;
  background-color: #f3f3f3;
  padding-left: 70px;
}
.x-navbar {
  box-shadow: none;
  border-bottom: 1px solid #f3f3f3;
}
.x-navbar-wrap .x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar-wrap .x-navbar .desktop .x-nav > li > a:active, 
.x-navbar-wrap .x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar-wrap .x-navbar .desktop .x-nav > .current-menu-item > a {
  border-bottom: 8px solid #ff2a13;
  box-shadow: none !important;
}
.x-navbar-wrap .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 10px !important;
    padding-right: 12px !important;
}
.x-nav-wrap #navbtn {
  border: none;
  border-width: 0;
}



/* agregado header */
#miniHeader{
  width: 100%;
  padding-left:20px;
  padding-right:20px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #65a28e;
  text-align: center;
}
#miniHeader h2{
  text-align: center;
  color: #ffffff;
  margin:0px !important; 
}
.masthead.masthead-inline{
z-index:9999;
position:fixed;
width:100%;
}
.main-left-wrap{
  margin-top:0px;
}
#menu-item-651 a:hover{
  border-bottom: none;
}

#menu-item-3425  span{
  line-height: 20px;
  margin-top: -10px;
}
#navbtn{
  border-radius:50px !important;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  width: 135px !important;
  color: #ef2201 !important;
  background-color: white !important;
  border: 2px solid #ef2201 !important;
  -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  -webkit-transition:color 0.3s;
    transition: color 0.3s;
}
 #navbtn:hover{
  background-color: #ef2201 !important;
  color: white !important;
}
.wpd-field-icon{
  display:none !important;
}
.wc_website{
  display: none !important;
}
.x-btn{
  font-family: lato;
  font-weight: bold;
}
.x-header-landmark.x-container{
margin-top: 150px;
}



/* Footer */
.blog-css .entry-footer{
  display:none;
}
footer h5,
footer h4.h-widget {
  color: #636363 !important;
  font-size: 16px !important;
}
footer .sfmsb-text {
  color: #636363 !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

footer .textwidget p {
 margin: 0;
}

footer .textwidget h5 {
 margin-top: 10px;
}
footer .widget ul li a:hover,
footer .widget ul li a:visited {
  color: #65a28e;
}
footer .widget widget_recent_entries {
 margin-top: 30px;
}
footer .x-colophon.bottom .x-nav li a {
  color: #ffffff;
}
footer .x-colophon-content a {
  color: #ffffff;
}
footer.x-colophon.top a:link,
footer.x-colophon.top a:active,
footer.x-colophon.top a:focus,
footer.x-colophon.top a:visited {
 color: #65a28e ;
}
footer.x-colophon.top a:hover {
 color: #1fb28e ;
}
footer.x-colophon top {
 padding: 0 0 0 10px;
}
.x-colophon.bottom {
  background: #65a28e;
  color: #dfdfdf;
}
.x-colophon.bottom .x-nav li a {
  color: #ffffff;
}
.x-container.offset {
 margin: 100px auto 40px auto;
}



/* Medias */
@media screen and (min-width: 360px)and (max-width: 550px){

.main-left-wrap {
  display: block;
  flex-wrap: none;
}
.main-left-wrap article {
  display: block;
  width:100%;
  flex-basis: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.main-left-wrap article:nth-child(odd) {
  margin-left: 0%;
}
}

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

#navbtn {
height: 40px !important;
margin-top: 0 !important;
width: auto !important;
}

.x-colophon.bottom .x-nav li a {
color: #ffffff;
}

.post-template-default .entry-wrap {
  box-shadow: none;
}

.post-template-default .x-container.offset {
  margin: 95px 0 40px 0;
  width: 100% !important;
}

.post-template-default .entry-wrap {
  padding-left: 40px;
}

.post-template-default .x-sidebar {
  width: 80%;
  margin: 0 20px;
  padding-left: 20px;
}

.post-template-default #breadcrumbs {
  display: none;
}

.post-template-default .mashsb-container.mashsb-main.mashsb-stretched {
  width: 40px;
  z-index: 1028;
}

.post-template-default .mashsb-main .mashsb-buttons .mashsb-noshadow, .post-template-default  .mashsb-main .mashsb-buttons .mashsb-noshadow:hover {
  height: 40px;
}

.post-template-default .mashsb-box .mashsb-buttons a.mash-small {
  padding: 4px;
}

.post-template-default .comments-area {
  padding-left: 30px;
}

.post-template-default .mashicon-share:before, [class*=" mashicon-"] .icon:before, [class^=mashicon-] .icon:before {
  font-size: 22px;
}

footer {
  z-index: 1029;
}
}