/*
 * Theme Name:  Squaretype Child
 * Theme URI:   https://codesupply.co/themes/squaretype/
 * Description: Squaretype Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    squaretype
 * Version:     1.0.0
 * Text Domain: squaretype-child
 * Domain Path: /languages
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

:root,
[data-site-scheme="default"] {
	--cs-color-site-background: #f6f6f6;
	--cs-color-topbar-background: #ffffff;
	--cs-color-navbar-background: #ffffff;
	--cs-color-submenu-background: #000000;
}

:root,
[data-scheme="default"] {
	--cs-color-secondary: #5d5e61;
    --cs-color-third: #bcbcbc;
}

.home .site-content {
    margin: 3rem 0;
}

.div_negro a.cmplz-show-banner:not([href]){text-decoration: underline;cursor: pointer;color:white}
.div_negro .extra_youtube{color:white}
.extra_youtube{padding-top: 5px;font-size: 0.8rem}
.div_negro{background: black;padding:15px;}
.div_negro.titulo_youtube h3{color:white;padding:0.5rem 0}
.div_negro.titulo_youtube h3:before{
    font-family: 'powerkit-icons' !important;
    font-style: 1.1rem;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\E945";
    padding-right: 5px;
    color:red;
    position: relative;top:3px
}


figure.wp-block-table{overflow: auto;}


figure.wp-block-table, figure.wp-block-table .has-fixed-layout  {
    display: block;
    width: 100%;
    overflow-x: auto;
    table-layout: auto;
}
figure.wp-block-table td, figure.wp-block-table .has-fixed-layout td  {
    white-space: nowrap;
}
figure.wp-block-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}
figure.wp-block-table {
    border-collapse: collapse;
    background-color: transparent;
}

.table-responsive-container{overflow: auto;}
.table-responsive-container table.table-responsive{
    display: table;
    width: 100%;
}
table.table-responsive{
    display: block;
    width: 100%;
}
table.table-responsive td{white-space: nowrap}

.entry-content-wrap .pk-share-buttons-wrap, .post-tags{margin-top: 1rem}
.entry-content-wrap .post-tags{background-color: white;padding:0.4rem 1rem 1rem 1rem}

.title-block-wrap .title-block{font-size: 1.5rem}

.post-comments-show, .post-comments.post-comments-button{display: none}

.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th{word-break: normal}

.aligncenter .wp-caption-text, .aligncenter .wp-caption-dd{text-align: left;border-bottom: 1px solid #dedede;padding-bottom: 0.2rem;font-size: 0.9rem}
.aligncenter .wp-caption-text:before{
    font-family: 'powerkit-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\E908";
    padding-right: 5px;
}
.wp-caption .wp-caption-text{margin-top:0.5rem;font-size:1rem}
.page-subtitle.title-block{display:none}
.singular_excerpt{font-size: 1.5rem;padding: 0 0}

.entry-header .entry-header-inner .entry-title {
    font-size: 1.8rem;
    line-height: 1.2;
}
.cs-breadcrumbs{display: none}

h1.entry-title, .entry-title{font-size:1.4rem}
.cs-hero .hero-full .hero-title{font-size:1.6rem}

.single-post .entry-header-large .entry-header-inner .entry-title {
    margin-top: 14rem;
}
.single-post .entry-header-large .entry-header-inner .post-meta{margin-top: 1rem}
.single-post .entry-header-large{margin-bottom: 2.5rem}

.post-outer{position: relative}
.archive-grid .meta-category.meta-category-list,
.archive-grid .meta-category.meta-category-singular,
.meta-category.meta-category-list{
    position: absolute;
    z-index: 4;
    margin: 10px;
    padding: 3px 7px;
    border-radius: 4px;
}
.archive-grid .meta-category-date{display: none}
.entry-header .meta-category.meta-category-singular{  
    padding: 3px 7px;
    border-radius: 4px;
    display:inline-block;
    margin-bottom: 0.7rem;
}
.archive.category .page-header-content{padding:0 25px 25px 25px}
.archive.category .subcategories{margin-top: 1rem;padding-top:1rem}

.ad_home img{width:100%;height: auto}
.ad_text{text-align: center;font-size: 0.6rem;color:var(--cs-color-secondary);padding:5px 0}
.meta-category-date{position: relative;top:3px;margin-left:10px;}
.meta-category-date:before{content:"|";padding-right:5px}
.meta-category a:before{content:'';padding:0}
.meta-category a .label, .meta-category a{color:white}
.meta-category.Tests:hover, .meta-category.Videos:hover, .meta-category.Productos:hover, .meta-category.Noticias:hover, 
.meta-category.Tests:hover a .label, .meta-category.Videos:hover a .label, .meta-category.Productos:hover a .label, .meta-category.Noticias:hover a .label,
.meta-category a:hover .label, .meta-category a:hover{color:black;background: white;text-decoration: none !important ;border-bottom: 0}
.meta-category.Noticias{background-color: #0a9000}
.meta-category.Productos{background-color: #032fc0}
.meta-category.Videos{background-color: #c00303}
.meta-category.Tests{background-color: black}

.wp-caption-text{font-size:1rem}

.container_tests_portada{margin:0;background:black;width:100%;padding:0 1rem 1rem 1rem;margin-top:1.5rem}
.container_tests_portada .meta-category{display: none}
.container_tests_portada_div{display: flex;flex-wrap: wrap;}
.container_tests_portada h3{font-size: 1.5rem;padding:1.5rem 0 0.5rem 1rem;color:white;}
.container_tests_portada h3:before{
    position:relative;
    top:auto;
    bottom: auto;
    left:auto;
    right: auto;
    font-family: 'powerkit-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\E939";
    padding-right: 5px;
}

.cs-hero-layout-boxed {
	margin-top: 2rem;
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
}

.home .cs-container, .archive .cs-container , .category .cs-container, .tag .cs-container {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.archive-wrap .archive-grid .post-inner + .post-inner {
    margin-top: 0.3rem;
    padding-right: 20px;
	padding-left: 20px;
}

.post-inner:not(:last-child){
    margin-bottom: 0.9rem;
}
.post-outer{background-color: white; height: 100%;padding-bottom: 20px}

.archive-wrap .archive-main article{margin-top: 2rem}


.main-content .entry-content .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large),
.main-content .entry-content > blockquote{
    margin-bottom: 0.5rem;   
}
.main-content .entry-content figure.wp-block-pullquote, 
.main-content .entry-content .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large),
.main-content .entry-content > blockquote{
    padding-top:1.5rem;padding-bottom:1.5rem;margin-top:0.5rem;    
    /*border-top: 2px solid var(--cs-color-third);
    border-bottom: 2px solid var(--cs-color-third) !important;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: initial;*/
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;
    margin-top: 0.5rem;
    border: 0px;
    position: relative;
    padding-left: 52px;
    border:0px;}
figure.wp-block-pullquote blockquote p,
.main-content .entry-content .wp-block-quote:not(.is-large)  p, .wp-block-quote:not(.is-style-large) p,
.main-content .entry-content > blockquote p{
    font-size: 1.3rem;line-height: 2rem;color: var(--cs-color-secondary);font-weight: 400;text-align: left
}
figure.wp-block-pullquote blockquote p:before,
.main-content .entry-content > blockquote p:before,
.main-content .entry-content .wp-block-quote:not(.is-large)  p:first-child:before, .wp-block-quote:not(.is-style-large) p:first-child:before{
    font-family:"Open Sans";
    content: "“";
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 5em;
    color: var(--cs-color-third);
    font-weight: 400;
}

.single .site-content{
    margin: 1.5rem 0;
}

.pk-share-buttons-wrap .pk-share-buttons-item.pk-share-buttons-whatsapp{display: block}

.entry-excerpt-header{padding:0.7rem 0;font-size:1.2rem;color:var(--cs-color-secondary);line-height: 1.4}
.entry-inline-meta.entry-social-header .pk-share-buttons-after-post{margin-top:0.5rem}
.entry-inline-meta.entry-social-header .pk-share-buttons-after-post .pk-share-buttons-item.pk-share-buttons-whatsapp {
    display: flex;
    align-items: center;
    padding: 0.25rem;
}
 .pk-share-buttons-after-post .pk-share-buttons-link{height: 2rem}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.wp-block-gallery .wp-element-caption{background: transparent;position:relative;text-shadow: none}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{display: none}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:before{
    position:relative;
    top:auto;
    bottom: auto;
    left:auto;
    right: auto;
    font-family: 'powerkit-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\E908";
    padding-right: 5px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:before{
    color: var(--cs-color-secondary);
    text-align: left
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
    border-bottom: 1px solid #dedede;
    padding:0.5rem 0 0.5rem 0rem;
}

.c_anun_pub{font-size:0.8rem;font-style: italic}
.c_anun_pub:before{
    position:relative;
    top:auto;
    bottom: auto;
    left:auto;
    right: auto;
    font-family: 'powerkit-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\E942";
    padding-right: 5px;
}


.menu-superior {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100vw;             /* ocupa todo el ancho visible */
}

.menu-superior li {
  flex: 1 1 25%;            /* cada item ocupa el 25% */
  text-align: center;
}

.menu-superior li a {
  display: block;
  padding: 1rem 0;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease-in-out;
}

.menu-superior li a:hover {
  border-bottom: 2px solid #000;
}
.nav-subhomes{background: black}
.nav-subhomes ul li a{color:white !important;font-weight: bolder;text-transform: uppercase}
.nav-subhomes ul li a:hover{background-color: white;color:black !important}
.nav-subhomes ul li{border-right:0px solid white}
.nav-subhomes ul li:last-child{border-right:0}
.nav-subhomes ul li a{padding:4px 0;font-size:0.8rem;
color:black;
}
/*.nav-subhomes ul li:first-child a{background: orange}
.nav-subhomes ul li:first-child a{background: orange}
.nav-subhomes ul li:nth-child(2) a{color:white;background: #826200}
.nav-subhomes ul li:nth-child(3) a{color:white;background: #00aeff}*/
/*nav-subhomes ul li:first-child a{color: orange}
.nav-subhomes ul li:first-child a{color: orange}
.nav-subhomes ul li:nth-child(2) a{color: #826200}
.nav-subhomes ul li:nth-child(3) a{color: #00aeff}*/
.navbar-primary .nav-subhomes, .nav-subhomes .navbar-content{height:auto !important}
.nav-subhomes ul li:first-child a{border-bottom: 2px solid orange}
.nav-subhomes ul li:nth-child(2) a{border-bottom: 2px solid  #826200}
.nav-subhomes ul li:nth-child(3) a{border-bottom: 2px solid  #00aeff}
.nav-subhomes ul li:last-child a{border-bottom: 2px solid  #0ca700}
.nav-subhomes ul li a:hover{border-bottom:2px solid black}
.nav-subhomes .navbar-container{padding-right:0;padding-left:0}

.nav-subhomes ul li.tax-seleccionada:first-child a{background: orange}
.nav-subhomes ul li.tax-seleccionada:nth-child(2) a{background:#826200}
.nav-subhomes ul li.tax-seleccionada:nth-child(3) a{background:#00aeff}
.nav-subhomes ul li.tax-seleccionada:last-child a{background:#0ca700}



/*MODIF HERO PORTADA*/


@media (max-width: 1020px) {
    .home .cs-hero-layout-boxed .cs-hero .hero-full{background-color: black; padding:25px !important}
    .section-hero{display:block;width: 100%;margin:0 auto}
    .cs-hero .hero-full, .section-hero-wrap.cs-hero-layout, .cs-hero, .cs-hero-layout-boxed{display:block;width: 100%;margin:0 auto}
    .hero-overlay{position: relative;top:auto;bottom: auto;left: auto;right: auto}
    .hero-overlay img{position: relative;top:auto;bottom: auto;left: auto;right: auto}
    .home .section-hero .cs-overlay-ratio .cs-overlay-background{position: relative !important}
    .section-hero .cs-ratio-16by9:before{padding-bottom: 0}
    .section-hero .cs-overlay-ratio .cs-overlay-background img{position: relative}
}




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


@media (min-width: 600px) {
    .single .site-content{
        margin: 1.8rem 0;
    }
	.cs-hero-layout-boxed {
		max-width: 600px;
        margin-left: 0px;
        margin-right: 0px;
	}
}

@media (min-width: 720px) {
    .single .site-content{
        margin: 2rem 0;
    }
	.cs-hero-layout-boxed {
		max-width: 720px;
        margin-left: 0px;
        margin-right: 0px;
	}
    .single-post .entry-header-large .entry-header-inner .entry-title {
        margin-top: 17rem;
    }
    .container_tests_portada{margin:1rem 20px 0;padding-bottom: 1rem}
    #container_tests_portada_div article {
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1020px) {
    .archive.category .page-header-content{padding:25px 0 25px 0px}
    .container_tests_portada{margin:1.5rem 20px 0;padding-bottom: 1rem}
    table.table-responsive{
        display: table;
        width: 100%;
    }
    .single .site-content{
        margin: 2rem 0;
    }
    figure.wp-block-pullquote,
    .main-content .entry-content > blockquote,
    .main-content .entry-content .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large){max-width: 40%;float: right;margin-left: 35px;padding-top:1rem;padding-bottom:1.5rem;padding-right: 0px}
    figure.wp-block-pullquote blockquote p{font-size: 1.2rem;line-height: 1.6rem;}
	.single .entry-container .entry-content-wrap {
		max-width: 800px;
	}
	.single .entry-container .entry-content {
		max-width: 800px;
	}
    .cs-breadcrumbs{display: block}
    .single-post .entry-header-large .entry-header-inner .entry-title {
        margin-top: 20rem;
    }
	.cs-hero-layout-boxed {
		max-width: 1020px;
        margin-left: 0px;
        margin-right: 0px;
	}
	.archive-heading-medium.archive-grid .entry-title {
		font-size: 1.675rem;
	}
	.archive-heading-medium.archive-masonry .entry-title {
		font-size: 1.675rem;
	}
    .hero-full{  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 100%);
     width: 100%;}
    
    
    .home .cs-container, .archive .cs-container , .category .cs-container, .tag .cs-container {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }
    .entry-header-large .entry-header-inner .entry-title {
        font-size: 2rem;
        line-height: 1.2;
    }
    /*
    .home .cs-hero-layout-boxed .cs-hero .hero-full{position: relative;
    display: flex
;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;}
    .cs-hero {
    display: flex
;
    flex-wrap: wrap;
    height: 100%;
}*/
}

@media (min-width: 1200px) {
    .main-content .entry-content > blockquote,
     figure.wp-block-pullquote,
    .main-content .entry-content .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large){max-width: 40%;   
    }
    .single .site-content{
        margin: 2rem 0;
    }
	.single .entry-container .entry-content-wrap {
		max-width: 950px;
	}
	.single .entry-container .entry-content {
		max-width: 930px;
	}
    .entry-header-large .entry-header-inner .entry-title {
        font-size: 2rem;
        line-height: 1;
	}
    .single-post .entry-header-large .entry-header-inner .post-meta{margin-top:1rem}
    .entry-header-large .entry-header-inner {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
	.cs-hero-layout-boxed {
		max-width: 1200px;
        margin-left: 0px;
        margin-right: 0px;
	}
	.archive-heading-small.archive-grid .entry-title {
		font-size: 1.3rem;
	}
	.archive-heading-small.archive-masonry .entry-title {
		font-size: 1.3rem;
	}
	.archive-heading-large.archive-grid .entry-title {
		font-size: 2.05rem;
	}
	.archive-heading-large.archive-masonry .entry-title {
		font-size: 2.0    5rem;
	}/*
    .cs-hero-layout-boxed {
        margin-top: 2rem;
        margin-left: 20px;
        margin-right: 20px;
        overflow: hidden;
    }
    .cs-hero-layout {
        display: flex;
        position: relative;
        width: 100%;
    }*/
}